/* R14: overlapping depth, a shared horizon, and one continuous material stream. */
body.reference-r11 .mapped-stage{min-height:1120px;padding-top:145px;padding-bottom:80px}
body.reference-r11 .facility-depth{height:490px;margin:85px auto 0;perspective:1350px;transform:translate3d(0,calc((var(--mapped-progress,.5) - .5)*-90px),0)}
body.reference-r11 #facility-tabs{perspective:1350px;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
body.reference-r11 #facility-tabs button{width:465px;min-height:112px;padding:28px 34px;overflow:hidden;background:linear-gradient(120deg,#eaf5f926,#bfdbe518);border-color:#789aa43b;box-shadow:none;transition:transform 1.65s cubic-bezier(.22,.7,.2,1),opacity 1.2s,filter 1.4s,border-color .6s}
body.reference-r11 #facility-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#edf7fa7a,#d8e9f13d);border-color:#7d9ba96b;box-shadow:0 22px 45px -40px #264e6550,inset 0 1px 0 #fff6}
body.reference-r11 #facility-tabs .capsule-label span{font-size:20px}
body.reference-r11 #facility-tabs .capsule-label b{font-size:10px;opacity:.8}
body.reference-r11 #facility-tabs button:before{opacity:.2}
body.reference-r11 #facility-tabs button[aria-pressed=true]:before{opacity:.35}
body.reference-r11 .facility-pagination{margin-top:12px}
body.reference-r11 .facility-signal{opacity:.5}
body.refinement-r12 .facility-depth{scale:calc(1 + var(--mapped-exit,0)*.13);opacity:calc(1 - var(--mapped-exit,0)*.64)}
/* The outgoing content remains legible as the same pale field enters underneath. */
body.refinement-r12 .record-focus{filter:none;translate:0 calc(var(--join-exit,0)*-24px);scale:calc(1 - var(--join-exit,0)*.025);opacity:calc(var(--record-focus-alpha,0)*(1 - var(--join-exit,0)*.45))}
.record-seam-paper{background:radial-gradient(ellipse at 66% 100%,#edf7fa,transparent 72%),linear-gradient(transparent 28%,#edf7fa);opacity:var(--join-edge,0)}
body.reference-r11 #facilities{background:linear-gradient(#edf7fa,#edf7fa 70%,#e9f2f6)}
body.reference-r11 .passage-sticky{background:linear-gradient(#e9f2f6,#e6f1f6)}
body.refinement-r12 #material-passage .passage-copy{translate:0 calc((1 - var(--seam-arrival,1))*18px)}
/* Three branches converge before the dark section begins. The boundary is not a cut. */
body.reference-r11 #services{padding-bottom:320px;background:linear-gradient(#e6f1f6 0%,#edf4f7 63%,#d3e3ec 75%,#668496 88%,#101936 100%)}
body.reference-r11 #why{background:radial-gradient(ellipse at 48% 42%,#1b285f55,transparent 62%),#101936}
body.reference-r11 .principles-curve{opacity:.13;filter:invert(1);mask-image:linear-gradient(#000 88%,transparent);object-fit:fill}
body.reference-r11 .principles-grid{padding-top:130px}
/* Long luminance falloff continues under the footer; incoming copy doesn't pop. */
body.reference-r11 #resources{padding-bottom:340px;background:linear-gradient(#f1f6f8 calc(100% - 400px),#e5eef2 calc(100% - 300px),#b1c9d4 calc(100% - 185px),#4b647f calc(100% - 75px),#233855)}
body.reference-r11 .reference-close{background:linear-gradient(#233855,#192b48 65%,#111e38)}
body.reference-r11 #contact{background:radial-gradient(ellipse at 85% 85%,#64899b48,transparent 72%),#233855}
body.refinement-r12 #contact .footer-grid{translate:none;opacity:1}
@media(max-width:760px){
 body.reference-r11 .mapped-stage{padding:110px 20px 80px;min-height:910px}
 body.reference-r11 .facility-depth{height:380px;margin:80px -20px 0;perspective:1100px}
 body.reference-r11 #facility-tabs{perspective:1100px}
 body.reference-r11 #facility-tabs button{width:300px;padding:22px;min-height:96px;gap:14px}
 body.reference-r11 #facility-tabs .capsule-label span{display:block;font-size:16px}
 body.reference-r11 #facility-tabs .capsule-label b{font-size:9px}
 body.reference-r11 #services{padding-bottom:250px}
 body.reference-r11 .principles-grid{padding-top:75px}
 body.reference-r11 .principles-curve{display:block;left:18px;top:0;width:24px;height:100%;opacity:.10}
 body.reference-r11 .principles-list{padding-left:32px}
 body.reference-r11 #resources{padding-bottom:260px;background:linear-gradient(#f1f6f8 calc(100% - 310px),#d4e3eb calc(100% - 205px),#748fa3 calc(100% - 100px),#233855)}
}
@media(prefers-reduced-motion:reduce){body.reference-r11 .facility-depth{transform:none;scale:1}body.reference-r11 #facility-tabs button{transition:none}body.refinement-r12 .record-focus{scale:1;translate:none}}
body.reference-r11 #contact{padding-top:13svh}
body.reference-r11 #resources{padding-bottom:245px}
@media(min-width:761px){body.reference-r11 .facility-depth{height:440px;margin-top:55px}body.reference-r11 .mapped-stage{min-height:1050px}}
@media(max-width:760px){body.reference-r11 #contact{padding-top:80px}body.reference-r11 #resources{padding-bottom:190px}}
@media(max-width:760px){body.reference-r11 .principles-curve{left:-8px;width:14px}}