:root{color-scheme:dark;--fg:#f5f5f2;--muted:#f5f5f294;--line:#ffffff29;--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html,body{color:var(--fg);background:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}body{overscroll-behavior:none;touch-action:pan-y}.journey{touch-action:pan-y;background:#000;height:700svh;position:relative}.stage{background:#000;height:100svh;position:sticky;top:0;overflow:hidden}.stage video{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.03);background:#000;width:100%;height:100%;position:absolute;inset:0}.shade{pointer-events:none;background:linear-gradient(90deg,#0000008a 0%,#0000001a 42%,#0000 66%),linear-gradient(#0000 58%,#00000047);position:absolute;inset:0}header{z-index:5;padding:calc(env(safe-area-inset-top) + 20px) var(--pad) 0;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:9px;display:flex}.brand i{border:1px solid;border-radius:50%;width:8px;height:8px;display:block}.meta{color:#ffffffa8}.copy{z-index:4;left:var(--pad);max-width:min(620px,80vw);transition:opacity .22s,transform .22s;position:absolute;bottom:clamp(48px,10vh,110px)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:15px;font-size:10px}h1{letter-spacing:-.055em;text-wrap:balance;max-width:8ch;margin:0;font-size:clamp(42px,7.3vw,112px);font-weight:560;line-height:.91}.body{color:#ffffffbd;max-width:420px;margin-top:18px;font-size:clamp(14px,1.25vw,18px);line-height:1.45}.cta{text-transform:uppercase;letter-spacing:.12em;color:#fff;backdrop-filter:blur(8px);border:1px solid #ffffffa6;width:max-content;margin-top:24px;padding:13px 17px;font-size:10px;text-decoration:none;display:none}.cta.show{display:inline-block}.progress-wrap{z-index:5;left:var(--pad);right:var(--pad);background:var(--line);height:1px;position:absolute;bottom:22px}.progress{transform-origin:0;background:#fff;width:0;height:1px}.scene-index{z-index:5;right:var(--pad);letter-spacing:.14em;color:#ffffff8f;font-size:10px;position:absolute;bottom:36px}.hint{z-index:5;right:var(--pad);transform-origin:100% 0;text-transform:uppercase;letter-spacing:.18em;color:#ffffff80;font-size:9px;position:absolute;top:50%;transform:translateY(-50%)rotate(90deg)}.loading{z-index:10;pointer-events:none;background:#000;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading.ready{opacity:0}.loading span{letter-spacing:.18em;text-transform:uppercase;color:#999;font-size:10px}.fallback{background:#050505;align-items:flex-end;min-height:100svh;padding:clamp(28px,5vw,72px);display:none;position:relative;overflow:hidden}.fallback:after{content:"";pointer-events:none;background:linear-gradient(#00000024 0%,#0003 45%,#000000c7 100%);position:absolute;inset:0}.fallback img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0;position:absolute;inset:0}.fallback-content{z-index:2;width:min(680px,100%);padding-bottom:env(safe-area-inset-bottom);position:relative}.fallback h1{max-width:8ch;font-size:clamp(48px,7vw,104px)}.fallback p{color:#ffffffbd;max-width:34em;margin:18px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.fallback-cta{text-transform:uppercase;letter-spacing:.12em;color:#fff;backdrop-filter:blur(8px);border:1px solid #ffffffb3;margin-top:26px;padding:13px 17px;font-size:10px;text-decoration:none;display:inline-block}.static-experience .journey{display:none}.static-experience .fallback{display:flex}@media (width<=700px){:root{--pad:22px}.stage video{object-position:50% center}.shade{background:linear-gradient(#0003 0%,#00000014 38%,#000000ad 100%)}header{padding-top:calc(env(safe-area-inset-top) + 16px)}.meta{display:none}.copy{left:22px;right:22px;bottom:calc(env(safe-area-inset-bottom) + 58px);max-width:none}h1{max-width:7ch;font-size:clamp(44px,13vw,64px)}.body{max-width:30ch;font-size:14px}.hint{display:none}.scene-index{right:22px;bottom:calc(env(safe-area-inset-bottom) + 34px)}.progress-wrap{left:22px;right:22px;bottom:calc(env(safe-area-inset-bottom) + 20px)}.fallback{padding:calc(env(safe-area-inset-top) + 24px) 22px calc(env(safe-area-inset-bottom) + 32px)}.fallback img{object-position:52% center}.fallback:after{background:linear-gradient(#0000001f 0%,#0000002e 42%,#000000d1 100%)}.fallback h1{max-width:7ch;font-size:clamp(46px,14vw,64px)}.fallback p{max-width:28ch;font-size:14px}}@media (prefers-reduced-motion:reduce){.journey{display:none}.fallback{display:flex}}
