.hero{height:340svh;--journey-title:1;--journey-tech:0}.hero-stage{min-height:720px;background:#080d13}.hero-model{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,#263744 0,#101c27 43%,#060c12 85%)}.hero-model canvas,#profile-canvas canvas{width:100%;height:100%;display:block}.dimension-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.dimension-overlay path{fill:none;stroke:#c7a1ef;stroke-width:1;vector-effect:non-scaling-stroke}.dimension-overlay text{fill:#e4ccff;stroke:#101921;stroke-width:4px;paint-order:stroke;font:10px Manrope,Arial,sans-serif;font-weight:700;letter-spacing:.06em}.hero-copy{opacity:var(--journey-title);pointer-events:none;z-index:4}.hero-copy .actions{pointer-events:auto}.hero h1{font-size:clamp(78px,8.9vw,152px);max-width:680px}.hero-shade{background:linear-gradient(90deg,#04080de0,transparent 68%);opacity:var(--journey-title);z-index:3;pointer-events:none}.hero .film-note{top:115px;left:5vw;right:auto;z-index:5;opacity:var(--journey-tech);display:flex;flex-direction:column;gap:9px;max-width:350px}.hero #film-chapter{font:600 clamp(44px,5vw,80px)/.85 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.01em}.hero #film-caption{font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none}.film-rail{z-index:5;background:#080e15e6;padding:15px 20px;bottom:28px;left:5vw;right:5vw}.film-rail .pause{right:8px;top:8px}.film-rail nav{padding-right:35px}.hero-model-note{position:absolute;left:5vw;bottom:125px;font-size:9px;line-height:1.6;color:#b1c2cb;z-index:3;max-width:400px}.hero-model-note strong{display:block;color:#d9b9f5;letter-spacing:.1em}.journey-scrubber{position:absolute;left:0;right:0;top:-15px;width:100%;accent-color:#ee413b;cursor:ew-resize;height:16px}.hero-section-inset{position:absolute;right:5vw;top:125px;z-index:3;width:180px;opacity:var(--journey-title);color:#d8b7f3}.hero-section-inset svg{width:100%;height:90px;stroke:#d8b7f3}.hero-section-inset span{font-size:9px;letter-spacing:.14em}.profile-world{height:auto;min-height:850px}.profile-sticky{position:relative;height:100svh;min-height:850px}.profile-copy{top:110px;left:5vw;width:30%;max-width:380px;z-index:4}.profile-copy h2{font-size:clamp(54px,5.6vw,90px);line-height:.84;margin-bottom:20px}.profile-copy>p{font-size:13px;line-height:1.65;margin-bottom:20px;max-width:290px}.profile-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:340px}.profile-options button{border:1px solid #52616c;padding:11px 12px;font-size:11px;line-height:1.2;min-height:39px;background:#0a1118b8}.profile-options button[aria-pressed=true]{background:#edf2ed;color:#10222a;border-color:#edf2ed}.profile-options button span{display:none}.profile-group-label{display:block;margin:16px 0 8px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c5acd9}.profile-options.rear{grid-template-columns:1fr 1fr}.profile-layout-options{display:flex;gap:5px;flex-wrap:wrap}.profile-layout-options button{border:1px solid #506673;padding:8px 12px;font-size:11px}.profile-layout-options button[aria-pressed=true]{background:#ed4038;border-color:#ed4038;color:#fff}.profile-status{top:110px;right:5vw;max-width:240px}.profile-status p{color:#d1dce1}.profile-transport{bottom:50px;left:42%;right:5vw}.profile-finish{margin-top:15px!important;max-width:340px}.profile-finish p{font-size:10px!important;color:#cad6dc!important;line-height:1.6}.profile-model-note{position:absolute;bottom:17px;left:42%;right:5vw;color:#a7b8c1;font-size:9px;z-index:4}.profile-world .dimension-overlay{z-index:2}.profile-vignette{background:linear-gradient(90deg,#080e15f5 0%,#080e15dc 26%,transparent 48%);z-index:3}.profile-photo{display:none!important}.daylight-copy h2{font-size:clamp(76px,8.4vw,140px)}.daylight-copy{max-width:50vw}
@media(max-width:900px){.profile-sticky{min-height:920px}.profile-copy{width:34%}.profile-copy h2{font-size:60px}.profile-status{max-width:220px}.profile-transport{left:43%}.dimension-overlay text{font-size:9px}.hero-section-inset{width:145px}.hero h1{font-size:clamp(72px,10vw,120px)}}
@media(max-width:600px){.hero{height:330svh}.hero-stage{min-height:700px}.hero h1{font-size:clamp(66px,15vw,96px);line-height:.84}.hero-copy{top:140px;bottom:auto;left:6%;right:6%}.hero-copy p{max-width:290px}.hero-model-note{bottom:136px;left:6%;max-width:245px;font-size:8px}.hero-section-inset{display:none}.hero .film-note{top:100px;left:6%;max-width:270px}.hero #film-caption{font-size:11px}.hero #film-chapter{font-size:50px}.film-rail{bottom:22px;left:6%;right:6%;padding:14px 10px}.film-rail nav button{font-size:9px}.dimension-overlay text{font-size:8px}.profile-sticky{height:auto;min-height:1120px;padding-top:30px}.profile-copy{position:relative;top:0;left:6%;width:88%;max-width:none}.profile-copy h2{font-size:66px}.profile-copy>p{max-width:330px;margin-bottom:10px}.profile-options{max-width:none;grid-template-columns:repeat(3,1fr)}.profile-options.rear{grid-template-columns:repeat(4,1fr)}.profile-options button{font-size:10px;padding:9px 7px}.profile-group-label{margin-top:12px}.profile-finish{max-width:none}.profile-copy .text-link{margin-top:12px}.profile-vignette{display:none}#profile-canvas{top:530px;height:510px;bottom:auto}.profile-world .dimension-overlay{top:530px;height:510px}.profile-status{top:575px;right:6%;max-width:150px;display:none}.profile-transport{left:6%;right:6%;bottom:50px}.profile-model-note{left:6%;bottom:19px}.profile-transport-bottom{margin-top:8px}.profile-world #profile-selected{display:block}.daylight-copy{max-width:none}.daylight-copy h2{font-size:clamp(66px,16vw,100px)}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.hero-stage{position:relative}.dimension-overlay{transition:none}}

@media(max-width:600px){.profile-copy h2 br{display:block}.hero-section-inset{display:none}.profile-options button{min-height:44px}.profile-copy{padding-top:18px}.profile-world .dimension-overlay text{font-size:8px}}

/* Film owns its clock. Scroll adjusts motion without pinning or stopping playback. */
.hero{height:155svh}.hero-stage{min-height:660px;background:#101923}.hero video{object-fit:contain;background:#101923}.hero .dimension-overlay{object-fit:contain}.hero .dimension-overlay text{font-size:18px;stroke-width:5px;letter-spacing:.02em}.hero .dimension-overlay path{stroke-width:1.4}.hero-copy{bottom:25%;left:5vw}.hero h1{font-size:clamp(78px,8.4vw,142px)}.hero-kicker{font-size:10px!important;letter-spacing:.13em;margin-bottom:23px!important}.hero .film-note{text-align:left;top:115px;max-width:390px}.hero #film-chapter{font-size:clamp(40px,4vw,66px)}.hero .film-note #film-caption{padding:5px 8px;background:#0a1018c9;color:#eef1f1}.hero-model-note{bottom:132px;color:#e1e7e8}.hero-model-note strong{color:#fff}.film-rail{height:70px;padding:10px 15px}.film-rail nav{padding-right:120px}.film-rail .pause{width:98px;height:40px;right:8px;top:19px;border:1px solid #c0c8cb65;font-size:11px}.film-rail .rail-line{display:none}.film-rail nav button{padding-top:22px}.film-rail nav button:before{top:2px}.hero-shade{background:linear-gradient(90deg,#060b12e8,#060b1260 55%,transparent 85%)}
@media(max-width:600px){.hero{height:130svh}.hero-stage{height:100svh;min-height:720px}.hero video{object-fit:contain;object-position:center 60%;padding-top:120px;padding-bottom:125px}.hero .dimension-overlay{display:none}.hero-copy{top:105px;bottom:auto;left:6vw;right:6vw}.hero h1{font-size:clamp(66px,16vw,92px);line-height:.85}.hero-copy>p{font-size:12px;max-width:300px}.hero-kicker{font-size:8px!important;line-height:1.6;max-width:260px}.hero-copy .actions{flex-wrap:wrap}.hero .film-note{top:110px;left:6vw}.hero #film-chapter{font-size:48px}.hero-model-note{bottom:125px;font-size:8px;max-width:260px}.film-rail{left:6vw;right:6vw;height:66px;padding:10px 5px}.film-rail nav{padding-right:72px}.film-rail nav button{font-size:9px;min-width:28px}.film-rail .pause{width:67px;font-size:9px;right:0;top:17px}.hero-shade{background:linear-gradient(#060b12ef,#060b1280 40%,transparent 70%)}.hero .film-note #film-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}}
@media(max-width:600px){.hero video{padding:0;object-position:center}.hero .dimension-overlay{display:block}.hero .dimension-overlay text{font-size:52px;stroke-width:8px}}
#profile-canvas{cursor:grab;touch-action:pan-y}#profile-canvas:active{cursor:grabbing}#profile-canvas:focus-visible{outline:1px solid #c9a7ed;outline-offset:-12px}.profile-status p:after{content:"Drag to inspect · arrow keys rotate";display:block;font-size:9px;margin-top:12px;letter-spacing:.02em;color:#b3c4cd}
@media(max-width:600px){.profile-sticky{--profile-view-start:690px;min-height:calc(var(--profile-view-start) + 560px)}#profile-canvas,.profile-world .dimension-overlay{top:var(--profile-view-start);height:460px}.profile-status{display:none}}
@media(max-width:600px){.profile-sticky{min-height:calc(var(--profile-view-start) + 620px)}}
.hero-model-note{background:#0a1018d9;padding:8px 10px;max-width:420px;color:#edf1f2}