html:has(body.experience-body){color:var(--color-white);background:var(--color-hero);scrollbar-color:var(--color-yellow) var(--color-hero);scrollbar-width:thin}body.experience-body{min-height:100svh;color:var(--color-white);background:var(--color-hero);padding-bottom:0;overflow-x:clip}body.experience-body::selection,body.experience-body ::selection{color:var(--color-hero);background:var(--color-yellow)}body.experience-body::-webkit-scrollbar{width:.55rem}body.experience-body::-webkit-scrollbar-track{background:var(--color-hero)}body.experience-body::-webkit-scrollbar-thumb{background:var(--color-yellow)}.experience-shell{isolation:isolate;min-height:100svh;color:var(--color-white);background:var(--color-hero);position:relative}.experience-nav{z-index:50;padding:max(1rem, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) 1rem max(var(--gutter), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.experience-brand,.experience-back{pointer-events:auto}.experience-brand{align-items:center;min-height:3.5rem;display:inline-flex}.experience-brand img{filter:drop-shadow(0 .45rem 1rem #0000005c);width:clamp(9.25rem,15vw,13.5rem);height:auto;display:block}.experience-back{background:#030e1994;border-color:#ffffff6b;gap:.55rem;min-height:2.9rem;transition:color .18s,border-color .18s,background-color .18s;box-shadow:0 .55rem 1.6rem #0003}.experience-back svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7px;width:1.15rem;height:1.15rem}.experience-back__short{display:none}.experience-back:hover{border-color:var(--color-yellow);color:var(--color-yellow);background:#030e19c7}.experience-fallback{z-index:10;min-height:100svh;padding:calc(7.5rem + env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:radial-gradient(circle at 50% 42%, #0048993d, transparent 44rem), var(--color-hero);place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.experience-fallback__content{text-align:center;width:min(100%,57rem)}.experience-fallback h2{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:0 auto;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:600;line-height:.98}.experience-fallback p{color:#ffffffc7;max-width:62ch;margin:clamp(1.25rem,3vh,2rem) auto 0;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.55}.experience-fallback p strong{color:var(--color-white)}.experience-fallback__actions,.experience-final__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:clamp(1.75rem,4vh,2.75rem);display:flex}.experience-fallback .button,#final-overlay .button{min-width:11.5rem;transition:color .18s,background-color .18s,border-color .18s,transform .18s cubic-bezier(.16,1,.3,1)}.experience-fallback .button:hover,#final-overlay .button:hover{transform:translateY(-2px)}.experience-fallback .button--primary:hover,#final-overlay .button--primary:hover{background:#ffe34f}.experience-fallback .button--secondary:hover,#final-overlay .button--secondary:hover{border-color:var(--color-yellow);color:var(--color-yellow);background:#030e19b8}.experience-immersive{visibility:hidden;opacity:0;transition:opacity .22s}html[data-experience-ready=true][data-experience-mode=interactive] .experience-fallback,html[data-experience-ready=true][data-experience-mode=static] .experience-fallback{visibility:hidden;opacity:0;pointer-events:none}html[data-experience-ready=true][data-experience-mode=interactive] .experience-immersive,html[data-experience-ready=true][data-experience-mode=static] .experience-immersive{visibility:visible;opacity:1}.scroll-stage{z-index:-1;pointer-events:none;height:100svh;position:relative}html[data-experience-mode=interactive] .scroll-stage{height:1100vh}#experience-end{position:absolute;bottom:0;left:0}#stage{z-index:0;background:var(--color-hero);will-change:filter;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.experience-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 52%,#0000009e 100%);position:fixed;inset:0}#hero-title{z-index:4;padding-inline:var(--gutter);color:var(--color-white);text-align:center;text-shadow:0 .65rem 2rem #070b12b3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#hero-title .hero-main{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(3rem,8.5vw,6rem);font-weight:600;line-height:.96}#hero-title .hero-sub{color:#ffffffd6;font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;margin-top:.8rem;padding-left:.22em;font-size:clamp(.95rem,2.3vw,1.8rem);font-weight:500;line-height:1}.experience-caption{z-index:5;bottom:10vh;left:max(var(--gutter), 4vw);visibility:hidden;width:min(32rem, calc(100vw - 2 * var(--gutter)));opacity:0;backdrop-filter:blur(.55rem);pointer-events:none;background:#030e19c2;padding:clamp(1rem,2.2vw,1.4rem);position:fixed;box-shadow:0 .85rem 2.4rem #00000052}.experience-caption h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:600;line-height:1.08}.experience-caption p{color:#ffffffc7;max-width:65ch;margin:.9rem 0 0;font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.55}#cap-blackout{width:auto;max-width:none;box-shadow:none;text-align:center;backdrop-filter:none;background:0 0;padding:0;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}#cap-blackout h2{color:#ffffffe0;font-size:clamp(2.4rem,6vw,5rem)}#final-scrim{z-index:5;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(90% 75%,#000000d1 0%,#000000ad 48%,#00000057 82%,#0000 100%);position:fixed;inset:0}#final-overlay{z-index:6;visibility:hidden;padding:calc(6.5rem + env(safe-area-inset-top)) max(6vw, env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(6vw, env(safe-area-inset-left));opacity:0;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#final-overlay.active{pointer-events:auto}#final-overlay h2{letter-spacing:-.035em;text-wrap:balance;max-width:21ch;margin:0;font-size:clamp(2.35rem,5.5vw,4.8rem);font-weight:600;line-height:1.02}.experience-final__text{color:#ffffffc2;max-width:67ch;margin:clamp(1.1rem,2.5vh,1.7rem) 0 0;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.55}.experience-final__text strong{color:var(--color-white);font-weight:600}#scroll-hint{z-index:5;color:#ffffff94;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;line-height:1;display:flex;position:fixed;bottom:max(1rem,2.5vh);left:50%;transform:translate(-50%)}.scroll-hint__line{transform-origin:top;background:linear-gradient(#ffffffa3,#0000);width:1px;height:2.25rem;animation:2s ease-in-out infinite experience-hint-pulse}@keyframes experience-hint-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.55)}}#progress{z-index:60;transform-origin:0 0;background:var(--color-yellow);width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}html[data-experience-mode=static] .scroll-stage{height:100svh}html[data-experience-mode=static] #stage,html[data-experience-mode=static] .experience-vignette,html[data-experience-mode=static] #hero-title,html[data-experience-mode=static] .experience-caption,html[data-experience-mode=static] #scroll-hint,html[data-experience-mode=static] #progress{display:none}html[data-experience-mode=static] #final-scrim,html[data-experience-mode=static] #final-overlay{visibility:visible;opacity:1}html[data-experience-mode=static] #final-overlay{pointer-events:auto}@media (width<=40rem){.experience-nav{padding-top:max(.75rem, env(safe-area-inset-top));gap:.65rem}.experience-brand img{width:clamp(8.5rem,40vw,10rem)}.experience-back__long{display:none}.experience-back__short{display:inline}.experience-caption{right:var(--gutter);bottom:max(5rem,10vh);left:var(--gutter);width:auto}.experience-caption p{margin-top:.7rem}#final-overlay{padding-top:calc(6rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom));justify-content:flex-end}.experience-fallback__actions,.experience-final__actions{flex-direction:column;width:min(100%,22rem);margin-inline:auto}.experience-fallback .button,#final-overlay .button{width:100%}}@media (height<=40rem) and (orientation:landscape){.experience-nav{padding-top:max(.55rem, env(safe-area-inset-top));padding-bottom:.55rem}.experience-brand img{width:8.75rem}.experience-caption{max-width:28rem;bottom:1rem}.experience-caption p{display:none}#final-overlay{padding-top:calc(4.5rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}#final-overlay h2{font-size:clamp(2rem,7vw,3.25rem)}.experience-final__text{margin-top:.7rem;font-size:.95rem}.experience-final__actions{margin-top:.9rem}}@media (prefers-reduced-motion:reduce){.experience-fallback,.experience-immersive,.experience-back,.experience-fallback .button,#final-overlay .button{transition:none}.scroll-hint__line{animation:none}}