:root{color-scheme:light;--canvas: #ffffff;--surface: #ffffff;--surface-sunken: #f4f4f2;--line: #e6e6e3;--line-control: #8c8477;--ink: #25221d;--ink-muted: #696258;--ink-disabled: #b3ac9f;--accent: #25221d;--on-accent: #ffffff;--accent-soft: #e6e3dc;--accent-text: #25221d;--locator: #e9a23b;--on-locator: #25221d;--place-body: #25221d;--place-cavity: #efede9;--place-outline: #8b857b;--place-shade: #e2dfd9;--place-front: #3a3631;--place-handle: #a39c90;--place-hover: #5a554d;--place-edge: #25221d;--on-place: #f3efe8;--path-fill: #f1f0ed;--on-path: #25221d;--path-sep: #8b857b;--critical: #b42318;--on-critical: #ffffff;--caution: #8a5300;--positive: #0e6b74;--font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-place: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--canvas: #161513;--surface: #1e1c19;--surface-sunken: #121110;--line: #2f2c27;--line-control: #7a7368;--ink: #eee9e0;--ink-muted: #a49d91;--ink-disabled: #58534b;--accent: #eee9e0;--on-accent: #1a1815;--accent-soft: #33302b;--accent-text: #eee9e0;--locator: #f0b45a;--on-locator: #1a160f;--place-body: #3b3833;--place-cavity: #171614;--place-outline: #7d776d;--place-shade: #0f0e0d;--place-front: #4c4842;--place-handle: #a8a195;--place-hover: #6a655c;--place-edge: #6d675e;--on-place: #eee9e0;--path-fill: #2a2825;--on-path: #eee9e0;--path-sep: #8a8478;--critical: #ff8a7a;--on-critical: #1a0f0d;--caution: #e9b25c;--positive: #5fc9d1}}:root{--dot: color-mix(in srgb, var(--line-control) 30%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas) radial-gradient(circle,var(--dot) 1px,transparent 1.4px) 0 0 / 24px 24px;font:400 17px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}code,.cap-code,.kbd{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip{position:absolute;left:16px;top:-60px;z-index:20;background:var(--accent);color:var(--on-accent);padding:10px 14px;border-radius:var(--radius-sm);font-weight:600;text-decoration:none}.skip:focus{top:12px}.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 14px) clamp(16px,4vw,40px) 14px;background:color-mix(in srgb,var(--canvas) 82%,transparent);backdrop-filter:blur(10px)}.mark{font:800 18px/1 var(--font-sans);letter-spacing:.08em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.mark-icon{width:22px;height:22px}.mark-icon .body{fill:var(--place-body)}.mark-icon .front{fill:var(--place-front)}.mark-icon .cavity{fill:var(--place-cavity)}.mark-icon .locator{fill:var(--locator)}.top-cta{font-weight:600;font-size:14px;color:var(--on-accent);background:var(--accent);padding:8px 14px;border-radius:var(--radius-sm);text-decoration:none}.join{width:min(460px,calc(100vw - 32px));max-height:calc(100svh - 80px);overflow:auto;margin:calc(env(safe-area-inset-top,0px) + 64px) clamp(16px,4vw,40px) auto auto;padding:16px 16px 12px;border:1px solid var(--line-control);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px #00000038}.join::backdrop{background:color-mix(in srgb,var(--canvas) 55%,transparent)}.join-drawer{position:relative;aspect-ratio:462 / 126;container-type:inline-size;overflow:hidden;background:var(--place-cavity);border:1px solid var(--place-outline);border-radius:10px}.join-drawer svg{position:absolute;inset:0;width:100%;height:100%}.join-grid{stroke:var(--place-outline);stroke-width:.6;stroke-opacity:.35}.join-tray{fill:var(--surface);stroke:var(--place-outline);stroke-width:1.4;stroke-dasharray:1}.join-you{fill:none;stroke:var(--ink-muted);stroke-width:1.2;stroke-dasharray:4 3;transition:fill .2s,stroke .2s}.join-you.lit{fill:var(--locator);stroke:var(--locator);stroke-dasharray:none}.join .join-thing{position:absolute;width:auto;height:auto;aspect-ratio:1;translate:-50% -50%;pointer-events:none}.join-cap{display:flex;justify-content:flex-end;margin-top:8px;min-height:26px}.join-cap .cap-code:not(.here){opacity:.7}.join h2{font:800 30px/1.05 var(--font-sans);letter-spacing:-.02em;margin:10px 0 0}.join-sub{margin:4px 0 14px;color:var(--ink-muted);font-size:18px}.join-form{display:flex;gap:8px;flex-wrap:wrap}.join-form input{flex:1 1 200px;min-width:0;height:48px;padding:0 14px;font:500 16px var(--font-sans);color:var(--ink);background:var(--canvas);border:1px solid var(--line-control);border-radius:var(--radius-sm)}.join-form button{height:48px;padding:0 18px;font:600 16px var(--font-sans);color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius-sm);cursor:pointer}.join-fine{margin:10px 2px 0;color:var(--ink-muted);font-size:14px}.join-close{display:block;margin:6px 0 0 auto;padding:6px 4px;font:500 14px var(--font-sans);color:var(--ink-muted);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.join .viewfinder{--c: var(--ink)}@media(max-width:700px){.join{margin-inline:auto}.join-form button{flex:1 1 100%}}#story{position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden}.poster img,#scene{position:absolute;inset:0;width:100%;height:100%}.poster img{object-fit:cover;transition:opacity .4s}#scene{opacity:0;transition:opacity .4s}.scene-ready #scene{opacity:1}.scene-ready .poster img{opacity:0}.beats{margin-top:-100svh;position:relative;pointer-events:none}.beat{height:100svh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-inline:clamp(16px,6vw,96px);max-width:680px}.beat>*{pointer-events:auto;margin:0}.beat h1{font:800 clamp(44px,7.5vw,112px)/.95 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.beat h2{font:750 clamp(30px,4vw,52px)/1.02 var(--font-sans);letter-spacing:-.02em;text-wrap:balance}.beat p{color:var(--ink-muted);max-width:36ch;font-size:clamp(17px,1.4vw,20px)}.beat .aside{font:400 13px/1.5 var(--font-mono);color:var(--ink-muted)}.beat-hero{max-width:none;align-items:center;text-align:center;padding-top:72px}.beat-hero+.beat{margin-top:50svh}.beats{padding-bottom:50svh}.beat-hero h1{max-width:12ch}.beat-hero p{color:var(--ink)}.marks{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.mark-label,.mark-chip{position:absolute;left:0;top:0;translate:-50% -100%;white-space:nowrap;font:500 12px/1 var(--font-mono);padding:5px 9px;border-radius:var(--radius-pill)}.mark-label{background:var(--path-fill);color:var(--on-path);border:1px solid var(--line)}.mark-chip{background:var(--ink);color:var(--canvas);font-weight:600}.mark-route{position:absolute;left:0;top:0;translate:-50% -100%}.mark-route .capsule{box-shadow:0 4px 14px #0000001f}.flash{position:absolute;inset:0;background:var(--canvas);opacity:0;pointer-events:none;z-index:1}.viewfinder{position:absolute;left:0;top:0;translate:-50% -50%;pointer-events:none;--c: var(--ink);background:linear-gradient(var(--c),var(--c)) 0 0 / 18px 2px,linear-gradient(var(--c),var(--c)) 0 0 / 2px 18px,linear-gradient(var(--c),var(--c)) 100% 0 / 18px 2px,linear-gradient(var(--c),var(--c)) 100% 0 / 2px 18px,linear-gradient(var(--c),var(--c)) 0 100% / 18px 2px,linear-gradient(var(--c),var(--c)) 0 100% / 2px 18px,linear-gradient(var(--c),var(--c)) 100% 100% / 18px 2px,linear-gradient(var(--c),var(--c)) 100% 100% / 2px 18px;background-repeat:no-repeat}.leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.leaders line{stroke:var(--ink);stroke-width:1.5}@media(prefers-reduced-motion:reduce){.flash{display:none}}.finder{position:absolute;right:clamp(16px,5vw,72px);top:50%;transform:translateY(-50%);width:min(380px,calc(100% - 32px));display:grid;gap:10px;z-index:2;transition:opacity .3s,visibility .3s}#story:not([data-beat=search]) .finder{opacity:0;visibility:hidden;pointer-events:none}.palette{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0000001f;overflow:hidden}.search{display:flex;align-items:center;gap:10px;height:56px;padding:0 14px 0 16px}.search-icon{width:20px;height:20px;flex:none;fill:none;stroke:var(--ink-muted);stroke-width:1.8;stroke-linecap:round}.search input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;color:var(--ink);font:500 18px var(--font-sans)}.search input::-webkit-search-cancel-button{display:none}.search input[readonly]{cursor:default}.palette:focus-within{outline:2px solid var(--ink);outline-offset:2px}.finder-kbd{font:500 13px var(--font-mono);color:var(--ink-muted);border:1px solid var(--line-control);border-radius:6px;padding:1px 7px}@media(hover:none),(max-width:700px){.finder-kbd{display:none}}.results{list-style:none;margin:0;padding:6px;border-top:1px solid var(--line)}.results:empty,.results[hidden]{display:none}.row{display:flex;align-items:center;gap:10px;height:40px;padding:0 8px;border-radius:8px;cursor:pointer}.row[aria-selected=true]{background:var(--accent-soft)}.row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.row .capsule{height:22px;padding:0 8px;font-size:12px}.hl{background:none;color:inherit;text-decoration:underline 3px var(--locator);text-underline-offset:4px;text-decoration-skip-ink:none}.thumb{flex:none;width:28px;height:28px;background:url(/thumbs-light.webp) calc(var(--col) * 100% / 3) calc(var(--row) * 100% / 3) / 400% 400% no-repeat}@media(prefers-color-scheme:dark){.thumb{background-image:url(/thumbs-dark.webp)}}.finder-empty{margin:0;padding:14px 16px;border-top:1px solid var(--line);display:grid;gap:2px}.finder-empty span{color:var(--ink-muted);font-size:14px}.finder-empty[hidden]{display:none}.result{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:center;padding:12px 16px 14px;border-top:1px solid var(--line)}.result:empty{display:none}.result .thumb{grid-row:span 2;width:40px;height:40px}.result .row-name{font-weight:600}.row-where{grid-column:2;color:var(--ink-muted);font-size:14px}.result-cap{grid-column:1 / -1;justify-self:start;display:flex}.result-cap .cap-code{transition:opacity .15s}.result-cap .cap-code:not(.lit){opacity:.45}.result-cap .cap-code.lit{font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips[hidden]{display:none}.chips button{font:500 14px var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer}.chips button:hover{background:var(--accent-soft)}.where{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 72px);transform:translate(-50%);z-index:2;transition:opacity .3s}#story[data-beat=hero] .where,#story[data-beat=mat] .where,#story[data-beat=search] .where{opacity:0}.capsule{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 10px;border-radius:var(--radius-pill);background:var(--path-fill);color:var(--on-path);font-size:14px;white-space:nowrap}.where .capsule{height:34px;padding:0 14px;font-size:17px}.cap-sep{color:var(--path-sep);padding:0 3px}.cap-code.leaf{font-weight:600;color:var(--ink)}.cap-code.here{background:var(--locator);color:var(--on-locator);padding:1px 6px;border-radius:var(--radius-xs)}.involved{display:grid;gap:clamp(40px,6vw,72px);padding:120px clamp(16px,6vw,96px);max-width:1180px;margin:0 auto}.involved>h2{font:800 clamp(34px,4.5vw,56px)/1 var(--font-sans);letter-spacing:-.03em;margin:0}.feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}.feature:nth-of-type(2)>:first-child{order:2}.feature img{width:100%;height:auto;border-radius:var(--radius-md);background:var(--surface-sunken);display:block}.feature h3{font:750 clamp(26px,3vw,38px)/1.05 var(--font-sans);letter-spacing:-.02em;margin:0 0 8px}.feature p{color:var(--ink-muted);margin:0}.beta{padding:120px clamp(16px,6vw,96px) 140px;max-width:760px;margin:0 auto}.beta h2{font:800 clamp(40px,6vw,80px)/.98 var(--font-sans);letter-spacing:-.03em;margin:0}.beta-sub{font-size:clamp(20px,2vw,26px);color:var(--ink-muted);margin:8px 0 28px}.beta-form{display:flex;gap:10px;flex-wrap:wrap}.beta-form input{flex:1 1 260px;min-width:0;height:52px;padding:0 16px;font:500 17px var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-sm)}.beta-form button{height:52px;padding:0 22px;font:600 17px var(--font-sans);color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius-sm);cursor:pointer}.fine{color:var(--ink-muted);font-size:14px}.foot{padding:24px clamp(16px,6vw,96px) calc(env(safe-area-inset-bottom,0px) + 32px);color:var(--ink-muted);font-size:14px;border-top:1px solid var(--line);background:var(--canvas)}@media(max-width:700px),(max-width:1100px)and (min-height:560px){.finder{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:none;left:16px;right:16px;width:auto;max-width:560px;margin-inline:auto}.beat:not(.beat-hero){justify-content:flex-end;padding-bottom:8svh}.beat.beat-search{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 84px)}}@media(max-width:700px){.feature{grid-template-columns:1fr}.feature:nth-of-type(2)>:first-child{order:0}}.still .top,.still .finder,.still .where,.still .beats,.still .poster,.still .marks,.still .copy-layer{display:none}.still.card .beats{display:block}.still.card .beats .beat:not(.beat-hero){display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.copy-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.copy-layer .beat{position:absolute;inset:0;height:auto;margin:0;will-change:opacity,transform}.copy-layer .beat>*{pointer-events:none}.copy-layer .beat:not(.beat-hero){background:linear-gradient(to right,color-mix(in srgb,var(--canvas) 86%,transparent) 0,color-mix(in srgb,var(--canvas) 66%,transparent) 30%,transparent 52%)}@media(max-width:700px),(max-width:1100px)and (min-height:560px){.copy-layer .beat:not(.beat-hero){background:linear-gradient(to top,color-mix(in srgb,var(--canvas) 92%,transparent) 0 30%,transparent 56%)}.copy-layer .beat.beat-search{background:linear-gradient(to bottom,color-mix(in srgb,var(--canvas) 92%,transparent) 0 26%,transparent 48%)}}.over-story .top{background:linear-gradient(color-mix(in srgb,var(--canvas) 85%,transparent) 0 35%,transparent);backdrop-filter:none}.pinned .beats>.beat-hero+.beat{margin-top:0}.pinned .beats{padding-bottom:100svh}@media(prefers-reduced-motion:reduce){.copy-layer .beat{transition:opacity .3s}}