/* AMR ABOUT GALACTIC ROYALE V2 - production visual skin. Entirely route-scoped. */
body.route-about main#main{
 width:100%!important;max-width:none!important;
 padding:clamp(10px,1.3vw,23px) clamp(10px,2.2vw,38px) 32px!important;
 background:linear-gradient(180deg,#00142c8c,#00102a94 62%,#001835c2),
 url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center top/cover fixed no-repeat!important
}
body.route-about #about-section{max-width:1560px!important;display:flex!important;flex-direction:column!important;gap:13px!important}
body.route-about #about-section>:is(.amr-about-hero,.amr-about-intro,.amr-about-values,.amr-about-service,.amr-about-contact,.amr-about-royale-section){
 margin:0!important;min-width:0!important
}
body.route-about #about-section .amr-about-hero,
body.route-about #about-section .amr-about-gold-frame{
 border:2px solid #f7cb80!important;
 border-radius:16px!important;
 box-shadow:inset 0 0 0 2px #0a9be9b0,inset 0 0 19px #0e67c86b,0 0 11px #e2aa538b!important
}
body.route-about #about-section .amr-about-hero::before,
body.route-about #about-section .amr-about-gold-frame::before{
 z-index:9!important;inset:-6px!important;pointer-events:none!important;
 background:url('/assets/categories-frame-v1.svg') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 0 5px #e1bc62b0)!important
}
body.route-about #about-section .amr-about-hero{
 min-height:clamp(305px,25vw,392px)!important;
 padding:clamp(20px,2.6vw,43px)!important;
 background:
 linear-gradient(90deg,#001227ee,#021737bf 40%,#05133338 72%,#00132c92 100%),
 url('/assets/sarawak-scene.webp') center 55%/cover no-repeat!important;
 overflow:hidden!important;isolation:isolate!important
}
body.route-about #about-section .amr-about-hero-copy{
 max-width:1050px!important;padding-left:clamp(105px,14vw,214px)!important;
 padding-right:clamp(175px,24vw,370px)!important;
 position:relative!important;z-index:7!important
}
body.route-about #about-section #amr-about-heading{
 font-size:clamp(39px,4.6vw,70px)!important;
 white-space:normal!important;color:#ffe1a1!important;
 text-shadow:0 0 12px #f9ba5d5c,1px 3px 2px #05122c!important
}
body.route-about #about-section .amr-about-hero-copy h2{
 font-size:clamp(17px,1.75vw,29px)!important;white-space:normal!important;
 color:#ffe7bd!important
}
body.route-about #about-section .amr-about-orbit{left:2.8%!important;width:clamp(115px,16vw,244px)!important}
body.route-about #about-section .amr-about-hero-mascot{
 position:absolute!important;width:clamp(240px,29vw,460px)!important;
 height:108%!important;right:clamp(2px,4vw,70px)!important;bottom:-3px!important;
 object-fit:contain!important;object-position:center bottom!important;
 z-index:6!important;
 filter:drop-shadow(0 0 14px #0da7ff90) drop-shadow(0 3px 8px #00142bbd)!important
}
body.route-about #about-section .amr-about-breadcrumb{
 margin:0!important;background:linear-gradient(90deg,#03152df5,#053365ee,#03152df8)!important;
 min-height:44px!important;border-radius:10px!important;
 border:1px solid #1689d7!important;box-shadow:0 0 12px #007ce55e!important
}
body.route-about #about-section .amr-about-breadcrumb::after{
 content:'◆'!important;color:#35deff!important
}
body.route-about #about-section .amr-about-intro{
 min-height:340px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 background:linear-gradient(100deg,#02172cf0,#011228dc),url('/assets/sarawak-scene.webp') center/cover!important;
 overflow:visible!important;align-items:stretch!important
}
body.route-about #about-section .amr-about-intro .amr-about-info{
 grid-column:1!important;grid-row:1!important;
 padding:clamp(20px,2.9vw,46px)!important;
 background:linear-gradient(90deg,#011227ee 0%,#021c37bf 100%)!important;
 border-radius:14px 0 0 14px!important
}
body.route-about #about-section .amr-about-intro .amr-about-art{
 grid-column:2!important;grid-row:1!important;min-height:340px!important;
 margin:5px!important;background:linear-gradient(90deg,#03285138,#051b3d70),url('/assets/sarawak-scene.webp') center 58%/cover no-repeat!important;
 border:1px solid #f2ca7f9e!important
}
body.route-about #about-section .amr-about-intro .amr-about-art>img{
 width:76%!important;max-width:500px!important;max-height:260px!important;
 object-fit:contain!important
}
body.route-about #about-section .amr-about-info>.amr-about-section-kicker{
 font:700 clamp(12px,.89vw,15px)/1.3 Georgia,serif!important;
 letter-spacing:.11em!important;color:#ffe0a0!important
}
body.route-about #about-section .amr-about-info>h2{
 margin:0 0 7px!important;padding:0!important;border:0!important;
 font:700 clamp(32px,3.2vw,51px)/1.02 Georgia,serif!important;
 color:#ffe4a5!important
}
body.route-about #about-section .amr-royale-about-subtitle{
 margin:0 0 12px!important;color:#fbe0a7!important;
 font:700 clamp(17px,1.7vw,27px)/1.2 Georgia,serif!important
}
body.route-about #about-section .amr-royale-about-description{
 font-size:clamp(12px,.98vw,15px)!important;line-height:1.65!important;
 color:#eaf5ff!important;margin:0 0 12px!important;max-width:570px!important
}
body.route-about #about-section .amr-about-quote{
 font-size:clamp(11px,.91vw,14px)!important;padding-top:7px!important
}
body.route-about #about-section .amr-royale-origin{
 position:absolute!important;z-index:4!important;
 bottom:clamp(13px,1.8vw,28px)!important;left:50%!important;
 transform:translateX(-50%)!important;
 display:grid!important;gap:3px!important;text-align:center!important;
 padding:9px 20px!important;border-radius:8px!important;
 background:#00172c9e!important;box-shadow:0 0 13px #ffcc7588!important;
 color:#ffe3a5!important;white-space:nowrap!important;
 text-shadow:0 0 10px #efa950!important
}
body.route-about #about-section .amr-royale-origin strong{
 font:700 clamp(13px,1.55vw,22px)/1.2 Georgia,serif!important
}
body.route-about #about-section .amr-royale-origin span{
 font:700 clamp(10px,.95vw,14px)/1.2 Georgia,serif!important;letter-spacing:.12em!important
}
body.route-about #about-section .amr-royale-business-details{
 width:100%!important;margin:9px 0 0!important;
 border:1px solid #ad893c89!important;border-radius:8px!important;
 background:#00152c91!important
}
body.route-about #about-section .amr-royale-business-details>summary{
 cursor:pointer!important;padding:9px 12px!important;
 color:#ffe4a2!important;font-size:12px!important;font-weight:750!important
}
body.route-about #about-section .amr-royale-business-details>.amr-about-original-story{
 padding:10px 12px!important;max-height:350px!important;overflow-y:auto!important
}
body.route-about #about-section :is(.amr-about-values,.amr-about-service,.amr-about-royale-section){
 padding:clamp(15px,1.7vw,26px)!important;
 background:linear-gradient(180deg,#01152fdb,#011126f5),url('/assets/sarawak-scene.webp') center/cover no-repeat!important
}
body.route-about #about-section .amr-about-section-title{margin:0 auto 13px!important}
body.route-about #about-section .amr-about-section-title h2{
 font-size:clamp(23px,2.25vw,35px)!important
}
body.route-about #about-section .amr-royale-kicker{
 margin:0 0 5px!important;text-align:center!important;
 color:#f5d69c!important;font:700 11px/1.3 Georgia,serif!important;
 letter-spacing:.14em!important
}
body.route-about #about-section .amr-about-values .amr-about-value-grid{
 gap:clamp(10px,1vw,18px)!important
}
body.route-about #about-section .amr-about-values .amr-about-value-card{
 min-height:180px!important;background:linear-gradient(160deg,#073c72f7,#01132ded)!important;
 border:2px solid #f3cb7b!important;border-radius:12px!important;
 transition:transform .25s ease,box-shadow .25s ease!important
}
body.route-about #about-section :is(.amr-about-value-card,.amr-royale-feature,.amr-royale-stat):hover{
 transform:translateY(-3px)!important;box-shadow:0 0 17px #dbaf5d99,inset 0 0 13px #126fb660!important
}
body.route-about #about-section .amr-royale-mission-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important
}
body.route-about #about-section .amr-royale-difference-grid,
body.route-about #about-section .amr-royale-stats-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important
}
body.route-about #about-section .amr-royale-feature{
 display:flex!important;position:relative!important;
 align-items:center!important;justify-content:center!important;
 flex-direction:column!important;text-align:center!important;
 padding:15px!important;gap:7px!important;
 min-height:135px!important;background:linear-gradient(160deg,#062851c7,#00122ae9)!important;
 border:2px solid #e9bd6f!important;border-radius:12px!important;
 box-shadow:inset 0 0 0 1px #037ce6,0 0 12px #ddac5272!important;
 transition:transform .22s ease,box-shadow .22s ease!important
}
body.route-about #about-section .amr-about-royale-mission .amr-royale-feature{
 min-height:115px!important;flex-direction:row!important;text-align:left!important;
 justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px 12px!important
}
body.route-about #about-section .amr-royale-feature h3{
 font:700 clamp(14px,1.12vw,19px)/1.2 Georgia,serif!important;
 color:#ffe0a0!important;margin:0!important
}
body.route-about #about-section .amr-royale-feature p{
 font:500 clamp(11px,.83vw,13px)/1.45 Arial,sans-serif!important;
 color:#e5ecf6!important;margin:0!important
}
body.route-about #about-section .amr-about-royale-mission .amr-royale-feature p{flex-basis:calc(100% - 75px)!important;margin-left:63px!important}
body.route-about #about-section .amr-royale-symbol{
 width:clamp(38px,3.55vw,58px)!important;height:clamp(38px,3.55vw,58px)!important;
 min-width:38px!important;min-height:38px!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;flex:none!important;
 color:#ffe29c!important;font-size:clamp(20px,2vw,32px)!important;
 background:radial-gradient(circle at 45% 38%,#063e76,#000d29 74%)!important;
 border:1px solid #e5c174!important;box-shadow:inset 0 0 11px #007bef,0 0 9px #39a3fba8!important
}
body.route-about #about-section .amr-royale-stat{
 min-height:105px!important;display:flex!important;align-items:center!important;
 gap:12px!important;padding:12px!important;
 background:linear-gradient(110deg,#052e5fef,#01152beb)!important;
 border:2px solid #e8bb6c!important;border-radius:10px!important;
 box-shadow:0 0 10px #ddaf4d80,inset 0 0 8px #006cd7!important;
 transition:transform .22s ease,box-shadow .22s ease!important
}
body.route-about #about-section .amr-royale-stat-label{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
body.route-about #about-section .amr-royale-stat-number{
 font:700 clamp(18px,1.6vw,27px)/1.1 Georgia,serif!important;color:#ffe3a5!important
}
body.route-about #about-section .amr-royale-stat-label>span{
 font-size:clamp(10px,.8vw,13px)!important;line-height:1.3!important;color:#e5efff!important
}
body.route-about #about-section .amr-about-royale-service-extra{
 margin:0!important;opacity:.98!important
}
body.route-about #about-section .amr-about-contact{
 min-height:265px!important;padding:25px!important;
 background:linear-gradient(90deg,#061c3fce,#02132b85 60%,#001b3dc9),url('/assets/sarawak-scene.webp') center 60%/cover no-repeat!important;
 overflow:hidden!important
}
body.route-about #about-section .amr-about-contact-mascot{
 object-fit:contain!important;object-position:bottom center!important;
 max-height:100%!important;width:clamp(210px,22vw,330px)!important;
 filter:drop-shadow(0 0 11px #08a1f89c)!important
}
body.route-about #about-section :is(a,button):focus-visible,
body.route-about #about-section summary:focus-visible{
 outline:3px solid #55daff!important;outline-offset:3px!important
}
@media(min-width:901px) and (max-width:1150px){
 body.route-about #about-section .amr-about-hero-copy{padding-left:clamp(110px,14vw,165px)!important;padding-right:250px!important}
 body.route-about #about-section .amr-about-info{padding:21px!important}
 body.route-about #about-section .amr-royale-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 body.route-about main#main{background-attachment:scroll!important;padding:13px!important}
 body.route-about #about-section .amr-about-hero{min-height:305px!important}
 body.route-about #about-section .amr-about-hero-copy{padding-left:clamp(18px,8vw,65px)!important;padding-right:clamp(120px,29vw,220px)!important}
 body.route-about #about-section .amr-about-hero-mascot{width:clamp(170px,30vw,265px)!important;right:-6px!important}
 body.route-about #about-section .amr-about-orbit{opacity:.35!important;left:1%!important;width:110px!important}
 body.route-about #about-section .amr-about-intro{grid-template-columns:1fr!important;min-height:0!important}
 body.route-about #about-section .amr-about-intro .amr-about-info{grid-column:1!important;grid-row:1!important;border-radius:13px!important}
 body.route-about #about-section .amr-about-intro .amr-about-art{grid-column:1!important;grid-row:2!important;min-height:230px!important}
 body.route-about #about-section .amr-about-intro .amr-about-art>img{max-height:180px!important}
 body.route-about #about-section .amr-about-values .amr-about-value-grid,
 body.route-about #about-section .amr-royale-difference-grid,
 body.route-about #about-section .amr-royale-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.route-about #about-section .amr-about-royale-mission .amr-royale-feature{flex-direction:column!important;text-align:center!important}
 body.route-about #about-section .amr-about-royale-mission .amr-royale-feature p{flex-basis:auto!important;margin-left:0!important}
}
@media(max-width:520px){
 body.route-about main#main{padding:10px!important}
 body.route-about #about-section{gap:11px!important}
 body.route-about #about-section .amr-about-hero{min-height:290px!important;padding:14px!important}
 body.route-about #about-section .amr-about-hero-copy{padding:0 90px 0 5px!important}
 body.route-about #about-section #amr-about-heading{font-size:34px!important}
 body.route-about #about-section .amr-about-hero-copy h2{font-size:17px!important}
 body.route-about #about-section .amr-about-hero-copy>p:last-of-type{font-size:11px!important}
 body.route-about #about-section .amr-about-hero-mascot{width:147px!important;height:79%!important;right:-26px!important}
 body.route-about #about-section .amr-about-orbit{display:none!important}
 body.route-about #about-section .amr-about-intro .amr-about-info{padding:17px!important}
 body.route-about #about-section .amr-about-info>h2{font-size:31px!important}
 body.route-about #about-section .amr-about-intro .amr-about-art{min-height:235px!important}
 body.route-about #about-section .amr-about-values .amr-about-value-grid,
 body.route-about #about-section .amr-royale-mission-grid,
 body.route-about #about-section .amr-royale-difference-grid,
 body.route-about #about-section .amr-royale-stats-grid{grid-template-columns:minmax(0,1fr)!important}
 body.route-about #about-section .amr-royale-feature{min-height:105px!important}
 body.route-about #about-section .amr-about-contact{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
 body.route-about #about-section :is(.amr-royale-feature,.amr-royale-stat){transition:none!important}
 body.route-about #about-section :is(.amr-royale-feature,.amr-royale-stat):hover{transform:none!important}
}

/* About V2b: sticky-header safe scroll anchors; exact single-character mascot fully inside hero. */
body.route-about #about-section,
body.route-about #about-section .amr-about-hero,
body.route-about #about-section .amr-about-intro,
body.route-about #about-section .amr-about-royale-section{scroll-margin-top:100px!important}
@media(min-width:901px){
 body.route-about #about-section .amr-about-hero-mascot{
  height:94%!important;bottom:0!important;
  top:auto!important;object-position:center bottom!important;
 }
}
body.route-about .amr-putra-pet:not(.is-open):not(:focus-within){
 transform:scale(.59)!important;transform-origin:right bottom!important;
 right:6px!important;bottom:6px!important
}
body.route-about .amr-putra-pet:not(.is-open) .p-greeting{display:none!important}
@media(max-width:520px){
 body.route-about #about-section{scroll-margin-top:90px!important}
 body.route-about #about-section .amr-about-hero{
  scroll-margin-top:90px!important
 }
 body.route-about #about-section .amr-about-hero-copy{padding:0 92px 0 5px!important}
 body.route-about #about-section #amr-about-heading{font-size:clamp(27px,8vw,34px)!important}
}