@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700&display=swap";:root{color:#f1eadb;font-synthesis:none;text-rendering:optimizelegibility;--journey-progress:0;background:#0a0d0c;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}.webgl-fallback .hud{display:none}html{scroll-behavior:auto;background:#0a0d0c;min-width:320px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{background:#0a0d0c;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}#app,#experience{min-height:100vh}#experience{z-index:0;background:#0a0d0c;position:fixed;inset:0;overflow:hidden}#experience:after{content:"";pointer-events:none;background:radial-gradient(at 52% 38%,#ffe0a70b,#0000 42%),linear-gradient(#080d0a14,#0000 38%,#1c0f0714 72%,#0403022e),radial-gradient(at 50% 46%,#0000 46%,#05040221 75%,#0504025c 115%);position:absolute;inset:0}.journey-canvas{pointer-events:none;width:100%;height:100%;display:block}#scroll-rail{z-index:0;pointer-events:none;height:calc(9200px + 100vh);position:relative}.hud{z-index:2;pointer-events:none;color:#f5eddcdb;text-transform:uppercase;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto 1fr;padding:31px 38px 34px;display:grid;position:fixed;inset:0}.hud__brand,.hud__stage,.hud__timer,.sound-toggle,.play-toggle,.hud__scroll-hint,.replay{letter-spacing:.12em;font-family:DM Mono,ui-monospace,monospace;font-size:11px;line-height:1}.hud__brand{opacity:.82;grid-area:1/1;font-weight:500}.hud__stage{opacity:.72;will-change:transform, opacity;grid-area:1/2;align-items:center;gap:18px;display:flex}.hud__stage-number{color:#f5eddc75}.hud__stage-label{color:#f5eddce6}.hud__timer{color:#f5eddcdb;letter-spacing:.08em;text-align:right;font-variant-numeric:tabular-nums;grid-area:1/3;justify-self:end;min-width:5ch;font-size:16px;transition:color .4s}.hud__intro{text-align:center;grid-area:2/1/auto/-1;place-self:center;margin-top:17vh;transition:opacity .42s}.scene-copy{color:#f5eddca3;letter-spacing:.17em;opacity:0;text-align:center;min-height:13px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;transition:opacity .5s,transform .5s;position:absolute;top:16.5vh;left:50%;transform:translate(-50%,-10px)}.scene-copy.is-visible{opacity:1;transform:translate(-50%)}.hud__intro p{letter-spacing:.28em;text-indent:.28em;margin:0 0 26px;font-size:clamp(1.2rem,2.4vw,2.6rem);font-weight:300;line-height:1.15}.hud__scroll-hint{color:#f5eddc8a;letter-spacing:.16em;align-items:center;gap:10px;font-size:10px;display:inline-flex}.hud__scroll-hint i{transform-origin:0;background:#f5eddc9e;width:22px;height:1px;animation:2.4s ease-in-out infinite hint-pulse;display:block}.hud__finish{opacity:0;visibility:hidden;text-align:center;transition:opacity .42s,transform .42s cubic-bezier(.2,.75,.25,1);position:absolute;bottom:5.5vh;left:50%;transform:translate(-50%,20px)}.hud__finish.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.hud__finish-title{letter-spacing:.22em;text-indent:.22em;margin:0;font-size:clamp(3rem,9vw,9rem);font-weight:300;line-height:.9}.hud__finish-meta{color:#f5eddcad;letter-spacing:.17em;margin:23px 0 28px;font-family:DM Mono,ui-monospace,monospace;font-size:10px}.replay,.sound-toggle,.play-toggle{color:inherit;text-transform:uppercase;cursor:pointer;pointer-events:auto;appearance:none;background:0 0;border:0;padding:0}.replay{color:#f5eddc9e;letter-spacing:.12em;font-size:10px;transition:color .2s}.replay span{vertical-align:-1px;padding-left:8px;font-size:15px;transition:transform .3s;display:inline-block}.replay:hover,.replay:focus-visible{color:#f5eddc}.replay:hover span,.replay:focus-visible span{transform:rotate(-40deg)}.hud__controls{flex-direction:column;grid-area:3/3;place-self:end;align-items:flex-end;gap:6px;display:flex}.sound-toggle{color:#f5eddc8a;align-items:center;gap:10px;min-height:36px;transition:color .2s;display:inline-flex}.play-toggle{color:#f5eddc8a;justify-content:flex-end;align-items:center;gap:10px;min-width:44px;min-height:36px;transition:color .2s;display:inline-flex}.play-toggle__icon{font-size:9px;line-height:1}.sound-toggle:hover,.sound-toggle:focus-visible,.sound-toggle.is-on,.play-toggle:hover,.play-toggle:focus-visible,.play-toggle.is-on{color:#f5eddceb}.hud-on-light .hud,.hud-on-light .hud__timer,.hud-on-light .hud__stage-label{color:#231c14e0;text-shadow:0 0 12px #fffaeb59,0 1px #fffaeb40}.hud-on-light .hud__stage-number,.hud-on-light .scene-copy,.hud-on-light .sound-toggle,.hud-on-light .play-toggle,.hud-on-light .hud__scroll-hint{color:#231c14ad;text-shadow:0 0 10px #fffaeb4d}.sound-toggle__bars{align-items:center;gap:2px;height:13px;display:inline-flex}.sound-toggle__bars i{background:currentColor;width:2px;height:5px;transition:height .25s;display:block}.sound-toggle__bars i:nth-child(2){height:9px}.sound-toggle__bars i:nth-child(3){height:13px}.sound-toggle__bars i:nth-child(4){height:7px}.sound-toggle.is-on .sound-toggle__bars i{animation:.9s ease-in-out infinite alternate sound-bars}.sound-toggle.is-on .sound-toggle__bars i:nth-child(2){animation-delay:-320ms}.sound-toggle.is-on .sound-toggle__bars i:nth-child(3){animation-delay:-600ms}.sound-toggle.is-on .sound-toggle__bars i:nth-child(4){animation-delay:-140ms}.loader{z-index:10;color:#f5eddc8f;background:#0a0d0c;place-items:center;transition:opacity 1s cubic-bezier(.2,.75,.25,1),visibility 1s;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader p{letter-spacing:.13em;text-transform:uppercase;margin:0;font-family:DM Mono,ui-monospace,monospace;font-size:10px;position:absolute}.loader p span{color:#f5eddc3d}.loader__ring{aspect-ratio:1;border:1px solid #f5eddc1f;border-radius:50%;width:min(32vw,290px);position:relative}.loader__ring:before,.loader__ring:after{content:"";border-radius:inherit;border:1px solid #f5eddcb8;border-color:#f5eddcb8 #f5eddc3d #0000 #0000;animation:1.8s cubic-bezier(.6,.1,.3,.9) infinite loader-spin;position:absolute;inset:-1px}.loader__ring:after{border-top-color:#d6a84d9e;border-right-color:#0000;animation-duration:2.2s;animation-direction:reverse;inset:13%}.fallback{color:#f1eadb;background:radial-gradient(circle at 50% 32%,#39442b,#11140e 55%,#090b0a);place-content:center;min-height:100vh;padding:32px;display:grid}.fallback__eyebrow{letter-spacing:.15em;margin:0 0 20px;font:11px/1 DM Mono,ui-monospace,monospace}.fallback h1{letter-spacing:-.06em;max-width:520px;margin:0;font-size:clamp(2.5rem,8vw,6rem);font-weight:300;line-height:.95}.fallback>p:last-child{color:#f1eadb9e;max-width:390px;margin-top:26px;font-size:16px;line-height:1.6}button:focus-visible{outline-offset:7px;outline:1px solid #f5eddce6}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes hint-pulse{0%,to{opacity:.35;transform:scaleX(.55)}50%{opacity:.9;transform:scaleX(1)}}@keyframes sound-bars{0%{transform:scaleY(.5)}to{transform:scaleY(1.1)}}@media (max-width:700px){.hud{padding:22px 20px 24px}.hud__stage{grid-area:3/1;align-self:end;gap:10px}.hud__timer{font-size:14px}.hud__intro{margin-top:8vh}.scene-copy{font-size:9px;top:14vh}.hud__intro p{max-width:280px;font-size:1.2rem;line-height:1.35}.hud__finish{width:100%;bottom:10vh}.hud__finish-title{font-size:clamp(3.4rem,18vw,6rem)}.hud__finish-meta{letter-spacing:.1em;font-size:9px}.sound-toggle{min-height:44px;font-size:10px}.play-toggle{min-width:44px;min-height:44px;font-size:10px}.loader__ring{width:min(58vw,250px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hud__intro,.hud__finish,.loader{transition-duration:1ms}}