.chrome{padding-left:calc(clamp(1.25rem, 3vw, 2.5rem) + env(safe-area-inset-left,0px));padding-right:calc(clamp(1.25rem, 3vw, 2.5rem) + env(safe-area-inset-right,0px));z-index:3;justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.chrome-top{top:clamp(1rem,2.5vh,1.75rem)}.chrome-bottom{bottom:calc(clamp(1rem, 2.5vh, 1.75rem) + env(safe-area-inset-bottom,0px))}.wordmark{width:auto;height:clamp(15px,2.2vw,21px);display:block}.stage{text-align:center;z-index:2;opacity:1;flex-direction:column;justify-content:center;align-items:center;padding:clamp(6rem,16vh,8rem) clamp(1.5rem,6vw,5rem) clamp(4.5rem,12vh,6rem);transition:opacity .32s,transform .32s;display:flex;position:fixed;inset:0;transform:translateY(0)}.stage.is-out{opacity:0;transform:translateY(10px)}.stage.is-hidden{visibility:hidden}.kicker:empty{display:none}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid #11111073;border-radius:999px;margin-bottom:clamp(1.25rem,3.5vh,2.25rem);padding:.45em 1.1em;font-size:clamp(.66rem,1.4vw,.8rem)}.kicker.pop{animation:.45s cubic-bezier(.2,.9,.3,1.4) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.copy{font-family:var(--serif);color:var(--ink);max-width:40ch;font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.6}.copy .cline{animation:.45s cubic-bezier(.2,.7,.2,1) both clineIn;display:block}.copy .crow{display:block}.copy .crow+.crow{margin-top:.25em}@keyframes clineIn{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}.copy .w{opacity:.3;transition:opacity .24s}.copy .w.read,.copy .w.now{opacity:1}.stage[data-type=cover] .copy,.stage[data-type=closing] .copy{font-family:var(--sans);letter-spacing:-.025em;max-width:18ch;font-size:clamp(2rem,6vw,4.2rem);font-weight:500;line-height:1.05}.stage[data-type=cover] .copy .cline+.cline,.stage[data-type=closing] .copy .cline+.cline{margin-top:.3em}.end-logo{width:clamp(220px,42vw,460px);height:auto;display:none}.stage[data-type=logo] .copy,.stage[data-type=logo] .kicker{display:none}.stage[data-type=logo] .end-logo{display:block}.overlay{text-align:center;z-index:4;-webkit-backdrop-filter:blur(2px);background:#fcf8f040;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:0 1.5rem;transition:opacity .45s,visibility linear;display:flex;position:fixed;inset:0}.overlay.is-gone{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .45s,visibility 0s linear .45s}.overlay-logo{width:clamp(170px,30vw,240px);height:auto;margin-bottom:.4rem;display:block}.start-btn{font-family:var(--serif);letter-spacing:.01em;color:var(--cream);background:var(--ink);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.6rem;margin-top:1.1rem;padding:.85em 2em;font-size:1rem;font-weight:500;transition:transform .18s,box-shadow .18s;display:inline-flex}.start-btn:hover{transform:scale(1.04);box-shadow:0 10px 32px #11111040}.start-btn:active{transform:scale(.98)}.timeline{z-index:3;width:min(740px,94vw);position:fixed;top:clamp(3.1rem,8vh,4.4rem);left:50%;transform:translate(-50%)}.tl-steps{z-index:1;display:flex;position:relative}.tl-track{top:8px;left:var(--half-step,calc(100% / 16));right:var(--half-step,calc(100% / 16));z-index:0;background:#11111029;border-radius:2px;height:2px;position:absolute}.tl-fill{background:#56544e;border-radius:2px;width:0%;height:100%}.tl-step{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;padding:3px 2px 4px;display:flex}.tl-step .node{background:var(--cream);box-sizing:border-box;border:2px solid #11111052;border-radius:50%;width:12px;height:12px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),background-color .25s,border-color .25s}.tl-step.is-done .node{background:#56544e;border-color:#56544e}.tl-step.is-active .node{background:#56544e;border-color:#56544e;transform:scale(1.45)}.tl-step:hover .node{transform:scale(1.3)}.tl-step.is-active:hover .node{transform:scale(1.45)}.tl-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;transition:color .25s;overflow:hidden}.tl-step.is-active .tl-label{color:#4a4944;font-weight:700}.tl-step:focus-visible,.ctrl:focus-visible,.start-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}.controls{justify-content:flex-end;align-items:center;gap:.45rem;min-width:9rem;display:flex}.ctrl{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fcf8f073;border:1px solid #11111059;border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,transform .18s;display:inline-flex}.ctrl:hover{background:#fcf8f0d9;transform:scale(1.06)}.ctrl:active{transform:scale(.96)}@media (max-width:600px){.chrome-bottom{justify-content:flex-end}.controls{min-width:0}.tl-step{position:relative}.tl-label{display:none}.tl-step.is-active .tl-label{max-width:none;display:block;position:absolute;top:100%;left:50%;overflow:visible;transform:translate(-50%)}}@media (max-height:420px){.timeline{top:2.5rem}.tl-label{display:none!important}.stage{padding:4.4rem clamp(1.5rem,6vw,5rem) 3.6rem}.kicker{margin-bottom:.8rem;padding:.35em .9em;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.kicker.pop,.copy .cline{animation:none}}