/* PWD: a locally rendered, cursor- and scroll-driven spatial experience. */
:root{--accent:#b9b2ff;--bg:#090b12;--panel:#12151d;--panel-2:#191d28;--line:#2b2e3c;--muted:#aeb1c2;--warm:#efb397}
body:has(.experience)>.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:100px;border-color:#ffffff19}
.experience{height:290svh;position:relative;background:#090b12}
.experience-stage{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate}
#spatial-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;background:radial-gradient(ellipse at 72% 48%,#24233b 0,#101421 35%,#090b12 72%)}
.scene-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#090b12f5 0%,#090b12b8 23%,#090b1230 49%,transparent 70%),linear-gradient(0deg,#090b12 0%,transparent 25%,transparent 80%,#090b1240)}
.experience-copy{height:100%;display:flex;align-items:center;padding-top:70px;padding-bottom:125px;pointer-events:none}
.scene-chapter{max-width:760px;pointer-events:auto;animation:chapter-enter .6s ease both}
.scene-chapter .eyebrow{font-size:10px;color:#c8c2e1;margin-bottom:28px}
.scene-chapter h1,.scene-chapter h2{font-size:clamp(58px,6.8vw,104px);line-height:.98;letter-spacing:-.065em;font-weight:500}
.scene-chapter h1{font-size:clamp(58px,6.45vw,100px)}
.scene-chapter em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c3bdff;letter-spacing:-.065em}
.scene-description{font-size:16px;line-height:1.8;max-width:435px;margin:30px 0;color:#c3c5d3}
.scene-chapter .button{border-radius:100px;background:#e4dfff;color:#1c1730;padding:17px 25px;gap:26px}
.scene-chapter .button:hover{background:white}
.scene-chapter .text-link{display:inline-flex;border-bottom:1px solid #79738d;padding-bottom:10px;font-size:14px}
.scene-coordinate{position:absolute;top:145px;right:48px;display:flex;flex-direction:column;gap:7px;text-align:right;font:9px 'Courier New',monospace;letter-spacing:.13em;color:#999ab2}
.scene-coordinate>span{color:#dbd6f4;font-size:10px}
.scene-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff26;padding-top:23px}
.scene-navigation{display:flex;gap:24px}
.scene-navigation button{background:none;border:0;padding:8px 0;color:#9293aa;font-size:11px;display:flex;gap:9px;align-items:center;white-space:nowrap}
.scene-navigation button span{font:9px 'Courier New',monospace;color:#74748a}
.scene-navigation button[aria-pressed=true]{color:#eee9ff}
.scene-navigation button[aria-pressed=true] span{color:#c6bfff}
.scene-scroll{font:9px 'Courier New',monospace;letter-spacing:.12em;display:flex;gap:24px;align-items:center}.scene-scroll span{font-size:20px}
.scene-bottom .motion-toggle{position:static;font-size:10px;padding:8px 0;color:#b9bbcb;white-space:nowrap}
.scene-hint{position:absolute;right:48px;bottom:133px;font:8px 'Courier New',monospace;letter-spacing:.15em;color:#9798af}
.scene-progress{position:absolute;right:0;top:0;width:2px;height:100%;background:#ffffff10}.scene-progress span{display:block;width:100%;height:calc(8% + var(--scene-progress,0)*92%);background:#c7b9ff;box-shadow:0 0 15px #a58aff}
.capability-strip{margin-top:0;background:#11131c}.service-card,.demo-shell{border-radius:16px}.section-heading h2 span{color:#bab4da}
.scene-fallback #spatial-canvas{display:none}.scene-fallback .scene-vignette{background:radial-gradient(ellipse at 75% 45%,#68628855,transparent 60%)}
@keyframes chapter-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.experience-copy{max-width:1450px}.scene-vignette{background:linear-gradient(90deg,#090b12f0,#090b1299 27%,transparent 58%)}}
@media(max-width:900px){.scene-chapter h1,.scene-chapter h2{font-size:clamp(57px,8.3vw,79px)}.scene-chapter{max-width:650px}.scene-navigation{gap:16px}.scene-scroll{display:none}.scene-hint{right:32px}.scene-coordinate{right:32px}.scene-vignette{background:linear-gradient(90deg,#090b12eb,#090b1299 36%,#090b1210 90%),linear-gradient(0deg,#090b12,transparent 30%)}}
@media(max-width:680px){body:has(.experience)>.site-header{height:88px}.experience{height:255svh}.experience-stage{min-height:740px}.experience-copy{align-items:flex-start;padding-top:175px;padding-bottom:140px}.scene-chapter h1,.scene-chapter h2{font-size:clamp(45px,10.7vw,68px)}.scene-chapter{max-width:100%}.scene-chapter .eyebrow{font-size:8px;max-width:245px;margin-bottom:21px}.scene-description{font-size:14px;max-width:300px;line-height:1.7;margin:22px 0}.scene-chapter .button{font-size:11px;padding:15px 20px;min-height:48px;gap:15px}.scene-vignette{background:linear-gradient(180deg,#090b1288,#090b12b8 42%,#090b1230 70%,#090b12 100%),linear-gradient(90deg,#090b12aa,transparent)}.scene-coordinate{top:115px;right:24px;font-size:7px}.scene-coordinate>span{font-size:7px}.scene-bottom{bottom:25px;flex-wrap:wrap;gap:8px;padding-top:15px}.scene-navigation{gap:23px;width:100%;justify-content:space-between}.scene-navigation button{font-size:10px}.scene-bottom .motion-toggle{margin-left:auto;font-size:9px}.scene-hint{display:none}.scene-progress{width:1px}.scene-chapter h2{font-size:clamp(43px,10vw,64px)}}
@media(prefers-reduced-motion:reduce){.scene-chapter{animation:none}:root{scroll-behavior:auto}}
.motion-paused .scene-chapter{animation:none}
.seas-experience{position:relative;height:740px;margin-top:55px;border:1px solid #374959;border-radius:16px;overflow:hidden;background:#10232d;isolation:isolate}.seas-experience canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.seas-heading{position:absolute;top:35px;left:35px;max-width:450px;pointer-events:none}.seas-heading>span{font:9px 'Courier New',monospace;letter-spacing:.15em;color:#b6c6cb}.seas-heading h2{font-family:Georgia,serif;font-style:italic;font-size:51px;margin:10px 0;color:#f0e3c9}.seas-heading p{font-size:12px;color:#becdcd}.seas-hud{position:absolute;left:35px;right:35px;bottom:50px;display:flex;justify-content:space-between;align-items:center;gap:15px}.seas-hud>span{font-family:Georgia,serif;font-size:23px;color:#f0e3c9}.seas-hud>div{display:flex;gap:9px}.seas-hud button{background:#0d1d2ddd;border:1px solid #6b7c85;border-radius:50%;width:41px;height:41px;color:#f1e8d3}.seas-hud #seas-motion{width:auto;border-radius:100px;padding-inline:16px;font-size:10px}.seas-caption{position:absolute;bottom:20px;left:35px;font:8px 'Courier New',monospace;letter-spacing:.1em;color:#a3b5bd}
@media(max-width:680px){.seas-experience{height:650px;margin-top:35px}.seas-heading{top:26px;left:22px;right:22px}.seas-heading h2{font-size:36px}.seas-heading p{font-size:11px}.seas-hud{left:20px;right:20px;bottom:55px;flex-wrap:wrap}.seas-hud>span{width:100%;font-size:19px}.seas-hud button{height:37px;width:37px}.seas-caption{left:20px;font-size:6px;right:20px}.seas-hud #seas-motion{font-size:9px;padding-inline:12px}}
body:has(.experience)>.mobile-menu{position:absolute;top:88px;left:0;right:0;z-index:25;background:#12151df5}