:root{--bg:#f7f7f7;--bg-chrome:#fafafa;--ink:#0a0a0a;--muted:#8a8a8a;--line:#0a0a0a1f;--wash:#0c0c0c05;--selection:#0a0a0a1f;--bg-inverse:#000;--ink-inverse:#f2f2f2;--ink-inverse-hover:#fff;--muted-inverse:#ffffff80;--copy-inverse:#ffffffb3;--faint-inverse:#ffffff59;--selection-inverse:#ffffff38;--field-name:#0a0a0a;--field-mono:#121212;--field-talk:#f0f0f0;--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-display-xl:clamp(3.2rem, 8vw, 6.5rem);--text-display:clamp(2.1rem, 4.8vw, 4.4rem);--text-display-md:clamp(1.85rem, 3.8vw, 3.35rem);--text-body:clamp(1rem, 1.35vw, 1.15rem);--text-ui:.95rem;--text-label:1.05rem;--text-mono:.75rem;--text-mono-sm:.72rem;--text-kicker:.7rem;--leading-display:1.16;--leading-display-md:1.2;--leading-body:1.55;--tracking-display-xl:-.03em;--tracking-display:-.02em;--tracking-ui:-.01em;--tracking-kicker:.16em;--pad-x:clamp(1.5rem, 5vw, 4rem);--pad-y:clamp(1.5rem, 4vh, 2.5rem);--pad-chapter-y:clamp(5rem, 14vh, 9rem);--gap-display:clamp(2rem, 5vh, 3.5rem);--gap-chapter:clamp(2.5rem, 7vh, 4rem);--gap-list:clamp(3rem, 8vh, 5rem);--measure-display:18em;--measure-display-md:20em;--measure-list:42rem;--hairline:1px;--underline:1px;--list-pad-y:1.25rem;--hover-nudge:.65rem;--ease:cubic-bezier(.22, 1, .36, 1);--duration-fast:.25s;--duration:.3s;--duration-slow:.45s;--duration-scene:.5s;--z-stage:0;--z-canvas:1;--z-screen:2;--bp-narrow:720px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}#bg{z-index:0;pointer-events:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}main{z-index:1;min-height:100svh;position:relative}.spine{z-index:2;top:18vh;left:var(--pad-x);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:var(--text-kicker);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--muted);pointer-events:none;margin:0;position:fixed;transform:rotate(180deg)}.mast{padding:var(--pad-y) var(--pad-x) 0;max-width:22rem}.kicker{font-family:var(--font-mono);font-size:var(--text-kicker);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}.mast h1{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:0;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:400;line-height:.95}.mast-line{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:.15rem 0 0;font-size:clamp(2.4rem,6vw,4.2rem);font-style:italic;line-height:.95}.ghost{top:8vh;right:var(--pad-x);font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);opacity:.055;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(8rem,22vw,18rem);font-style:italic;line-height:.8;position:absolute}.frame{width:min(36rem, calc(100% - var(--pad-x) * 2));margin-left:max(var(--pad-x), min(42vw, 28rem));margin-right:var(--pad-x);padding:clamp(4rem,16vh,9rem) 0 clamp(4rem,12vh,7rem)}.note{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--muted);letter-spacing:.02em;max-width:18rem;margin:0 0 2.2rem}.lede{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:0;font-size:clamp(1.65rem,3.2vw,2.35rem);font-style:italic;font-weight:400;line-height:1.22}.body{font-family:var(--font-display);font-size:var(--text-display-md);line-height:var(--leading-display-md);letter-spacing:var(--tracking-display);max-width:20em;margin:1.75rem 0 0}.stage-mark{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--muted);letter-spacing:.04em;margin:2.5rem 0 0}.pair{border-top:var(--hairline) solid var(--line);grid-template-columns:1fr 1fr;gap:2rem 2.5rem;margin-top:clamp(3rem,8vh,5rem);padding-top:1.4rem;display:grid}.pair h2,.help-title{font-family:var(--font-mono);font-size:var(--text-kicker);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-weight:400}.pair ul,.help{margin:0;padding:0;list-style:none}.pair li,.help li{border-bottom:var(--hairline) solid var(--line);font-size:var(--text-body);line-height:var(--leading-body);padding:.7rem 0}.help-title{margin-top:clamp(3rem,8vh,5rem)}.help li:first-child{border-top:var(--hairline) solid var(--line)}.write{border-top:var(--hairline) solid var(--ink);margin-top:clamp(4rem,12vh,7rem);padding-top:1.5rem}.write p{max-width:22rem;font-size:var(--text-body);line-height:var(--leading-body);margin:0}.write nav{flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1.5rem;display:flex}.foot{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--muted);margin:2.5rem 0 0!important}.link{font-size:var(--text-ui);color:var(--muted);transition:color var(--duration-fast) var(--ease);text-decoration:none;position:relative}.link:after{content:"";width:100%;height:var(--underline);transform-origin:0;transition:transform .35s var(--ease);background:currentColor;position:absolute;bottom:-.12em;left:0;transform:scaleX(0)}.link:hover{color:var(--ink);outline:none}.link:focus-visible{color:var(--ink);outline:none}.link:hover:after{transform:scaleX(1)}.link:focus-visible:after{transform:scaleX(1)}@media (max-width:720px){.spine{display:none}.frame{margin-left:var(--pad-x);padding-top:3.5rem}.pair{grid-template-columns:1fr}.ghost{right:auto;left:var(--pad-x);top:28vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#bg{display:none!important}.ghost{opacity:.08}}::selection{background:var(--selection)}