/* R13: light crosses the seam once; objects retain their place in depth. */
body.reference-r11 .mapped-stage{padding-top:140px;padding-bottom:95px;min-height:1180px}
body.reference-r11 #facilities .section-heading h2{font-size:clamp(48px,5.4vw,78px)}
body.reference-r11 #facilities .section-heading>p:last-child{font-size:17px;line-height:1.65;max-width:430px}
body.reference-r11 .facility-depth{height:570px;margin:24px auto 0;max-width:1160px;transform:translate3d(0,calc((var(--mapped-progress,.5) - .5) * -45px),0)}
body.reference-r11 #facility-tabs button{width:395px;min-height:104px;padding:24px 29px;gap:19px;border-color:#50799240;background:linear-gradient(125deg,#ffffff5c,#cbe2eb24);transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .45s,border-color .45s,box-shadow .45s;isolation:isolate;overflow:hidden}
body.reference-r11 #facility-tabs button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at var(--fx,50%) var(--fy,50%),#ffffffdc,transparent 75%);opacity:0;transition:opacity .45s}
body.reference-r11 #facility-tabs button[aria-pressed=true]{background:#e7f3f87a;border-color:#68a4b9b0;box-shadow:0 15px 40px -28px #3c7086a0,inset 0 1px 0 #ffffffa0}
body.reference-r11 #facility-tabs button[aria-pressed=true]:before{opacity:.85}
body.reference-r11 #facility-tabs .capsule-label b{font-size:11px;color:#345c77;letter-spacing:.055em}
body.reference-r11 #facility-tabs .capsule-label span{font-size:17px;line-height:1.45}
body.reference-r11 .facility-signal{width:36px;height:25px;opacity:.62;background:#4d9bb2;mask-size:160px 22px;animation:facilitySignal 5s linear infinite;animation-delay:var(--signal-delay,0s);animation-play-state:paused}
body.reference-r11 .facility-running .facility-signal{animation-play-state:running}
body.reference-r11 #facility-tabs button[aria-pressed=true] .facility-signal{opacity:1}
@keyframes facilitySignal{to{mask-position:-160px center}}
body.reference-r11 .facility-index{display:none}
body.reference-r11 .facility-pagination{margin-top:22px}
body.refinement-r12 .facility-depth{filter:none;scale:calc(1 + var(--mapped-exit,0)*.035);opacity:calc(1 - var(--mapped-exit,0)*.85)}
/* Flow collects behind the service shapes, with enough quiet space for the copy. */
body.reference-r11 #services{background:radial-gradient(ellipse at 75% 36%,#bddde75e,transparent 48%),linear-gradient(#e6f1f6,#f1f6f8 80%)}
body.reference-r11 #services .technology-triad{z-index:7}
body.reference-r11 #services .section-heading,body.reference-r11 #services>.text-link{position:relative;z-index:7}
body.reference-r11 #services .technology-triad button{--triad-active-lift:0px}
body.reference-r11 #services .technology-triad button>img{opacity:calc(.20 + var(--material-arrival,0)*.11)}
body.reference-r11 #services .technology-triad .triad-fill{filter:drop-shadow(0 5px 20px #87b9c540)}
/* A 460px atmospheric descent gives FAQ and footer a shared horizon. */
body.reference-r11 #resources{padding-bottom:260px;background:linear-gradient(#f1f6f8 calc(100% - 320px),#d9e7ec calc(100% - 205px),#8ea9bd calc(100% - 90px),transparent)}
body.reference-r11 .reference-close{background:radial-gradient(ellipse at 100% 85%,#759dab,#263b60 55%,#142445 90%)}
body.refinement-r12 #contact .footer-grid{translate:0 calc((1 - var(--seam-arrival,1))*24px)}
@media(max-width:760px){
 body.reference-r11 .mapped-stage{padding:105px 20px 75px;min-height:1010px}
 body.reference-r11 #facilities .section-heading h2{font-size:47px}
 body.reference-r11 #facilities .section-heading>p:last-child{font-size:14px;max-width:300px}
 body.reference-r11 .facility-depth{height:440px;margin:10px -6px 0;transform:none}
 body.reference-r11 #facility-tabs button{width:calc(50% - 13px);min-height:78px;padding:17px 13px;gap:8px;border-radius:45px}
 body.reference-r11 #facility-tabs .capsule-label b{font-size:12px;letter-spacing:-.02em;white-space:nowrap}
 body.reference-r11 #facility-tabs .capsule-label span{display:none}
 body.reference-r11 .facility-signal{width:23px;height:20px;mask-size:128px 18px}
 body.reference-r11 #resources{padding-bottom:220px;background:linear-gradient(#f1f6f8 calc(100% - 230px),#d9e7ec calc(100% - 145px),#8ea9bd calc(100% - 60px),transparent)}
}
@media(prefers-reduced-motion:reduce){.facility-signal{animation:none!important}body.reference-r11 .facility-depth{transform:none;scale:1}}
body.motion-paused .facility-signal{animation-play-state:paused!important}
/* The depth container must not intercept cards projected behind its z=0 plane. */
body.reference-r11 .facility-depth,body.reference-r11 #facility-tabs{pointer-events:none}
body.reference-r11 #facility-tabs button{pointer-events:auto}
