/* Scroll-directed spatial scenes, with normal document flow and native links. */
:root{--spatial-bg:#0b1626;--spatial-light:#e4f48a}
html{scroll-behavior:smooth;scroll-padding-top:90px}body:has(.spatial-chapter){background:#fff}header{position:relative;z-index:40;background:#fff}.preview{position:relative;z-index:41}.menu-panel{z-index:60}.spatial-chapter{height:178vh;height:178svh;position:relative;background:var(--spatial-bg);color:#fff;isolation:isolate}.spatial-hero{height:210vh;height:210svh}.spatial-detail{height:180vh;height:180svh}.spatial-sticky{height:100vh;height:100svh;min-height:670px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#243d61 0%,#101e32 42%,#09121f 84%)}.spatial-sticky:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b16264d,transparent 65%);z-index:1}.spatial-topline{position:absolute;top:34px;left:5%;right:5%;display:flex;justify-content:space-between;color:#a5b4c8;font-size:12px;letter-spacing:.18em;z-index:3}.spatial-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:43%;max-width:650px;z-index:3;pointer-events:none}.spatial-copy a{pointer-events:auto}.spatial-eyebrow{font-size:13px;font-weight:600;letter-spacing:.15em;color:#c5d2e4}.spatial-copy h1,.spatial-copy h2{font-size:clamp(44px,5.1vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin:24px 0 24px;color:#fff}.spatial-copy h1{font-size:clamp(52px,6.3vw,96px)}.spatial-copy em{font-style:normal;color:var(--spatial-light)}.spatial-copy p{color:#c1cedf;font-size:18px;max-width:405px;line-height:1.7;margin-bottom:30px}.spatial-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.spatial-actions .button{background:#e4f48a;color:#152a3c;border-color:#e4f48a;box-shadow:none;border-radius:4px;gap:14px}.spatial-actions .button:hover{background:white;border-color:white;transform:translateY(-2px)}.spatial-text-link{font-size:14px;border-bottom:1px solid #a8b6c966;padding:8px 0;color:#fff}.spatial-canvas{position:absolute;inset:0;pointer-events:none;z-index:2}.spatial-canvas canvas,.spatial-canvas svg{width:100%;height:100%;display:block}.spatial-backdrop{position:absolute;left:52%;top:20%;width:43%;height:58%;opacity:.72;transition:opacity .5s;overflow:hidden;border-radius:8px}.spatial-backdrop img{width:100%;height:100%;object-fit:cover}.has-webgl .spatial-backdrop{opacity:0;visibility:hidden}.spatial-caption{position:absolute;right:7%;bottom:135px;display:flex;gap:12px;align-items:center;z-index:3;font-size:13px;color:#d0dbea;letter-spacing:.02em}.spatial-caption-number{font-family:Manrope,sans-serif;font-size:30px;color:#e4f48a;font-weight:500;border-right:1px solid #74869e55;padding-right:14px;line-height:1}.spatial-bottom{position:absolute;bottom:34px;left:5%;right:5%;z-index:3;display:flex;align-items:center;gap:26px;justify-content:space-between;padding-top:22px;border-top:1px solid #9aacc326}.spatial-scroll{font-size:12px;display:flex;gap:12px;align-items:center;color:#bfcee1}.scroll-mark{width:16px;height:25px;border:1px solid #8193ae;border-radius:9px;display:inline-block;position:relative}.scroll-mark:after{content:'';width:2px;height:5px;background:#e4f48a;position:absolute;left:6px;top:5px}.spatial-steps{display:flex;gap:25px;list-style:none;margin:0;padding:0}.spatial-steps li{color:#afbdd0;font-size:12px;display:flex;gap:8px;align-items:center;transition:color .2s}.spatial-steps li>span{color:#75879f}.spatial-steps .is-active,.spatial-steps .is-active>span{color:#e4f48a}.spatial-progress{position:absolute;height:2px;top:0;left:0;width:100%;overflow:hidden;background:#b5c7e111}.spatial-progress i{display:block;transform-origin:left;width:100%;height:100%;background:#e4f48a;transform:scaleX(var(--scene-progress,0))}.spatial-nav{margin:0;padding:21px 5%;display:flex;gap:26px;overflow-x:auto;background:#214ee6;color:white;font-size:13px;scrollbar-width:thin;white-space:nowrap;position:relative;z-index:5}.spatial-nav a:hover{color:#e4f48a}.motion-switch{position:fixed;right:18px;bottom:18px;z-index:35;background:#10213ce8;border:1px solid #a5b8cd55;border-radius:30px;color:#fff;padding:10px 15px;min-height:42px;font-size:12px;backdrop-filter:blur(10px)}.motion-switch:hover{background:#214ee6}.motion-switch[aria-pressed=true]{background:white;color:#152a3c;border-color:#b3c3d4}.spatial-static .spatial-chapter{height:auto;min-height:0}.spatial-static .spatial-sticky{position:relative;height:800px;max-height:none}.spatial-static .spatial-progress,.spatial-static .spatial-scroll,.spatial-static .spatial-steps{display:none}.spatial-static .spatial-bottom{border:0}.spatial-static .spatial-caption{bottom:40px}.spatial-detail+.page-head{padding-top:55px}.spatial-detail+.page-head h2{font-size:clamp(32px,4vw,52px)}.reveal-spatial{opacity:1;transform:translate3d(0,var(--reveal-y,0px),0);transition:opacity .6s;will-change:transform}.spatial-nav+section .spatial-sticky{background:radial-gradient(ellipse at 72% 48%,#283d57,#101e32 47%,#09121f 84%)}
@media(min-width:1600px){.spatial-copy{left:max(7%,calc((100% - 1450px)/2))}.spatial-copy h1{font-size:100px}}
@media(max-width:1000px){.spatial-copy{left:5%;width:45%}.spatial-copy h1,.spatial-copy h2{font-size:56px}.spatial-copy p{font-size:16px}.spatial-steps{gap:14px}.spatial-steps li{font-size:12px}.spatial-scroll{max-width:130px}.spatial-actions{gap:12px}.spatial-caption{right:5%}}
@media(max-width:700px){html{scroll-padding-top:12px}.spatial-chapter{height:168svh}.spatial-hero{height:190svh}.spatial-sticky{min-height:720px}.spatial-topline{top:24px;left:6%;right:6%;font-size:10px;letter-spacing:.11em}.spatial-copy{left:6%;right:6%;width:auto;max-width:none;top:70px;transform:none}.spatial-copy h1,.spatial-copy h2{font-size:clamp(36px,9.4vw,58px);line-height:1.08;margin:13px 0 15px;letter-spacing:-.05em}.spatial-copy p{font-size:16px;line-height:1.6;max-width:390px;margin-bottom:18px}.spatial-eyebrow{font-size:11px;letter-spacing:.12em}.spatial-actions{gap:14px}.spatial-actions .button{font-size:13px;padding:13px 15px;min-height:46px;gap:8px}.spatial-text-link{font-size:12px}.spatial-backdrop{left:16%;width:72%;top:50%;height:31%}.spatial-caption{display:none}.spatial-caption-number{font-size:24px}.spatial-bottom{left:6%;right:6%;bottom:150px;padding-top:14px}.spatial-scroll{max-width:100%;font-size:11px}.spatial-steps{gap:8px}.spatial-steps li{font-size:10px;max-width:82px;line-height:1.5;gap:5px}.spatial-steps li>span{display:none}.spatial-nav{padding:18px 6%;gap:22px;font-size:12px}.motion-switch{bottom:82px;right:12px;font-size:11px;padding:9px 12px}.spatial-static .spatial-sticky{height:760px}.spatial-static .spatial-caption{bottom:30px}}
@media(max-width:380px){.spatial-copy h1,.spatial-copy h2{font-size:35px}.spatial-copy p{font-size:16px}.spatial-sticky{min-height:750px}.spatial-scroll{display:none}.spatial-steps{justify-content:space-between;width:100%}.spatial-steps li{max-width:105px;font-size:11px}.spatial-caption{bottom:98px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.spatial-motion-enabled) .spatial-chapter{height:auto}body:not(.spatial-motion-enabled) .spatial-sticky{position:relative;height:800px}body:not(.spatial-motion-enabled) .spatial-progress,body:not(.spatial-motion-enabled) .spatial-scroll{display:none}.reveal-spatial{transform:none!important}.spatial-actions .button:hover{transform:none}.spatial-backdrop{transition:none}}
@media print{.spatial-chapter,.spatial-hero{height:auto!important}.spatial-sticky{position:relative;min-height:0!important;height:auto!important;overflow:visible;background:#fff;color:#152a3c;padding:35px}.spatial-copy{position:relative;top:auto;left:auto;transform:none;width:100%}.spatial-copy h1,.spatial-copy h2,.spatial-copy p,.spatial-copy em,.spatial-eyebrow{color:#152a3c}.spatial-canvas,.spatial-topline,.spatial-bottom,.spatial-caption,.spatial-backdrop,.motion-switch,.spatial-nav{display:none}.reveal-spatial{transform:none!important}}