@font-face{font-family:Outfit;src:url(../fonts/outfit-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#07070d;--text:#f4f4f8;--muted:#a3a3b4;--accent:#72d2db;--good:#63e6a6;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Outfit", ui-sans-serif, system-ui, -apple-system, sans-serif;--gutter:max(clamp(16px, 5vw, 72px), env(safe-area-inset-left,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,p{margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.line .w{opacity:0;filter:blur(5px);transition:opacity .26s var(--ease), transform .26s var(--ease), filter .26s var(--ease);display:inline-block;transform:translateY(.42em)}.line.on .w{opacity:1;filter:blur();transition:opacity .62s var(--ease), transform .82s var(--ease), filter .62s var(--ease);transition-delay:calc(.14s + var(--i) * 55ms);transform:none}.walk{position:relative}.stage{background:var(--bg);--puton:0;height:100svh;position:sticky;top:0;overflow:hidden}.scene,.world-canvas{inset:0;position:absolute!important}.scene:after{content:"";pointer-events:none;background:radial-gradient(85% 75% at 50% 48%,#0000 58%,#0009 100%);position:absolute;inset:0}.beats{pointer-events:none;margin-top:-100svh;position:relative}.beat{height:100svh}.shade{opacity:0;height:46%;transition:opacity .7s var(--ease);pointer-events:none;background:linear-gradient(#0000 0%,#00000070 55%,#000000c4 100%);position:absolute;inset:auto 0 0}.walk.wearing .shade{opacity:1}.walk.ended .shade{opacity:0}.caption{left:var(--gutter);bottom:calc(clamp(36px, 7vh, 72px) + env(safe-area-inset-bottom,0px));width:min(34rem, calc(100% - 2 * var(--gutter)));text-shadow:0 2px 22px #000000d9;opacity:0;transition:opacity .5s var(--ease);gap:12px;display:grid;position:absolute}.walk.wearing .caption{opacity:1}.walk.ended .caption{opacity:0}.task{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.lines{display:grid}.lines .line{letter-spacing:-.02em;text-wrap:balance;grid-area:1/1;font-size:clamp(1.45rem,2.3vw,2.2rem);font-weight:500;line-height:1.15}.stops{gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.stops li{width:18px;height:3px;transition:background .4s var(--ease);background:#ffffff2e;border-radius:3px}.stops li.on{background:var(--good)}.sim-note{right:var(--gutter);bottom:calc(clamp(36px, 7vh, 72px) + env(safe-area-inset-bottom,0px));letter-spacing:.04em;color:#fff6;opacity:0;transition:opacity .6s var(--ease);font-size:.72rem;position:absolute}.walk.wearing .sim-note{opacity:1}.walk.ended .sim-note{opacity:0}.lid{z-index:5;pointer-events:none;will-change:transform;height:60%;position:absolute;left:0;right:0}.lid-top{background:linear-gradient(#000 82%,#000000e0 92%,#0000 100%);top:0;transform:translateY(-100%)}.lid-bottom{background:linear-gradient(#0000 0%,#000000e0 8%,#000 18%);bottom:0;transform:translateY(100%)}.walk.ended .lid{transition:transform .62s var(--ease);transform:translateY(0)!important}.landing{z-index:6;pointer-events:none;position:absolute;inset:0}.landing-backdrop{background:radial-gradient(ellipse 62% 55% at 50% 40%, #1b1734 0%, #0c0b15 58%, var(--bg) 100%);opacity:clamp(0, calc((.85 - var(--puton)) / .4), 1);position:absolute;inset:0}.puton-canvas{opacity:clamp(0, calc((1 - var(--puton)) / .06), 1);pointer-events:auto;cursor:grab;inset:0;position:absolute!important}.puton-canvas[data-dragging]{cursor:grabbing}.walk.wearing .puton-canvas{pointer-events:none}.landing.ready .landing-backdrop{opacity:0}.landing-copy{padding-inline:var(--gutter);text-align:center;opacity:clamp(0, calc(1 - var(--puton) * 12), 1);transform:translateY(calc(var(--puton) * -160px));justify-items:center;gap:22px;display:grid;position:absolute;bottom:max(9vh,48px);left:0;right:0}.landing-copy .wordmark{opacity:0;transition:opacity .7s var(--ease) 1.1s, transform .7s var(--ease) 1.1s;transform:translateY(8px)}.landing-copy.on .wordmark{opacity:1;transform:none}.landing-copy h1{letter-spacing:-.025em;text-wrap:balance;max-width:22ch;font-size:clamp(1.6rem,2.7vw,2.6rem);font-weight:500;line-height:1.15}.scroll-hint{letter-spacing:.02em;color:var(--muted);align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.scroll-cue{border:1.5px solid #fff6;border-radius:9px;width:16px;height:25px;position:relative}.scroll-cue:after{content:"";background:var(--text);width:3px;height:5px;animation:cue 1.8s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;left:50%}@keyframes cue{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(8px)}to{opacity:0}}.ending{z-index:7;padding:24px var(--gutter);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s var(--ease) .25s;place-content:center;justify-items:center;gap:22px;display:grid;position:absolute;inset:0}.walk.ended .ending{opacity:1;pointer-events:auto}.wordmark{letter-spacing:-.02em;color:var(--text);align-items:center;gap:12px;font-size:1rem;font-weight:500;display:inline-flex}.wordmark img{flex:none;width:32px;height:32px}.wordmark.big{flex-direction:column;gap:12px;font-size:1.1rem}.wordmark.big img{width:64px;height:64px}.ending h2{letter-spacing:-.03em;text-wrap:balance;max-width:20ch;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:500;line-height:1.12}.ending-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.ending-links a{border:1px solid #ffffff2e;border-radius:999px;padding:11px 20px;font-size:.95rem;text-decoration:none;transition:border-color .2s,background .2s}.ending-links a:hover{background:#ffffff0d;border-color:#fff6}.legal{left:var(--gutter);right:var(--gutter);bottom:calc(22px + env(safe-area-inset-bottom,0px));color:#ffffff59;max-width:90ch;margin-inline:auto;font-size:.72rem;line-height:1.5;position:absolute}.compact{max-width:40rem;min-height:100svh;padding:48px var(--gutter);align-content:center;gap:20px;margin-inline:auto;display:grid}.compact h1{letter-spacing:-.025em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500;line-height:1.12}.compact ol{color:var(--muted);gap:6px;margin:0;padding-left:1.2em;display:grid}.compact h2{font-size:1.3rem;font-weight:500}.compact .ending-links{justify-content:flex-start}.legal-inline{color:#ffffff59;font-size:.72rem;line-height:1.5}@media (width<=760px){.lines .line{font-size:1.35rem}.sim-note{right:auto;left:var(--gutter);bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}