/* AL MIZAN RIZQ — ABOUT BLUEPRINT V1 / 2026-10-15
   Scope: #about-section and body.route-about only.
   Original story-card, company registration, contact fields and foundation.js remain intact.
   Reference artwork: "Al Mizan Rizq_ Sarawak in Gold.png" supplied by merchant.
   No global checkout / API / mascot interaction / header or footer changes. */
:root{--amr-about-gold:#f6d17d;--amr-about-teal:#033060;--amr-about-deep:#001923;--amr-about-gem:#0fc0fd;}
@supports selector(html:has(body.route-about)){
 html:has(body.route-about){overflow-x:clip!important;}
}
body.route-about main#main{
 width:100%!important;
 max-width:1690px!important;
 padding:8px 28px 0!important;
 margin:0 auto!important;
 min-width:0!important;
}
body.route-about main#main>.breadcrumb{display:none!important;}
body.route-about #about-section{
 width:100%!important;
 max-width:1570px!important;
 margin:5px auto 22px!important;
 padding:0!important;
 position:relative!important;
 color:#f6ecce!important;
}
/* Full-width dedicated About hero, below the existing main AMR navigation. */
body.route-about .amr-about-hero{
 position:relative!important;isolation:isolate!important;
 display:flex!important;align-items:center!important;
 min-height:308px!important;
 padding:30px clamp(22px,3vw,58px)!important;
 border:2px solid #e6bd66!important;
 border-radius:22px!important;
 background:
   linear-gradient(90deg,rgba(2,11,30,.88),rgba(2,13,37,.71) 34%,rgba(0,19,28,.23) 69%,rgba(0,18,25,.37)),
   url('/assets/sarawak-scene.webp') center 58%/cover no-repeat!important;
 box-shadow:inset 0 0 0 2px rgba(10,191,251,.36),inset 0 0 42px rgba(241,176,57,.11),0 0 0 2px rgba(242,184,65,.15),0 0 24px rgba(250,179,50,.29),0 15px 26px rgba(0,0,0,.36)!important;
 overflow:visible!important;
}
body.route-about .amr-about-hero::before,
body.route-about .amr-about-gold-frame::before{
 content:'';position:absolute;z-index:7!important;
 inset:-12px!important;
 background:url('/assets/categories-frame-v1.svg') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 0 5px rgba(250,193,80,.48))!important;
 pointer-events:none!important;
}
body.route-about .amr-about-hero::after{
 content:'';position:absolute;inset:6px;
 border:1px solid rgba(247,216,139,.32);border-radius:16px;
 pointer-events:none;z-index:1;
}
body.route-about .amr-about-hero-copy{
 position:relative!important;z-index:5!important;
 max-width:970px!important;
 padding-left:clamp(170px,18vw,265px)!important;
 padding-right:160px!important;
 text-align:left!important;
}
body.route-about .amr-about-kicker,
body.route-about .amr-about-section-kicker{
 color:#ffe49b!important;font-weight:780!important;
 font-size:clamp(11px,.9vw,14px)!important;
 letter-spacing:.09em!important;
 line-height:1.4!important;margin:0 0 8px!important;
 text-shadow:0 0 8px rgba(243,198,79,.4)!important;
}
body.route-about .amr-about-kicker{display:inline-block;border-bottom:1px solid #e7c06e;padding:0 13px 5px 0!important;}
body.route-about #amr-about-heading{
 margin:0 0 6px!important;
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(48px,4vw,72px)!important;
 line-height:1!important;
 color:#ffe3a0!important;
 white-space:nowrap!important;
 text-shadow:0 3px 5px #090906,0 0 18px rgba(255,183,45,.39);
}
body.route-about .amr-about-hero-copy h2{
 margin:0 0 8px!important;
 color:#fff3d7!important;
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(22px,1.75vw,33px)!important;
 font-weight:750!important;
 white-space:nowrap!important;
 text-shadow:0 2px 5px #020b1e;
}
body.route-about .amr-about-hero-copy>p:last-of-type{
 color:#fff2dc!important;
 font-size:clamp(12px,.93vw,15px)!important;
 line-height:1.45!important;
 max-width:540px!important;
 margin:0 0 15px!important;
 text-shadow:0 1px 5px rgba(0,0,0,.86);
 font-weight:570!important;
}
body.route-about .amr-about-primary-button,
body.route-about .amr-about-secondary-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;
 min-height:47px!important;
 padding:10px 18px!important;
 border:1px solid #ffe99e!important;
 border-radius:9px!important;
 font-size:13px!important;
 font-weight:800!important;
 text-decoration:none!important;
 white-space:nowrap!important;
 color:#081b31!important;
 background:linear-gradient(155deg,#fff2ac,#efc054 56%,#ca8a24)!important;
 box-shadow:inset 0 2px 1px rgba(255,255,213,.61),0 0 15px rgba(252,196,73,.34)!important;
 transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
}
body.route-about .amr-about-primary-button svg,
body.route-about .amr-about-secondary-button svg{width:18px;height:18px;flex:none;}
body.route-about .amr-about-secondary-button{
 color:#ffdf94!important;background:linear-gradient(135deg,rgba(3,31,65,.97),rgba(0,18,26,.99))!important;
 border-color:#ecc275!important;
}
body.route-about .amr-about-hero-mascot{
 position:absolute!important;z-index:4!important;
 width:clamp(195px,22vw,335px)!important;
 height:clamp(270px,23.5vw,355px)!important;
 object-fit:contain!important;object-position:bottom right!important;
 right:clamp(-7px,1.7vw,25px)!important;bottom:-7px!important;
 filter:drop-shadow(0 0 12px rgba(236,188,89,.36))!important;
 pointer-events:none!important;
}
body.route-about .amr-about-orbit{
 position:absolute;left:4%;top:7%;width:clamp(190px,19vw,288px);height:86%;
 z-index:2;pointer-events:none;
 filter:drop-shadow(0 0 11px rgba(251,206,82,.55));
}
body.route-about .amr-about-orbit::before,
body.route-about .amr-about-orbit::after,
body.route-about .amr-about-orbit i{
 content:'';display:block;position:absolute;
 inset:7% 15%;
 border-radius:50%;
 border:1.7px solid rgba(255,209,100,.84);
 box-shadow:0 0 13px rgba(255,199,61,.40),inset 0 0 9px rgba(245,200,69,.19);
 will-change:transform;
}
body.route-about .amr-about-orbit::before{transform:rotate(44deg) scaleX(.46);animation:aboutOrbitA 20s linear infinite;}
body.route-about .amr-about-orbit::after{transform:rotate(-58deg) scaleX(.52);animation:aboutOrbitB 14s linear infinite;}
body.route-about .amr-about-orbit i:nth-child(1){transform:rotate(80deg) scaleX(.39);animation:aboutOrbitA 13s linear reverse infinite;}
body.route-about .amr-about-orbit i:nth-child(2){transform:rotate(-15deg) scaleX(.75);animation:aboutOrbitB 25s linear infinite;}
body.route-about .amr-about-orbit i:nth-child(3){inset:23%;opacity:.7;animation:aboutShimmer 4s ease-in-out infinite;}
@keyframes aboutOrbitA{to{rotate:360deg}}
@keyframes aboutOrbitB{to{rotate:-360deg}}
@keyframes aboutShimmer{0%,100%{opacity:.36}50%{opacity:1}}
/* Gold/cyan breadcrumb / diamond. */
body.route-about .amr-about-breadcrumb{
 display:flex!important;align-items:center!important;gap:11px!important;
 position:relative!important;min-height:46px!important;
 padding:9px 27px!important;
 margin:17px 0 13px!important;
 background:linear-gradient(100deg,rgba(3,47,88,.97),rgba(0,26,36,.96),rgba(3,44,83,.96))!important;
 color:#f4e3ba!important;
 border:1.5px solid #e8be63!important;
 border-radius:25px 8px 25px 8px!important;
 box-shadow:inset 0 0 0 1px rgba(16,196,255,.43),0 0 14px rgba(249,199,77,.28)!important;
 font-size:12px!important;
}
body.route-about .amr-about-breadcrumb::after{
 content:'◆';position:absolute;top:-14px;left:50%;transform:translateX(-50%);
 font-size:25px;color:#11c4ff;
 -webkit-text-stroke:1px #f9d479;
 text-shadow:0 0 8px rgba(243,201,81,.63);
}
body.route-about .amr-about-breadcrumb a{color:#f9d479!important;font-weight:700!important;text-decoration:none!important;}
body.route-about .amr-about-breadcrumb span{font-size:21px!important;color:#ffd87f!important;}
body.route-about .amr-about-breadcrumb strong{font-weight:550!important;color:#f5ead0!important;}
/* Consistent gold ornamental outline for each content section. */
body.route-about .amr-about-gold-frame{
 position:relative!important;isolation:isolate!important;
 border:2px solid rgba(242,196,91,.79)!important;
 border-radius:17px!important;
 box-shadow:inset 0 0 0 2px rgba(14,183,241,.22),0 0 0 1px rgba(238,183,67,.21),0 0 15px rgba(255,194,57,.2)!important;
 background:linear-gradient(130deg,rgba(3,43,81,.96),rgba(0,21,29,.96) 66%,rgba(3,35,65,.98))!important;
}
body.route-about .amr-about-gold-frame::before{inset:-10px!important;opacity:.88!important;z-index:5!important;}
/* Introduction — left panorama with brand emblem; right official dynamic content. */
body.route-about .amr-about-intro{
 display:grid!important;
 grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
 align-items:stretch!important;
 gap:0!important;
 min-height:477px!important;
 overflow:visible!important;
 margin:0 0 16px!important;
}
body.route-about .amr-about-art{
 position:relative!important;isolation:isolate!important;
 display:grid!important;place-items:center!important;
 min-height:477px!important;
 margin:6px!important;
 border:1px solid rgba(255,224,151,.59)!important;
 border-radius:11px!important;
 overflow:hidden!important;
 background:
  radial-gradient(ellipse at 50% 45%,rgba(3,42,83,.18),transparent 68%),
  url('/assets/sarawak-scene.webp') center 54%/cover no-repeat!important;
}
body.route-about .amr-about-art::after{
 content:'';position:absolute;inset:7px;
 border:1px solid rgba(243,203,114,.5);border-radius:7px;
 box-shadow:inset 0 0 22px rgba(233,186,80,.23);
 pointer-events:none;z-index:3;
}
body.route-about .amr-about-art::before{
 content:'';position:absolute;inset:0;z-index:1;
 background:radial-gradient(ellipse at 49% 50%,transparent 30%,rgba(0,14,23,.45) 100%);
 pointer-events:none;
}
body.route-about .amr-about-art>img{
 width:min(82%,460px)!important;
 max-height:330px!important;
 height:auto!important;object-fit:contain!important;
 position:relative!important;z-index:2!important;
 filter:drop-shadow(0 0 13px rgba(253,188,43,.62)) drop-shadow(0 8px 10px rgba(0,0,0,.65))!important;
}
body.route-about .amr-about-art-glow{
 position:absolute!important;z-index:2!important;
 top:6%;right:14%;
 color:#fff1b1;font-size:38px;
 text-shadow:0 0 10px #ffd86d,0 0 20px #ffbe3a;
 animation:aboutShimmer 4s ease-in-out infinite;
}
body.route-about .amr-about-info{
 min-width:0!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;
 padding:24px clamp(19px,2.9vw,49px) 18px!important;
 background:linear-gradient(145deg,rgba(2,19,51,.96),rgba(0,19,27,.94))!important;
 border-radius:0 14px 14px 0!important;
}
body.route-about .amr-about-info>.amr-about-section-kicker{
 margin:0 0 3px!important;
 font-size:15px!important;
}
body.route-about .amr-about-info>h2{
 font-family:Georgia,'Times New Roman',serif!important;
 color:#ffde95!important;
 font-size:clamp(19px,1.45vw,25px)!important;
 line-height:1.25!important;
 margin:0 0 13px!important;
 padding:0 0 12px!important;
 border-bottom:1px solid rgba(249,200,99,.55)!important;
}
body.route-about .amr-about-original-story.about-grid{display:block!important;width:100%!important;}
body.route-about .amr-about-original-story .story-card{
 display:block!important;
 margin:0!important;padding:0!important;
 min-height:0!important;height:auto!important;
 box-shadow:none!important;border:0!important;
 background:transparent!important;text-align:left!important;
}
body.route-about .amr-about-original-story .story-card .eyebrow{
 color:#d5c294!important;
 font-size:9px!important;letter-spacing:.08em!important;
 margin:0 0 5px!important;
}
body.route-about .amr-about-original-story .story-card h2{
 font-family:Georgia,'Times New Roman',serif!important;
 color:#ffe1a5!important;
 font-size:18px!important;
 margin:0 0 11px!important;
 line-height:1.22!important;
}
body.route-about .amr-about-original-story .story-card>p:not(.eyebrow){
 margin:0 0 8px!important;
 font-size:clamp(11px,.87vw,13px)!important;
 line-height:1.5!important;
 color:#f0e8d8!important;
}
body.route-about .amr-about-original-story .story-card .business-details{
 display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;
 gap:5px 9px!important;align-items:start!important;
 margin:9px 0!important;padding:10px 12px!important;
 border:1px solid rgba(235,188,87,.33)!important;
 border-radius:9px!important;background:rgba(3,38,71,.37)!important;
 font-size:10px!important;
 line-height:1.36!important;
 overflow-wrap:anywhere!important;
}
body.route-about .amr-about-original-story .business-details dt{
 color:#e5d19f!important;
 font-weight:700!important;
 margin:0!important;
}
body.route-about .amr-about-original-story .business-details dd{
 color:#f0ede0!important;
 margin:0!important;
}
body.route-about .amr-about-original-story .business-details a{color:#ffe3a5!important;}
body.route-about .amr-about-original-story .story-card>a.button{
 display:inline-flex!important;align-items:center!important;
 margin:8px 0 0!important;
 min-height:34px!important;padding:7px 14px!important;
 font-size:11px!important;
 border-radius:8px!important;
 border-color:#fad583!important;
}
body.route-about .amr-about-quote{
 position:relative!important;
 margin:13px 0 0!important;padding:11px 12px 8px 34px!important;
 color:#ffe7ae!important;font-style:italic!important;
 font-size:clamp(10px,.85vw,13px)!important;
 line-height:1.48!important;
 border-top:1px solid rgba(249,195,73,.57)!important;
 border-left:0!important;
}
body.route-about .amr-about-quote::before{
 content:'“';position:absolute;top:4px;left:3px;
 font:bold 40px Georgia,serif;color:#f8c76c;text-shadow:0 0 8px rgba(242,189,60,.35);
}
/* Core values headings and four distinct gold-lined cards. */
body.route-about .amr-about-values,
body.route-about .amr-about-service{
 padding:18px 24px 20px!important;
 margin:13px 0 17px!important;
 background:
  linear-gradient(180deg,rgba(0,23,33,.59),rgba(2,18,45,.9)),
  url('/assets/sarawak-scene.webp') center 62%/cover no-repeat!important;
}
body.route-about .amr-about-section-title{text-align:center!important;margin:0 auto 15px!important;}
body.route-about .amr-about-section-title h2{
 font-family:Georgia,'Times New Roman',serif!important;
 color:#ffe09e!important;
 font-size:clamp(23px,1.95vw,33px)!important;
 margin:0 0 6px!important;line-height:1.18!important;
 text-shadow:0 0 10px rgba(243,191,68,.3);
}
body.route-about .amr-about-section-title p{
 color:#fff3d7!important;
 font-size:12px!important;line-height:1.4!important;
 margin:0!important;
}
body.route-about .amr-about-value-grid{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:17px!important;
 align-items:stretch!important;
}
body.route-about .amr-about-value-card{
 position:relative!important;isolation:isolate!important;
 min-width:0!important;min-height:192px!important;
 padding:17px 17px 19px!important;
 border:2px solid #eebd63!important;
 border-radius:20px 6px 20px 6px!important;
 background:linear-gradient(158deg,rgba(3,56,107,.98),rgba(0,22,32,.99) 90%)!important;
 text-align:center!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;
 box-shadow:inset 0 0 0 2px rgba(250,216,135,.31),inset 0 0 19px rgba(7,181,231,.07),0 0 14px rgba(240,182,64,.21)!important;
 transition:transform .25s ease,box-shadow .25s ease!important;
}
body.route-about .amr-about-value-card::before{
 content:'';position:absolute!important;inset:-7px;
 background:url('/assets/footer-panel-ornate-v3.svg') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 0 3px rgba(255,193,68,.41));
 pointer-events:none!important;z-index:4!important;
}
body.route-about .amr-about-value-icon{
 width:67px!important;height:67px!important;
 flex:0 0 67px!important;
 display:grid!important;place-items:center!important;
 color:#ffdc86!important;
 border:2px solid #f2ce7f!important;border-radius:50%!important;
 background:radial-gradient(circle at 35% 23%,rgba(3,84,165,.77),rgba(3,28,62,.98) 70%)!important;
 box-shadow:inset 0 0 0 3px rgba(3,63,122,.45),0 0 14px rgba(250,194,66,.51)!important;
 margin:0 0 11px!important;
}
body.route-about .amr-about-value-icon svg{width:38px!important;height:38px!important;}
body.route-about .amr-about-value-card h3{
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(15px,1.12vw,20px)!important;
 line-height:1.18!important;
 color:#ffe4aa!important;
 margin:0 0 7px!important;
}
body.route-about .amr-about-value-card p{
 font-size:clamp(10px,.83vw,13px)!important;
 color:#f4e9d5!important;
 line-height:1.36!important;
 margin:0!important;
}
body.route-about .amr-about-value-card:hover{
 transform:translateY(-4px)!important;
 box-shadow:inset 0 0 0 2px rgba(254,227,156,.56),0 8px 27px rgba(0,0,0,.48),0 0 22px rgba(250,201,72,.46)!important;
}
/* Four-step illustrated service timeline. */
body.route-about .amr-about-service{
 background:
  linear-gradient(135deg,rgba(3,39,72,.83),rgba(0,22,30,.93)),
  url('/assets/sarawak-scene.webp') center 79%/cover no-repeat!important;
}
body.route-about .amr-about-steps{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;
 padding:18px 14px!important;
 border:1px solid rgba(238,188,72,.62)!important;
 border-radius:14px!important;
 background:linear-gradient(120deg,rgba(3,49,93,.65),rgba(0,25,34,.88))!important;
 box-shadow:inset 0 0 0 1px rgba(12,182,240,.17);
}
body.route-about .amr-about-step{
 position:relative!important;
 display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;
 grid-template-rows:auto 1fr!important;
 column-gap:10px!important;row-gap:0!important;
 color:#f6e9cb!important;
 min-width:0!important;padding:7px 14px 10px 3px!important;
 text-decoration:none!important;
 border-right:1px solid rgba(248,201,94,.48)!important;
 transition:filter .25s ease!important;
}
body.route-about .amr-about-step:last-child{border-right:0!important;}
body.route-about .amr-about-step-icon{
 grid-column:1;grid-row:1/3;
 width:58px;height:58px;display:grid;place-items:center;
 border-radius:50%;border:2px solid #f8d282;
 background:radial-gradient(circle at 30% 30%,#034f9b,#031f43 66%,#00141f);
 color:#ffe69e;
 box-shadow:inset 0 0 0 3px rgba(3,102,203,.43),0 0 15px rgba(255,194,52,.58);
}
body.route-about .amr-about-step-icon svg{width:33px;height:33px;}
body.route-about .amr-about-step-number{
 grid-column:2;grid-row:1;
 font:bold clamp(22px,1.7vw,30px) Georgia,serif!important;
 color:#ffe29a!important;line-height:1!important;
 margin:2px 0 7px!important;
}
body.route-about .amr-about-step-content{grid-column:2;grid-row:2;display:block!important;min-width:0!important;}
body.route-about .amr-about-step-content strong{
 display:block!important;
 color:#ffe4ac!important;
 font-weight:760!important;
 font-size:clamp(11px,.87vw,13px)!important;
 line-height:1.32!important;margin-bottom:7px!important;
}
body.route-about .amr-about-step-content small{
 display:block!important;
 font-size:clamp(9px,.74vw,11px)!important;
 line-height:1.4!important;color:#f4e7cf!important;
}
body.route-about .amr-about-step-arrow{
 position:absolute;right:-7px;top:40%;
 color:#ffd478;font-size:36px;text-shadow:0 0 11px rgba(255,194,61,.72);
}
body.route-about .amr-about-step:last-child .amr-about-step-arrow{display:none!important;}
body.route-about .amr-about-step:hover{filter:brightness(1.18)!important;}
/* Contact banner: reuse supplied AMR mascot media, official phone/email. */
body.route-about .amr-about-contact{
 min-height:285px!important;
 margin:12px 0 24px!important;
 padding:22px 21px!important;
 display:grid!important;
 grid-template-columns:minmax(180px,.88fr) minmax(0,1.2fr) minmax(205px,.85fr)!important;
 gap:18px!important;align-items:center!important;
 overflow:visible!important;
 background:
  linear-gradient(95deg,rgba(2,14,37,.29),rgba(2,15,44,.84) 40%,rgba(2,18,52,.71)),
  url('/assets/sarawak-scene.webp') center 55%/cover no-repeat!important;
}
body.route-about .amr-about-contact-mascot{
 position:relative!important;z-index:2!important;
 display:block!important;
 width:100%!important;
 height:260px!important;
 object-fit:contain!important;object-position:bottom center!important;
 margin:-32px 0 -24px!important;
 filter:drop-shadow(0 0 11px rgba(255,202,90,.43))!important;
 pointer-events:none!important;
}
body.route-about .amr-about-contact-copy{
 position:relative!important;z-index:4!important;
 text-align:center!important;
 max-width:660px!important;
 margin:auto!important;
}
body.route-about .amr-about-contact-copy h2{
 font:750 clamp(24px,2.35vw,39px)/1.03 Georgia,'Times New Roman',serif!important;
 color:#ffe2a4!important;
 margin:0 0 13px!important;
 text-shadow:0 0 11px rgba(249,201,89,.18),0 2px 3px rgba(0,0,0,.8)!important;
}
body.route-about .amr-about-contact-copy>p:not(.amr-about-section-kicker){
 color:#f4ebdc!important;
 font-size:clamp(11px,.85vw,13px)!important;
 margin:0 auto 16px!important;
 max-width:480px!important;
 line-height:1.5!important;
}
body.route-about .amr-about-contact-actions{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;}
body.route-about .amr-about-contact-actions>a{min-width:153px!important;font-size:12px!important;min-height:43px!important;}
body.route-about .amr-about-contact-panel{
 z-index:4!important;position:relative!important;
 display:flex!important;flex-direction:column!important;
 gap:13px!important;
 border:1px solid rgba(241,197,93,.83)!important;
 border-radius:16px!important;
 padding:18px 15px!important;
 background:linear-gradient(140deg,rgba(3,45,84,.97),rgba(2,16,48,.96))!important;
 box-shadow:inset 0 0 0 1px rgba(10,183,241,.31),0 0 15px rgba(245,183,70,.21)!important;
}
body.route-about .amr-about-contact-panel>a,
body.route-about .amr-about-contact-panel>div{
 display:flex!important;align-items:center!important;gap:11px!important;
 text-decoration:none!important;color:#f7eacf!important;
 min-width:0!important;
}
body.route-about .amr-about-contact-panel svg{
 width:24px!important;height:24px!important;flex:0 0 24px!important;
 color:#ffda81!important;
}
body.route-about .amr-about-contact-panel span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
body.route-about .amr-about-contact-panel strong{color:#ffe2a3!important;font-size:11px!important;line-height:1.2!important;}
body.route-about .amr-about-contact-panel small{
 color:#f5e6cc!important;font-size:11px!important;
 line-height:1.38!important;overflow-wrap:anywhere!important;
}
body.route-about #about-section a:focus-visible,
body.route-about #about-section button:focus-visible{
 outline:2px solid #ffe7a5!important;
 outline-offset:4px!important;
}
/* Desktop 1280px compact: match width without clipping headings or side orbits. */
@media(min-width:901px) and (max-width:1340px){
 body.route-about main#main{padding:8px 24px!important;}
 body.route-about .amr-about-hero{min-height:286px!important;}
 body.route-about .amr-about-hero-copy{padding-left:clamp(125px,16vw,195px)!important;padding-right:150px!important;}
 body.route-about #amr-about-heading{font-size:clamp(41px,4.2vw,56px)!important;}
 body.route-about .amr-about-hero-copy h2{font-size:23px!important;}
 body.route-about .amr-about-orbit{left:1.9%!important;width:210px!important;}
 body.route-about .amr-about-hero-mascot{width:235px!important;height:290px!important;}
 body.route-about .amr-about-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
 body.route-about .amr-about-art{min-height:515px!important;}
 body.route-about .amr-about-info{padding:21px 25px!important;}
 body.route-about .amr-about-value-grid{gap:12px!important;}
 body.route-about .amr-about-value-card{padding:14px 10px!important;min-height:207px!important;}
 body.route-about .amr-about-steps{padding:12px 10px!important;gap:7px!important;}
 body.route-about .amr-about-step{grid-template-columns:51px 1fr!important;gap:8px!important;}
 body.route-about .amr-about-step-icon{width:49px;height:49px;}
 body.route-about .amr-about-step-icon svg{width:27px;height:27px;}
 body.route-about .amr-about-contact{grid-template-columns:.68fr 1.12fr .86fr!important;gap:12px!important;}
 body.route-about .amr-about-contact-actions>a{min-width:129px!important;padding:10px!important;}
}
@media(max-width:900px){
 body.route-about main#main{padding:9px 17px 0!important;}
 body.route-about .amr-about-hero{min-height:269px!important;padding:22px!important;}
 body.route-about .amr-about-hero-copy{padding-left:115px!important;padding-right:110px!important;}
 body.route-about .amr-about-orbit{left:1.5%!important;width:137px!important;}
 body.route-about .amr-about-hero-mascot{width:160px!important;height:263px!important;right:0!important;}
 body.route-about #amr-about-heading{font-size:43px!important;white-space:normal!important;}
 body.route-about .amr-about-hero-copy h2{font-size:20px!important;white-space:normal!important;}
 body.route-about .amr-about-hero-copy>p:last-of-type{font-size:12px!important;}
 body.route-about .amr-about-primary-button,.amr-about-secondary-button{min-height:42px!important;font-size:11px!important;}
 body.route-about .amr-about-breadcrumb{min-height:43px!important;margin:16px 0!important;}
 body.route-about .amr-about-intro{grid-template-columns:1fr!important;}
 body.route-about .amr-about-art{min-height:315px!important;}
 body.route-about .amr-about-art>img{max-height:244px!important;width:min(78%,350px)!important;}
 body.route-about .amr-about-info{padding:24px!important;border-radius:0 0 14px 14px!important;}
 body.route-about .amr-about-original-story .story-card .business-details{grid-template-columns:140px minmax(0,1fr)!important;}
 body.route-about .amr-about-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.route-about .amr-about-values,body.route-about .amr-about-service{padding:18px 17px!important;}
 body.route-about .amr-about-value-card{min-height:178px!important;}
 body.route-about .amr-about-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.route-about .amr-about-step:nth-child(2){border-right:0!important;}
 body.route-about .amr-about-step{min-height:100px!important;}
 body.route-about .amr-about-contact{grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr)!important;min-height:0!important;}
 body.route-about .amr-about-contact-mascot{height:235px!important;}
 body.route-about .amr-about-contact-panel{grid-column:1/-1!important;flex-direction:row!important;justify-content:space-around!important;gap:14px!important;}
}
@media(max-width:520px){
 body.route-about main#main{padding:4px 12px 0!important;}
 body.route-about #about-section{margin-top:5px!important;}
 body.route-about .amr-about-hero{
  min-height:321px!important;
  align-items:flex-start!important;
  padding:25px 14px 17px!important;
  border-radius:14px!important;
 }
 body.route-about .amr-about-hero::before{inset:-7px!important;}
 body.route-about .amr-about-hero-copy{padding:0 95px 0 3px!important;}
 body.route-about #amr-about-heading{font-size:clamp(31px,8.5vw,41px)!important;line-height:1.06!important;white-space:normal!important;}
 body.route-about .amr-about-hero-copy h2{font-size:17px!important;line-height:1.12!important;}
 body.route-about .amr-about-kicker{font-size:10px!important;}
 body.route-about .amr-about-hero-copy>p:last-of-type{font-size:10px!important;line-height:1.48!important;}
 body.route-about .amr-about-hero-mascot{right:-2px!important;bottom:-4px!important;width:148px!important;height:201px!important;}
 body.route-about .amr-about-orbit{left:13px!important;top:auto!important;bottom:6px!important;width:93px!important;height:87px!important;opacity:.8!important;}
 body.route-about .amr-about-hero .amr-about-primary-button{font-size:10px!important;padding:7px 9px!important;min-height:36px!important;gap:5px!important;}
 body.route-about .amr-about-hero .amr-about-primary-button svg{width:15px!important;height:15px!important;}
 body.route-about .amr-about-breadcrumb{border-radius:15px!important;padding:8px 11px!important;gap:8px!important;font-size:11px!important;}
 body.route-about .amr-about-intro{margin-bottom:14px!important;}
 body.route-about .amr-about-intro::before,body.route-about .amr-about-gold-frame::before{inset:-6px!important;}
 body.route-about .amr-about-art{min-height:225px!important;margin:4px!important;}
 body.route-about .amr-about-art>img{max-height:174px!important;width:79%!important;}
 body.route-about .amr-about-info{padding:19px 13px 16px!important;}
 body.route-about .amr-about-info>.amr-about-section-kicker{font-size:12px!important;}
 body.route-about .amr-about-info>h2{font-size:19px!important;}
 body.route-about .amr-about-original-story .story-card h2{font-size:16px!important;}
 body.route-about .amr-about-original-story .story-card>p:not(.eyebrow){font-size:11px!important;}
 body.route-about .amr-about-original-story .story-card .business-details{
  grid-template-columns:107px minmax(0,1fr)!important;
  padding:9px 8px!important;font-size:9px!important;
 }
 body.route-about .amr-about-quote{font-size:10px!important;}
 body.route-about .amr-about-values,body.route-about .amr-about-service{padding:16px 11px!important;}
 body.route-about .amr-about-section-title h2{font-size:22px!important;}
 body.route-about .amr-about-section-title p{font-size:10px!important;}
 body.route-about .amr-about-value-grid{gap:10px!important;}
 body.route-about .amr-about-value-card{padding:14px 9px!important;min-height:206px!important;}
 body.route-about .amr-about-value-icon{width:51px!important;height:51px!important;flex-basis:51px!important;margin-bottom:9px!important;}
 body.route-about .amr-about-value-icon svg{width:28px!important;height:28px!important;}
 body.route-about .amr-about-value-card h3{font-size:14px!important;}
 body.route-about .amr-about-value-card p{font-size:10px!important;}
 body.route-about .amr-about-steps{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important;}
 body.route-about .amr-about-step{min-height:78px!important;grid-template-columns:53px minmax(0,1fr)!important;border-right:0!important;border-bottom:1px solid rgba(248,198,96,.43)!important;padding:7px 10px!important;}
 body.route-about .amr-about-step:last-child{border-bottom:0!important;}
 body.route-about .amr-about-step-icon{width:48px!important;height:48px!important;}
 body.route-about .amr-about-step-number{font-size:21px!important;margin:0 0 3px!important;}
 body.route-about .amr-about-step-content strong{font-size:12px!important;margin-bottom:3px!important;}
 body.route-about .amr-about-step-content small{font-size:10px!important;}
 body.route-about .amr-about-contact{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:11px!important;
  padding:16px 12px!important;
 }
 body.route-about .amr-about-contact-mascot{width:100%!important;height:180px!important;align-self:end!important;margin:-6px 0 -15px!important;}
 body.route-about .amr-about-contact-copy{padding:0!important;}
 body.route-about .amr-about-contact-copy .amr-about-section-kicker{font-size:9px!important;}
 body.route-about .amr-about-contact-copy h2{font-size:21px!important;line-height:1.1!important;margin-bottom:9px!important;}
 body.route-about .amr-about-contact-copy>p:not(.amr-about-section-kicker){font-size:10px!important;line-height:1.4!important;}
 body.route-about .amr-about-contact-actions{gap:7px!important;}
 body.route-about .amr-about-contact-actions>a{min-height:36px!important;font-size:10px!important;min-width:0!important;width:100%!important;}
 body.route-about .amr-about-contact-panel{
  grid-column:1/-1!important;
  flex-direction:column!important;gap:12px!important;
  padding:14px!important;align-items:flex-start!important;
 }
 body.route-about .amr-about-contact-panel small{font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){
 body.route-about .amr-about-orbit::before,
 body.route-about .amr-about-orbit::after,
 body.route-about .amr-about-orbit i,
 body.route-about .amr-about-art-glow{animation:none!important;will-change:auto!important;}
 body.route-about .amr-about-value-card,
 body.route-about .amr-about-primary-button,
 body.route-about .amr-about-secondary-button{transition:none!important;}
}
@media(hover:hover) and (pointer:fine){
 body.route-about .amr-about-primary-button:hover,
 body.route-about .amr-about-secondary-button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 0 19px rgba(247,194,77,.52)!important;}
}