@font-face{font-family:NYC;src:url('assets/HelveticaNeueRoman.otf')}@font-face{font-family:NYC;src:url('assets/HelveticaNeueHeavy.otf');font-weight:800}@font-face{font-family:NYC;src:url('assets/HelveticaNeueMedium.otf');font-weight:500}@font-face{font-family:Instrument;src:url('assets/InstrumentSerif-Italic.ttf');font-style:italic}
:root{--paper:#f1f0d9;--muted:#a4b3a0;--green:#cde58c;--bg:#071510}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#58744f var(--bg)}body{margin:0;background:var(--bg);color:var(--paper);font-family:NYC,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:7px}button{touch-action:manipulation}#stage{position:fixed;inset:0;z-index:-2;pointer-events:none}#stage canvas{display:block;width:100%;height:100%}.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 58% 52%,transparent 30%,rgba(1,9,6,.33) 100%)}.exp-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:28px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}.exp-header img{width:67px;height:auto;display:block}.header-title{font-size:14px;letter-spacing:.02em;margin-left:60px;color:#cbd1ba}.exit{font-size:14px;display:flex;align-items:center;gap:10px}.exit svg{width:18px;height:18px}.scene{height:calc(var(--exp-vh,1svh) * 130);min-height:850px;position:relative;padding:calc(var(--exp-vh,1svh) * 19) 7% 0}.scene-copy{max-width:790px;will-change:transform,opacity}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:#bac6ab;margin:0 0 24px}.scene h1,.scene h2,.next-heading h2{font-size:clamp(70px,7.8vw,128px);font-weight:800;line-height:.95;letter-spacing:-.055em;margin:0 0 29px;text-wrap:balance}em{font-family:Instrument,serif;font-weight:400;letter-spacing:-.045em;line-height:1.02}.scene-copy>p:not(.eyebrow){font-size:clamp(16px,1.45vw,21px);line-height:1.55;color:var(--muted);margin:0;max-width:500px}.intro .scene-copy{max-width:650px}.intro-description{max-width:380px!important}.object-note{position:absolute;top:calc(var(--exp-vh,1svh) * 65);right:7%;display:flex;align-items:center;gap:22px;font-size:12px;line-height:1.65;color:#9aaf93}.note-line{width:56px;height:1px;background:#607456;position:relative}.note-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#cce897}.scroll-cue{position:absolute;left:7%;top:calc(var(--exp-vh,1svh) * 86);display:flex;gap:15px;align-items:center;font-size:13px;letter-spacing:.02em}.scroll-track{height:41px;width:18px;border:1px solid #68835b;border-radius:16px;display:flex;justify-content:center;padding-top:8px}.scroll-track i{width:2px;height:7px;background:#d5eaa9;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(10px);opacity:1}}.timeline-scene,.turning-scene,.you-scene{padding-top:calc(var(--exp-vh,1svh) * 20)}.timeline-scene h2,.turning-scene h2,.you-scene h2{font-size:clamp(60px,6.8vw,104px)}.timeline-labels{position:absolute;top:calc(var(--exp-vh,1svh) * 84);left:15%;right:12%;display:flex;justify-content:space-between;color:#bac9aa;font-size:13px}.timeline-labels span:before{content:'';display:block;width:1px;height:24px;background:#6a815b;margin-bottom:13px}.choice-note{position:absolute;top:calc(var(--exp-vh,1svh) * 84);left:7%;display:flex;align-items:center;gap:12px;color:#c6d3b4;font-size:14px}.signal-dot{width:5px;height:5px;background:#d5e89f;border-radius:100%;box-shadow:0 0 13px #abcf54}.you-scene .scene-copy{max-width:700px}.motion-toggle{position:fixed;right:4%;bottom:28px;z-index:9;background:#08150fc2;border:1px solid #446044;border-radius:30px;padding:10px 16px;font-size:12px;backdrop-filter:blur(10px)}.chapters{position:fixed;left:25px;top:50%;transform:translateY(-50%);display:grid;gap:18px;z-index:9}.chapters a{width:24px;height:24px;display:grid;place-content:center}.chapters a:after{content:'';width:4px;height:4px;border-radius:50%;background:#708568;transition:all .5s}.chapters a.active:after{background:#d5e89f;box-shadow:0 0 0 6px #c5e29a14,0 0 0 7px #8ea56d70}.next-section{padding:120px 7% 25px;position:relative;min-height:calc(var(--exp-vh,1svh) * 100);background:linear-gradient(transparent,#071510 20%);display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.next-heading h2{font-size:clamp(56px,6.5vw,96px)}.next-heading>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:480px;color:var(--muted)}.course-link{background:#dce8b9;color:#15261b;display:inline-flex;align-items:center;gap:28px;padding:20px 25px;font-size:16px;margin-top:15px;transition:background .2s}.course-link:hover{background:#f0f1d3}.course-link svg{width:20px;height:20px}.capabilities{list-style:none;margin:0;padding:0}.capabilities li{display:flex;align-items:center;gap:25px;border-bottom:1px solid #b7c3972a;padding:22px 0}.capabilities span{font-size:12px;color:#adc382}.capabilities p{font-size:clamp(20px,2.2vw,32px);letter-spacing:-.03em;margin:0}.next-section footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b7c3972a;padding:30px 0 10px;font-size:12px;color:#99ac92;gap:20px}.next-section footer button{background:none;border:none;padding:0}.loader{position:fixed;inset:0;z-index:100;background:#071510;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s,visibility .8s}.loader>img{position:absolute;top:34px;left:4%;width:67px}.loader-center{width:min(72vw,400px)}.loader-kicker{font-family:Instrument,serif;font-size:32px;font-style:italic}.loader-line{height:1px;background:#35472f;margin:30px 0 15px;overflow:hidden}.loader-line span{display:block;width:0;height:100%;background:#d5e89f;transition:width .4s}.loader-count{display:block;text-align:right;font-size:14px;font-variant-numeric:tabular-nums;color:#aabd8e}.loader>p{position:absolute;bottom:35px;font-size:12px;color:#94a685}.loaded .loader{opacity:0;visibility:hidden}.skip{position:fixed;left:20px;top:-70px;z-index:200;background:var(--paper);color:var(--bg);padding:15px}.skip:focus{top:20px}dialog{max-width:540px;width:90%;background:#12251b;color:var(--paper);border:1px solid #57704b;padding:40px;line-height:1.6}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:30px;letter-spacing:-.04em;line-height:1.1}dialog p{font-size:16px;color:#bfccb1}dialog a{text-decoration:underline}dialog button{position:absolute;top:12px;right:12px;border:0;background:transparent;padding:5px}dialog svg{width:20px}.reduced .scroll-track i{animation:none}.fallback #stage{background:radial-gradient(ellipse at 65% 50%,#284931,#071510 70%)}
@media(min-width:1700px){.scene{padding-left:10%}.scroll-cue,.choice-note{left:10%}}
@media(max-width:700px){.exp-header{padding:22px 22px;gap:12px}.exp-header img{width:52px}.header-title{display:none}.exit{font-size:12px;gap:7px}.exit svg{width:16px}.scene{height:calc(var(--exp-vh,1svh) * 125);min-height:800px;padding:calc(var(--exp-vh,1svh) * 16) 25px 0}.eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:20px}.scene h1{font-size:clamp(65px,18vw,90px);line-height:.91;margin-bottom:20px}.scene h2{font-size:clamp(48px,13vw,66px);line-height:.99;margin-bottom:18px}.scene-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:320px}.intro .scene-copy{max-width:350px}.object-note{top:calc(var(--exp-vh,1svh) * 73);right:22px;font-size:10px;gap:10px}.note-line{width:25px}.scroll-cue{left:25px;top:calc(var(--exp-vh,1svh) * 88);font-size:12px}.motion-toggle{right:20px;bottom:20px;font-size:11px;padding:9px 13px}.chapters{left:6px;top:auto;bottom:155px;gap:7px;transform:none}.chapters a{width:14px;height:16px}.chapters a:after{width:3px;height:3px}.timeline-labels{left:36px;right:25px;top:calc(var(--exp-vh,1svh) * 83);font-size:10px;gap:20px}.timeline-labels span:last-child{text-align:right}.choice-note{left:25px;top:calc(var(--exp-vh,1svh) * 82);font-size:12px}.next-section{padding:100px 25px 80px;grid-template-columns:1fr;gap:42px}.next-heading h2{font-size:59px}.next-heading>p:not(.eyebrow){font-size:16px}.capabilities li{padding:20px 0}.capabilities p{font-size:23px}.next-section footer{font-size:11px;flex-wrap:wrap;line-height:1.5}.loader>img{left:22px;width:52px;top:22px}.loader-kicker{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-track i{animation:none}.scene-copy{will-change:auto}}

/* Keep the face readable while the shoulders unwind into individual strands. */
@media(min-width:701px){.object-note{left:7%;right:auto;top:calc(var(--exp-vh,1svh) * 66)}}
@media(max-width:700px){.scene h1{font-size:54px;line-height:.98}.intro-description{font-size:14px!important;max-width:305px!important}.object-note{display:none}}

.scene-copy{position:sticky;top:calc(var(--exp-vh,1svh) * 18)}.scene{padding-bottom:calc(var(--exp-vh,1svh) * 30)}@media(max-width:700px){.scene-copy{top:calc(var(--exp-vh,1svh) * 16)}.scene{padding-bottom:calc(var(--exp-vh,1svh) * 28)}}

/* Opening review: one composition, with future chapters intentionally held back. */
.hero-review{overflow:hidden;background:#010805}.hero-review .chapters,.hero-review .scene:not(.intro),.hero-review .next-section{display:none}
.hero-review .intro{height:calc(var(--exp-vh,1svh) * 100);min-height:580px;padding:0;overflow:hidden}.hero-review .intro .scene-copy{position:absolute;top:15%;left:5%;width:90%;max-width:none;text-align:center;transform:none!important}
.hero-review .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:18px;color:#9eae97}
.hero-review .intro h1{font-size:clamp(52px,6vw,88px);line-height:1.03;margin:0;letter-spacing:-.052em;white-space:nowrap}
.hero-review .intro h1 em{font-size:1.12em}.hero-review .intro-description{display:none}
.hero-review .header-title{font-size:11px;color:#91a18c;margin-left:0}.hero-review .exp-header{padding:25px 4%}.hero-review .exp-header img{width:57px}
.hero-review .atmosphere{background:linear-gradient(to top,rgba(0,5,3,.63),transparent 24%),radial-gradient(ellipse at 50% 58%,transparent 20%,rgba(0,4,2,.25) 90%)}
.hero-caption{position:absolute;top:54%;left:7%;font-size:14px;line-height:1.7;color:#91a58d;display:flex;flex-direction:column;max-width:205px}.hero-caption span:last-child{color:#d1d9bc}
.hero-bottom{position:absolute;bottom:28px;left:4%;display:flex;align-items:center;gap:25px;font-size:11px;color:#8e9f83}.hero-bottom button{background:none;border:none;padding:5px;font-size:10px;color:#8e9f83}.touch-hint{display:none}
.hero-review .motion-toggle{border:1px solid #50604466;background:#07140b77;bottom:24px;font-size:10px;letter-spacing:.02em}
.hero-review .loader{background:#010805}.hero-review .loader-kicker{font-size:36px}.hero-review #stage{opacity:0}
@media(max-width:700px){.hero-review .exp-header{padding:21px 22px}.hero-review .exp-header img{width:49px}.hero-review .exit{font-size:11px}.hero-review .intro .scene-copy{top:15%;left:7%;width:86%}.hero-review .intro h1{font-size:clamp(43px,11.8vw,68px);white-space:normal;max-width:440px;margin:auto}.hero-review .intro h1 em{display:block;font-size:1.2em;line-height:.96}.hero-review .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:16px}.hero-caption{top:auto;bottom:16%;left:0;width:100%;max-width:none;align-items:center;font-size:11px;line-height:1.65;pointer-events:none}.hero-bottom{left:22px;bottom:24px;font-size:10px;gap:13px}.hero-review .motion-toggle{right:20px;bottom:21px;font-size:10px}.desktop-hint{display:none}.touch-hint{display:inline}.hero-review .intro{min-height:560px}.hero-review .atmosphere{background:linear-gradient(to top,rgba(0,5,3,.72),transparent 32%)} }
@media(max-height:650px) and (min-width:701px){.hero-review .intro .scene-copy{top:17%}.hero-review .intro h1{font-size:50px}.hero-review .eyebrow{margin-bottom:10px}.hero-review .hero-caption{font-size:12px}.hero-review .intro{min-height:0}}
@media(max-width:700px){.hero-caption{top:31%;bottom:auto}.hero-review .motion-toggle{min-height:44px;bottom:14px}.hero-review .exit{min-height:44px}.hero-bottom button{min-height:44px}.hero-bottom{bottom:14px}}
@media(max-width:700px){.hero-review.short-screen .intro .scene-copy{top:13%}.hero-review.short-screen .intro h1{font-size:40px}.hero-review.short-screen .hero-caption{display:none}}
@media(prefers-reduced-motion:reduce){.hero-review .loader{transition:none}}

/* The opening is an interactive sculpture; drags belong to the scene. */
.hero-review .intro{touch-action:none;user-select:none}

/* First scroll chapter: continuous shoulders-to-timelines reveal. */
html:has(.journey-review){scroll-behavior:auto}
.journey-review{overflow-x:hidden;overflow-y:auto}
.journey-review main{height:calc(var(--exp-vh,1svh) * 360)}
.journey-review .intro{position:fixed;inset:0;height:calc(var(--exp-vh,1svh) * 100);min-height:0;touch-action:pan-y}
.journey-review .exp-header{position:fixed}
.follow-timelines{position:fixed;z-index:8;bottom:27px;left:50%;transform:translateX(-50%);border:0;background:none;display:flex;align-items:center;gap:12px;color:#c8d9b5;font-size:11px;letter-spacing:.02em;padding:12px;transition:color .3s}
.follow-timelines:hover{color:#fff3c8}.follow-timelines span:last-child{font-size:22px}
.timeline-opening{position:fixed;inset:0;z-index:2;visibility:hidden;opacity:0;pointer-events:none;display:flex;align-items:center;padding:100px 8%;will-change:opacity,transform}
.timeline-copy{max-width:530px}.timeline-opening h2{font-size:clamp(54px,6.2vw,94px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;font-weight:800;color:#f4efdc}
.timeline-opening h2 em{font-size:1.13em;color:#dcdcb3}.timeline-opening .eyebrow{color:#b8bd96;letter-spacing:.16em;font-size:10px;margin-bottom:24px}
.timeline-subline{font-size:18px;line-height:1.6;color:#c1beaa;margin:0}.timeline-count{margin-top:34px;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#bac29a}.timeline-count span:first-child{letter-spacing:12px;color:#d5d99a;font-size:8px}
.in-timelines .motion-toggle{border-color:#98764266}.in-timelines .header-title{color:#c3af92}
@media(max-width:700px){.follow-timelines{bottom:70px;font-size:10px;white-space:nowrap}.timeline-opening{align-items:flex-start;padding:125px 25px 0;background:linear-gradient(#01080522,#01080599 24%,transparent 57%)}.timeline-opening h2{font-size:clamp(44px,12.5vw,66px);margin-bottom:17px;line-height:.99}.timeline-opening .eyebrow{font-size:8px;margin-bottom:18px}.timeline-subline{font-size:14px;line-height:1.6}.timeline-count{position:fixed;left:25px;bottom:88px;font-size:10px;gap:9px}.timeline-opening .timeline-copy{max-width:100%}.journey-review .hero-bottom{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.timeline-opening{will-change:auto}}

@media(max-width:700px){.timeline-opening{background:none;padding-top:135px}.timeline-opening .timeline-copy{max-width:78%;text-shadow:0 2px 18px #010805}.timeline-opening h2{font-size:clamp(38px,10.6vw,52px)}.timeline-opening .eyebrow{max-width:210px;line-height:1.6}.timeline-subline{max-width:205px}.timeline-count{left:25px;bottom:90px}}

/* The same five roots carry every chapter; copy appears in deliberate reading holds. */
.full-journey main{height:calc(var(--exp-vh,1svh) * 1810)}
.story-card{position:fixed;inset:0;z-index:3;padding:calc(var(--exp-vh,1svh) * 22) 8% 100px;visibility:hidden;opacity:0;pointer-events:none;will-change:opacity,translate}
.story-copy{max-width:570px}.story-card h2{font-size:clamp(48px,5.5vw,84px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px;font-weight:800;text-wrap:balance}
.story-card h2 em{color:#dddab9;font-size:1.08em}.story-description{font-size:18px;line-height:1.65;color:#c1beaa;max-width:400px;margin:0}.story-outcome{position:absolute;left:8%;bottom:calc(var(--exp-vh,1svh) * 17);font-size:14px;color:#d3ddab;letter-spacing:.015em}.story-1 .story-outcome,.story-2 .story-outcome,.story-3 .story-outcome,.story-4 .story-outcome{color:#f0af98}
.story-metaphor{position:absolute;left:8%;bottom:calc(var(--exp-vh,1svh) * 12);font-size:11px;color:#859580}
.story-5{text-align:center;padding-top:calc(var(--exp-vh,1svh) * 8)}.story-5 .story-copy{max-width:none}.story-5 h2{font-size:clamp(38px,4.4vw,64px)}.story-5 .story-description{position:absolute;top:72%;left:0;max-width:none;width:100%;font-family:Instrument,serif;font-style:italic;font-size:52px;color:#eee9cf}.story-5 .story-outcome{left:0;width:100%;bottom:calc(var(--exp-vh,1svh) * 14);font-size:15px}
.story-nav{position:fixed;bottom:25px;left:8%;z-index:12;display:flex;align-items:center;gap:13px;font-size:10px;color:#a8b593}.story-nav[hidden]{display:none}.story-nav button{width:36px;height:36px;border:1px solid #73845955;background:#07120bcc;border-radius:50%;font-size:17px}.story-nav button:disabled{opacity:.25;cursor:default}
.story-course{padding:calc(var(--exp-vh,1svh) * 15) 8% 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:3% 9%;align-content:center;background:linear-gradient(90deg,#041009bb,transparent);pointer-events:auto}.story-course h2{font-size:clamp(44px,5vw,76px)}.course-story-copy>p:last-child{color:#adbaa2;line-height:1.6;max-width:330px}.story-skills{list-style:none;padding:0;margin:0}.story-skills li{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #aabe8730}.story-skills li>span{font-size:10px;color:#9aaa7c;padding-top:4px}.story-skills h3{font-size:20px;letter-spacing:-.025em;margin:0 0 5px;font-weight:500}.story-skills p{font-size:12px;color:#a5b09a;margin:0;line-height:1.5}.story-actions{grid-column:1/-1;display:flex;gap:30px;align-items:center;pointer-events:auto}.story-actions .course-link{margin:0;padding:16px 22px;font-size:14px}.story-actions button{background:none;border:0;color:#aaba95;font-size:12px;padding:15px 0}
.fallback.full-journey main{height:calc(var(--exp-vh,1svh) * 100)}.fallback .story-card{position:relative;visibility:visible;opacity:1;min-height:calc(var(--exp-vh,1svh) * 100);pointer-events:auto}.fallback .story-nav,.fallback .follow-timelines{display:none}
@media(max-width:700px){.story-card{padding:135px 25px 100px}.story-copy{max-width:82%;text-shadow:0 2px 20px #010805}.story-card h2{font-size:clamp(34px,9.5vw,48px);margin-bottom:20px;line-height:1.04}.story-description{font-size:14px;line-height:1.6;max-width:230px}.story-outcome{left:25px;bottom:calc(var(--exp-vh,1svh) * 19);font-size:12px;max-width:280px}.story-metaphor{left:25px;bottom:calc(var(--exp-vh,1svh) * 15);font-size:9px;max-width:250px;line-height:1.5}.story-nav{left:22px;bottom:68px;gap:9px;font-size:9px}.story-nav button{width:34px;height:34px}.story-5{padding-top:140px}.story-5 .story-copy{max-width:none}.story-5 h2{font-size:36px}.story-5 .story-description{top:64%;font-size:45px;max-width:none}.story-5 .story-outcome{left:10%;width:80%;bottom:calc(var(--exp-vh,1svh) * 23);font-size:12px;max-width:none}.story-course{padding:100px 25px 140px;grid-template-columns:1fr;gap:20px;align-content:start;overflow-y:auto}.story-course h2{font-size:38px;margin-bottom:12px}.story-course .eyebrow{margin-bottom:12px}.course-story-copy>p:last-child{font-size:13px;margin:0}.story-skills li{padding:10px 0;gap:15px}.story-skills h3{font-size:16px}.story-skills p{font-size:11px}.story-actions{display:flex;flex-wrap:wrap;gap:3px 15px}.story-actions .course-link{font-size:12px;padding:14px 17px}.story-actions button{font-size:10px}.at-course .story-nav{bottom:15px;max-width:240px}.at-course .motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.story-card{will-change:auto}}

@media(min-width:701px){.story-copy{max-width:43vw}.story-card h2{font-size:clamp(44px,5.2vw,78px)}.story-5 .story-copy{max-width:none}}

.full-journey main{height:calc(var(--exp-vh,1svh) * 2210)}.fading-copy{position:absolute;left:8%;top:calc(var(--exp-vh,1svh) * 22);max-width:43vw;opacity:0}.fading-copy h2 em{color:#e2c199}.fading-copy .story-description{max-width:350px}.story-5 h2{font-size:clamp(38px,4.4vw,64px)}
@media(max-width:700px){.fading-copy{left:25px;top:135px;max-width:82%;text-shadow:0 2px 20px #010805}.fading-copy .story-description{max-width:240px}}

@media(max-width:700px){.story-5 .story-description{top:72%}.story-5 .story-outcome{bottom:calc(var(--exp-vh,1svh) * 17.5)}}

.fading-copy .story-description{font-size:20px;color:#e1e7cf;font-weight:500;line-height:1.55;max-width:380px}.fading-copy .eyebrow{color:#d9be91}.fading-copy h2{margin-bottom:30px}
@media(max-width:700px){.fading-copy .story-description{font-size:16px;line-height:1.55;max-width:250px}.fading-copy .eyebrow{font-size:8px;max-width:220px;line-height:1.6}.fading-copy h2{margin-bottom:24px}}

/* First NYC chapter: the object releases into the existing atmosphere. */
.full-journey main{height:calc(var(--exp-vh,1svh) * 2460)}
@font-face{font-family:NYCNow;src:url('assets/experience/fonts/HelveticaNowDisplay-Black.otf');font-weight:900;font-display:swap}
@font-face{font-family:NYCNow;src:url('assets/experience/fonts/HelveticaNowDisplay-Light.otf');font-weight:300;font-display:swap}
@font-face{font-family:NYCNow;src:url('assets/experience/fonts/HelveticaNowDisplay-Regular.otf');font-weight:400;font-display:swap}
.threshold-scene{position:fixed;inset:0;z-index:3;pointer-events:none}
.threshold-beat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 6% 120px;text-align:center;opacity:0;visibility:hidden;will-change:opacity,transform;font-family:NYCNow,sans-serif}
.threshold-beat h2{font-family:NYCNow,sans-serif;font-weight:300;font-size:clamp(40px,5.4vw,76px);line-height:1.13;letter-spacing:-.045em;max-width:1160px;margin:0;color:#e2ecd8}
.threshold-beat strong{font-weight:900}
.threshold-beat em{font-family:Instrument,serif;font-size:1em;font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:inherit}
.threshold-line{display:block}
.threshold-beat .bloom-type{color:#d0f39b;text-shadow:0 0 3px #e7ffc844,0 0 24px #a4eb5555,0 0 58px #75b63444,0 0 100px #8bd34022}
.threshold-practice h2{text-align:left;line-height:1.2}
.threshold-practice h2>span{display:block;color:color-mix(in srgb,#a9bca0 calc((1 - var(--energy,0))*100%),#d0f4a3);text-shadow:0 0 calc(var(--energy,0)*28px) #a4df5344;opacity:calc(.25 + var(--energy,0)*.75)}
.threshold-nyc .threshold-brand-line{margin-bottom:32px}
.threshold-logo{position:relative;width:clamp(210px,24vw,330px);aspect-ratio:1427/957}
.threshold-logo img{position:absolute;width:252.2775%;height:auto;max-width:none;left:-75.8935%;top:-98.955%;filter:drop-shadow(0 0 9px #c8ed362a) drop-shadow(0 0 30px #9ae4453d) drop-shadow(0 0 70px #87bb442b)}
.threshold-replay{position:absolute;bottom:105px;background:none;border:0;padding:15px;font-size:11px;color:#97ab86;pointer-events:auto}.threshold-replay span{margin-left:12px}
.at-threshold .story-nav{color:#8da17d}.at-threshold .motion-toggle{border-color:#5b794055}.at-threshold .header-title{color:#94a38a}
.fallback .threshold-scene{position:relative}.fallback .threshold-beat{position:relative;visibility:visible;opacity:1;min-height:calc(var(--exp-vh,1svh) * 90)}
@media(max-width:700px){
.threshold-beat{padding:105px 23px 135px}
.threshold-beat h2{font-size:clamp(30px,8.65vw,42px);line-height:1.13;letter-spacing:-.04em;max-width:100%;text-wrap:balance}
.threshold-practice h2{line-height:1.2;white-space:normal}
.threshold-nyc .threshold-brand-line{margin-bottom:28px}
.threshold-logo{width:clamp(210px,58vw,290px)}
.threshold-replay{bottom:145px}.at-threshold .story-nav{bottom:68px;max-width:280px}}
@media(prefers-reduced-motion:reduce){.threshold-beat{will-change:auto;transform:none!important}}

/* The artwork and narrative use stable dimensions while mobile browser chrome moves. */
.viewport-probe{position:fixed;visibility:hidden;pointer-events:none;width:100lvh;height:100svh;inset:0 auto auto 0;z-index:-10}
#stage{bottom:auto;height:var(--exp-render-height,100lvh)}
.journey-review .intro,.story-card,.timeline-opening,.threshold-scene,.build-world{bottom:auto;height:calc(var(--exp-vh,1svh) * 100)}
.sound-toggle{position:fixed;z-index:12;right:calc(4% + 116px);bottom:24px;display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #50604488;border-radius:30px;background:#07140bbd;color:#c9d7b9;font:11px NYC,sans-serif}
.sound-toggle svg{width:15px;height:15px}.sound-toggle[aria-pressed=true]{border-color:#9caf6480;color:#e4efc7}
@media(max-width:700px){.sound-toggle{right:125px;bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:10px;min-height:44px}.hero-review .motion-toggle{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.in-timelines .hero-bottom{display:none}.hero-review:not(.in-timelines) .sound-toggle{bottom:calc(65px + env(safe-area-inset-bottom,0px));right:20px}}

/* Small framing refinement: bring the timeline narrative slightly lower. */
.story-card:not(.story-5){padding-top:calc(var(--exp-vh,1svh) * 22 + 28px)}
.fading-copy{top:calc(var(--exp-vh,1svh) * 22 + 28px)}
@media(max-width:700px){.story-card:not(.story-5){padding-top:159px}.fading-copy{top:159px}.timeline-opening{padding-top:159px}}
/* Keep the immersive experience header clear over its dark canvas. */
body.journey-review>header.nyc-site-header{background:transparent!important}
/* Quiet hero controls: icon-only sound toggle, "Follow the possibilities" on the right, no pause button */
body .sound-toggle{right:4%;bottom:24px;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;border-radius:50%}
body .sound-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .sound-toggle svg{width:18px;height:18px}
body .sound-toggle svg path+path{transition:opacity .3s}
body .sound-toggle[aria-pressed=false] svg path+path{opacity:.35}
body .follow-timelines{left:auto;right:calc(4% + 56px);bottom:26px;transform:none;gap:10px;padding:12px 4px;font:500 10px/1 NYC,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#bac6ab}
body .follow-timelines span:last-child{font-size:inherit}
body .follow-timelines .follow-arrow{width:9px;height:12px;flex-shrink:0}
@media(max-width:700px){
 body .sound-toggle,body.hero-review:not(.in-timelines) .sound-toggle{right:20px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 body .follow-timelines{right:16px;bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:9.5px}
}