:is(html:has(.clearing.is-live),body:has(.clearing.is-live)){overscroll-behavior:none;block-size:100%;overflow:hidden}.stage{z-index:1;touch-action:none;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.clearing.is-live .stage{display:block}body:has(.clearing.is-live){cursor:grab}body.is-turning,body.is-turning *{cursor:grabbing}.stage canvas{block-size:100%;inline-size:100%;display:block}.stage:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.stage[data-tool=ground],.stage[data-tool=thickness]{cursor:crosshair}.hero{z-index:0;padding-inline:var(--gutter);pointer-events:none;position:fixed}.hero a,.hero button{pointer-events:auto;cursor:pointer}.hero__blurb{color:var(--ink-2);text-wrap:pretty;max-inline-size:26rem;margin:1.7rem 0 0;font-size:clamp(.95rem,1.05vw,1.0625rem);line-height:1.6;position:relative}.hero__go{margin-block-start:2.1rem}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:3px}.track{z-index:2;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:max(8px, env(safe-area-inset-bottom));inset-inline:0}.track__inner{pointer-events:auto;inline-size:min(32rem,100vw - 48px);position:relative}.track__bar{--rail:calc(2px + var(--reach,0) * 2px);cursor:grab;touch-action:none;block-size:24px;position:relative;container-type:inline-size}.track__bar:active{cursor:grabbing}.track__inner[data-dark=true] .track__seg{background:#ffffff8c}.track__inner[data-dark=true] .track__meta,.track__inner[data-dark=true] .track__keys button{color:#ffffffd1}.track__seg{block-size:var(--rail);background:color-mix(in srgb, var(--ink) 30%, transparent);transition:clip-path var(--duration-slower) var(--ease-settle), inset-block-start .32s var(--ease-out), block-size .32s var(--ease-out), background .26s var(--ease-out);border-radius:999px;position:absolute;inset-block-start:calc(50% - var(--rail) / 2);inset-inline:0}.track__bar:hover .track__seg{background:color-mix(in srgb, var(--ink) 24%, transparent)}.track__seg--l{clip-path:inset(0 calc(100% - var(--l,0) * 100%) 0 0 round 999px)}.track__seg--r{clip-path:inset(0 0 0 calc(100% - var(--r,1) * 100%) round 999px)}.thumb-layer{z-index:3;pointer-events:none;position:absolute;inset:0;container-type:inline-size}.track__thumb{inline-size:4px;block-size:calc(8px + var(--reach,0) * 4px);background:var(--red);translate:calc(var(--at,0) * 100cqw) -50%;transition:translate var(--duration-slower) var(--ease-settle), block-size .32s var(--ease-out);border-radius:999px;margin-inline-start:-2px;position:absolute;inset-block-start:50%;inset-inline-start:0}.track__inner.is-dragging .track__seg,.thumb-layer.is-dragging .track__thumb{transition:none}.track__bar:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:999px}.track__meta{color:var(--ink-2);opacity:calc(.78 + var(--reach,0) * .22);transition:opacity .26s var(--ease-out);justify-content:space-between;align-items:center;margin-block-start:0;font-size:.75rem;display:flex}.track__meta p{margin:0}.track__keys{gap:4px;display:inline-flex}.track__keys button{block-size:32px;inline-size:32px;color:var(--ink-3);cursor:pointer;transition:color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.track__keys button svg{block-size:16px;inline-size:16px;transition:translate .18s var(--ease-out);display:block}.track__keys button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.track__keys button:hover svg{translate:var(--nudge) 0}.track__keys button:active{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);transition-duration:50ms}.hero{text-align:center;justify-items:center;display:grid;inset-block-start:clamp(4.5rem,13vh,8rem);inset-inline:0}.hero__word{font-family:var(--serif);letter-spacing:-.028em;white-space:nowrap;font-variation-settings:"wght" 340, "opsz" 12, "SOFT" 0, "WONK" 1;margin:0;font-size:clamp(1.7rem,7.4vw,5.3rem);font-weight:400;line-height:1;position:relative}.hero__word .ch{font-kerning:none;font-variant-ligatures:none}.word{white-space:nowrap}.hero__row{white-space:nowrap;display:inline}.no{color:var(--red);font-size:.5em;font-style:italic}.no .ch{display:none}.caret{background:var(--red);opacity:0;pointer-events:none;inline-size:2px;transition:opacity .24s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.caret--on{opacity:1;animation:.88s step-end infinite caret}.hero__blurb .caret{inline-size:1.5px}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{display:none}}:is(.clearing.is-entering .hero>*,.clearing.is-entering .track,.clearing.is-entering:not(:has(.reader)) .mast){opacity:0}@media (prefers-reduced-motion:reduce){.track__bar,.track__seg,.track__thumb,.track__keys button,.track__keys button svg,.btn,.btn__bg,.btn__icon>*{transition:none}}.tuner__toggle{z-index:4;font-family:var(--bb-font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;opacity:.6;border-radius:999px;padding:.35rem .7rem;font-size:.68rem;position:fixed;inset-block-start:clamp(4rem,9vw,5.5rem);inset-inline-end:clamp(1.25rem,4vw,3rem)}.tuner__toggle:hover{opacity:1}.tuner{z-index:5;overscroll-behavior:contain;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-inline-start:1px solid var(--line);block-size:100dvh;inline-size:min(21rem,86vw);font-family:var(--bb-font-mono);color:var(--ink);padding:1rem 1.1rem 2rem;font-size:.7rem;position:fixed;inset-block-start:0;inset-inline-end:0;overflow-y:auto}.tuner__group{letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin:1.2rem 0 .5rem;font-size:.64rem;font-weight:400}.tuner__group:first-child{margin-block-start:.2rem}.tuner__row{grid-template-columns:1fr 1fr auto;align-items:center;gap:.5rem;margin-block:.3rem;display:grid}.tuner__label{opacity:.8}.tuner__value{text-align:end;opacity:.55;font-variant-numeric:tabular-nums}.tuner__row input[type=range]{inline-size:100%;accent-color:var(--ink)}.tuner__row input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;block-size:1.35rem;inline-size:100%;padding:0}.tuner__actions{gap:.5rem;margin-block-start:1.4rem;display:flex}.tuner__btn{cursor:pointer;font:inherit;letter-spacing:.06em;border:1px solid var(--line);color:inherit;background:0 0;border-radius:4px;flex:1;padding:.45rem .5rem}.tuner__btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.tuner__note{opacity:.45;margin:.6rem 0 0;font-size:.64rem}.tuner__dump{block-size:9rem;inline-size:100%;font:inherit;border:1px solid var(--line);background:0 0;margin-block-start:.6rem}.tuner__shut{float:inline-end;block-size:1.6rem;inline-size:1.6rem;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;margin-inline-start:.5rem;font-size:1.1rem;line-height:1;position:sticky;inset-block-start:0}.tuner__shut:hover{opacity:1}.tuner__row--wide{grid-template-columns:1fr auto}.tuner__choice{gap:2px;display:flex}.tuner__choice button{font:inherit;letter-spacing:.04em;cursor:pointer;border:1px solid var(--line);color:inherit;opacity:.6;background:0 0;padding:.25rem .45rem}.tuner__choice button+button{border-inline-start:0}.tuner__choice button[aria-pressed=true]{opacity:1;background:var(--ink);color:var(--paper);border-color:var(--ink)}.tuner__row input[type=checkbox]{inline-size:auto;accent-color:var(--ink);justify-self:start}.clearing{--walk:0}.clearing .hero>*,.clearing .track{translate:0 calc(var(--walk) * -14px)}@media (prefers-reduced-motion:reduce){.clearing .hero>*,.clearing .track{opacity:1;translate:none}}.reader{z-index:0;overscroll-behavior:contain;background:linear-gradient(to bottom, transparent 0, color-mix(in oklab, var(--paper) 55%, transparent) 6%, var(--paper) 16%, var(--paper) 100%);opacity:0;transition:translate .76s var(--ease-out), opacity .42s linear;position:fixed;inset:0;overflow-y:auto;translate:0 22%}.reader[data-shown]{opacity:1;translate:0}.reader[data-closing]{opacity:0;pointer-events:none;transition:translate var(--duration-slower) var(--ease-accelerate), opacity var(--duration-slow) var(--ease-accelerate);translate:0 6%}.clearing.is-live .stage{transition:opacity var(--duration-slower) var(--ease-decelerate), translate var(--duration-deliberate) var(--ease-settle), visibility 0s}.clearing.is-live:has(.reader[data-story]) .stage{opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-accelerate), translate var(--duration-slower) var(--ease-accelerate), visibility 0s var(--duration-slower);translate:0 14vh}.reader__sheet{inline-size:min(100% - var(--gutter) * 2, 34rem);padding-block:max(12vh, calc(var(--mast-clear) + 2rem)) 34vh;outline:none;margin:0 auto}.reader__kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:.6875rem}.reader__sheet h2{font-family:var(--serif);letter-spacing:-.024em;text-wrap:balance;margin:.7rem 0 0;font-size:clamp(1.7rem,5vw,2.7rem);font-weight:400;line-height:1.06}.reader__lede{color:var(--ink-2);text-wrap:pretty;margin:1.1rem 0 0;font-size:1.0625rem;line-height:1.65}.reader__meta{color:var(--ink-3);margin:1.3rem 0 0;font-size:.8125rem}.reader .prose{color:var(--ink-2);margin-block-start:2.2rem;font-size:1.0625rem;line-height:1.72}.reader .prose p{text-wrap:pretty;margin:0 0 1.4em}.reader .prose h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:2.4rem 0 1rem;font-size:1.4rem;font-weight:400;line-height:1.2}.reader .prose blockquote{border-inline-start:2px solid var(--red);font-family:var(--serif);color:var(--ink);margin:2rem 0;padding-inline-start:1.2rem;font-size:1.2rem;line-height:1.45}.reader .prose blockquote p{margin:0}.clearing:has(.reader) .track :is(button,[role=slider]){pointer-events:none}.clearing:has(.reader) .hero a{pointer-events:none}@media (prefers-reduced-motion:reduce){.reader,.reader[data-closing],:is(.clearing.is-live .stage,.clearing.is-live:has(.reader[data-story]) .stage){transition:none;translate:none}}.reader__index{gap:.5rem;margin-block-start:2.75rem;display:grid}.reader__year{align-items:baseline;gap:.5rem;display:flex}.reader__year b{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:400;line-height:1}.reader__year span{color:var(--ink-3);font-size:.75rem}@media (min-width:60rem){.reader__index{grid-template-columns:7rem minmax(0,100%);column-gap:2.5rem;margin-inline-start:-9.5rem}.reader__year{text-align:end;flex-direction:column;align-self:start;gap:.25rem;position:sticky;inset-block-start:2rem}.reader__year b{font-size:2.25rem}}.reader__row{inline-size:100%;font:inherit;text-align:start;color:var(--ink);border:0;border-block-end:1px solid var(--line-soft);cursor:pointer;background:0 0;flex-direction:column;gap:.2rem;padding:1.05rem 0;display:flex}.reader__title{font-family:var(--serif);letter-spacing:-.012em;transition:transform var(--dur) var(--ease-out);font-size:1.0625rem;line-height:1.3}.reader__row:hover .reader__title,.reader__row:focus-visible .reader__title{transform:translate(.25rem)}.reader__blurb{color:var(--ink-3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.5;display:-webkit-box;overflow:hidden}.reader__when{letter-spacing:.02em;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-block-start:.15rem;font-size:.75rem}.reader__when:after{content:"→";color:var(--red);opacity:0;transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out);margin-inline-start:.5em;display:inline-block;translate:-.25rem}.reader__row:hover .reader__when:after,.reader__row:focus-visible .reader__when:after{opacity:1;translate:0}.reader__unwritten{border:1px dashed var(--line);color:var(--ink-3);border-radius:.5rem;margin-block-start:2.2rem;padding:1.2rem 1.4rem;font-size:.9375rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.reader__title,.reader__when:after{transition:none}}.sky{z-index:0;pointer-events:none;block-size:88vh;filter:brightness(calc(1 - var(--night) * .72)) saturate(calc(1 - var(--night) * .45 + var(--gold) * .35)) sepia(calc(var(--gold) * .28));opacity:calc(.3 * (1 - var(--night) * .25));position:fixed;inset-block-start:0;inset-inline:0;-webkit-mask-image:linear-gradient(#000 0 30%,#00000080 54%,#0000 70%);mask-image:linear-gradient(#000 0 30%,#00000080 54%,#0000 70%)}.sky img{object-fit:cover;object-position:50% 0%}.clearing:has(.reader) .sky{transition:opacity .76s var(--ease-out)}.clearing:has(.reader:not([data-closing])) .sky{opacity:0}:is(body:has(.reader:not([data-closing])) :is(.track,.thumb-layer),body:not(:has(.clearing)) .thumb-layer){visibility:hidden;opacity:0;pointer-events:none}.thumb-layer{transition:opacity var(--duration-deliberate) var(--ease-decelerate)}