/* Spatial layer: all words and controls remain native, accessible HTML. */
.hero-world-slot,.story-world-slot{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#spatial-world{position:absolute;inset:0;pointer-events:none;contain:layout paint;opacity:0;transition:opacity .65s ease}
[data-world-active='true'] #spatial-world{opacity:1}
#spatial-world>div,#spatial-world canvas{width:100%!important;height:100%!important;display:block;pointer-events:none!important}
.hero-stage[data-world-active='true'] .hero-aura{opacity:.36;transition:opacity 1s}
.hero-stage[data-world-active='true'] .hero-glow{opacity:.4}
.chapter-stage[data-world-active='true'] .scene-photo,.chapter-stage[data-world-active='true'] .builder-composition{opacity:0!important;pointer-events:none}
.chapter-stage[data-world-active='true'] .story-scene{z-index:3;pointer-events:none}
.chapter-stage[data-world-active='true'] .scene-copy{pointer-events:auto}
.chapter-stage[data-world-active='true'] .scene-backword{opacity:.6}
.chapter-stage[data-world-active='true'] .scene-copy{width:43%}
.chapter-stage[data-world-active='true'] .scene-copy p{max-width:340px}
.chapter-stage[data-world-active='true'] .scene-copy h3{font-size:clamp(66px,7.5vw,112px)}
.chapter-stage[data-world-active='true'] .chapter-bottom,.chapter-stage[data-world-active='true'] .chapter-top{z-index:6}

/* Floating, optically light glass with an opaque fallback for readability. */
.site-header{inset:14px 3.5% auto;height:64px;padding-inline:26px;border:1px solid #fff;border-radius:22px;background:linear-gradient(115deg,#ffffffee,#ffffffd6);box-shadow:0 5px 30px #38244309,inset 0 1px 0 #fff,0 0 0 1px #3624430a;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}
.site-header:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--spot-x,75%) var(--spot-y,0%),#fff9,transparent 55%);pointer-events:none;z-index:-1}
.site-header .wordmark{font-size:23px;white-space:nowrap}
.site-header .header-cta{border-radius:100px;box-shadow:inset 0 1px 0 #ffffff22}
.top-motion{border:1px solid #32203c16;background:#fff7;border-radius:50%;width:34px;height:34px;flex-shrink:0}
.site-header #mobile-nav:not([hidden]){top:calc(100% + 10px);border:1px solid #fff;border-radius:20px;background:#fffffff7;box-shadow:0 18px 45px #26113212;backdrop-filter:blur(24px);padding:24px}
.page-progress{z-index:80}
.hero-bottom .hero-skip{padding:11px 18px;background:#ffffffae;border:1px solid #fff;border-radius:100px;box-shadow:0 3px 24px #37203b08;backdrop-filter:blur(18px)}
.chapter-dots{padding:5px 10px;border:1px solid #ebe6ef;border-radius:100px;background:#ffffffb8;box-shadow:0 6px 24px #39204309;backdrop-filter:blur(20px);gap:5px}
.chapter-dots button{padding:10px 13px;min-height:40px;gap:9px;border-radius:100px;transition:background .4s,color .4s}
.chapter-dots button[aria-pressed='true']{background:#eee5f2;color:#560661}
.chapter-dots i{width:25px}
.chapter-readout{font-variant-numeric:tabular-nums}
.offer{isolation:isolate;box-shadow:0 18px 52px #33203c08;transition:box-shadow .6s}
.offer:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--spot-x,70%) var(--spot-y,5%),#fff1,transparent 65%);z-index:-1}
.offer:hover{box-shadow:0 24px 65px #33203c15}
.offer-cohort{background-image:radial-gradient(ellipse at var(--spot-x,75%) var(--spot-y,10%),#f6eafc88,transparent 65%)}
.visit-story-tabs{border-radius:18px;padding:8px;background:linear-gradient(130deg,#fcfafdf7,#f5eff885);border:1px solid #ede6f1;box-shadow:inset 0 1px 0 #fff}
.visit-story-tabs button{border-radius:12px;transition:background .4s,box-shadow .4s}
.visit-story-tabs button[aria-selected='true']{background:#fff;box-shadow:0 4px 20px #43234c0a}
.moment-image{border-radius:8px;box-shadow:0 14px 35px #2917330a;overflow:hidden}
.moment-open,.video-launch{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.visit-feature{box-shadow:0 24px 65px #29173314}

@media(min-width:1500px){.site-header{left:max(3.5%,calc((100vw - 1440px)/2));right:max(3.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1024px){.site-header{gap:17px;padding-inline:20px}.site-header .desktop-nav{gap:20px}.site-header .wordmark{font-size:22px}}
@media(max-width:760px){.site-header{left:16px;right:16px;top:10px;height:60px;border-radius:20px;padding-inline:17px;gap:13px}.site-header .wordmark{font-size:23px}.site-header .header-cta{font-size:11px}.chapter-dots button{padding:10px}.chapter-dots i{width:20px}.chapter-stage[data-world-active='true'] .scene-copy h3{font-size:min(8vw,14svh)}}
@media(max-width:580px){
 .site-header{left:12px;right:12px;padding-inline:14px;gap:10px}.site-header .wordmark{font-size:22px}.top-motion{width:30px;height:30px}
 .hero-bottom .hero-skip{padding:10px 12px;font-size:10px}.chapter-dots{padding:3px 5px}.chapter-dots button{padding:10px;gap:6px}.chapter-dots i{width:17px}
 .chapter-stage[data-world-active='true'] .scene-copy{width:100%}
 .chapter-stage[data-world-active='true'] .scene-copy h3{font-size:min(17vw,9svh)}
 .chapter-stage[data-world-active='true'] .scene-copy p.scene-compact{max-width:90%;font-size:12px;line-height:1.55;margin-top:12px}
 .chapter-stage[data-world-active='true'] .scene-copy .text-link{margin-top:12px}
 .chapter-stage[data-world-active='true'] .scene-backword{display:none}
 .chapter-bottom>p{max-width:95px;text-align:right;font-size:9px}
 .visit-story-tabs{padding:5px;border-radius:14px}.visit-story-tabs button{border-radius:10px}
}
@media(max-height:720px) and (min-width:581px){.chapter-stage[data-world-active='true'] .scene-copy h3{font-size:min(7.5vw,14svh)}}
@media(max-width:380px) and (max-height:650px){.chapter-stage[data-world-active='true'] .scene-copy h3{font-size:10svh}.chapter-stage[data-world-active='true'] .scene-copy p.scene-compact{font-size:11px;line-height:1.5;margin-top:10px}.chapter-stage[data-world-active='true'] .scene-copy .text-link{font-size:10px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){#spatial-world{display:none}.site-header,.offer,.chapter-dots button,.visit-story-tabs button{transition:none}}
.motion-off #spatial-world{display:none}