/* Zeta Lab: a scroll-driven field guide, plotted on pure black. */
:root{color-scheme:dark;--bg:#000;--panel:#000;--ink:#f3f7f6;--muted:#a3b2af;--faint:#82938f;--rule:#23302d;--brand:#00efc6;--brand-hi:#79ffe5;--brand-dim:#00a78a;--amber:#e6b375;--amber-dim:#bd945f;--cool:#34c5ff;--violet:#a070ff;--pink:#ff4db8;--exact:#dde5e3;--code-bg:#101917;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--nav:5rem;--measure:40rem}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 1rem);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);overflow-wrap:anywhere}
main{max-width:1440px;margin:auto;padding:0 4.5rem 4rem}
p{margin:0 0 1rem;max-width:var(--measure)}
a{color:inherit;text-decoration-color:var(--brand-dim);text-underline-offset:.24em;text-decoration-thickness:1px;transition:color .18s}
a:hover{color:var(--brand-hi)}
:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
h1,h2,h3,h4{font-weight:400;margin:0;text-wrap:balance}
h1,h2{font-family:var(--sans);font-weight:550;letter-spacing:-.035em;line-height:1.08}
h2{font-size:clamp(2.2rem,3.8vw,3.8rem);margin:0 0 1.5rem}
h3{font-size:1.15rem;line-height:1.4;margin:1.5rem 0 .5rem}
h4{font-size:.85rem;color:var(--muted);margin:1.2rem 0 .4rem}
code{font:.84em var(--mono);background:var(--code-bg);padding:.15em .3em}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:-10rem;left:1rem;z-index:30;background:var(--brand);color:var(--bg);padding:.8rem}
.skip-link:focus{top:1rem}
.overline,.kicker{font:10px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 1.6rem}
.meta,.cap{font-size:.78rem;line-height:1.6;color:var(--muted)}
.missing,.dim{color:var(--muted)}
.missing{font-style:italic}
.lede{font-size:1.15rem;max-width:46rem}
.text-link{display:inline-flex;align-items:center;gap:1.8rem;font-size:.85rem;font-weight:500;text-decoration:none;padding:.6rem 0;border-bottom:1px solid var(--brand-dim)}
.button{border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:.9rem 1.25rem;color:var(--bg);background:var(--brand);border:1px solid var(--brand);font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}
.button:hover{color:var(--bg);background:var(--brand-hi);transform:translateY(-2px)}
.button.ghost{background:none;color:var(--ink);border-color:var(--rule)}
.button.ghost:hover{border-color:var(--brand)}

/* The landscape has depth; the text remains readable while the camera moves. */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:2.6rem;min-height:var(--nav);padding:1rem max(3rem,calc((100vw - 1296px)/2));background:var(--bg);border-bottom:1px solid var(--rule)}
.nav a{text-decoration:none}
.brand{display:flex;align-items:center;gap:.75rem;white-space:nowrap;font-size:.8rem;font-weight:600;letter-spacing:.12em}
.brand-mark{font:italic 2.8rem/.8 var(--serif);color:var(--brand);margin-right:.25rem}
.brand-caption{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:1rem;padding-left:1rem;border-left:1px solid var(--rule)}
.nav-links{display:flex;gap:2rem;margin-left:auto}
.nav-links a{font-size:.8rem;color:var(--muted);padding:.6rem 0;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.language-link{font:11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);white-space:nowrap;padding:.45rem 0;margin:-.45rem 0}
.cta-link{border-radius:999px;font-size:.8rem;white-space:nowrap;border:1px solid var(--rule);padding:.65rem 1rem}
.cta-link span{margin-left:1.5rem}
.progress{position:absolute;bottom:-1px;left:0;height:1px;background:var(--brand)}
.masthead{padding:1.3rem 0 0}
 .hero{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.3fr);gap:0;align-items:center;min-height:min(780px,calc(100svh - var(--nav)));isolation:isolate}
.hero-copy{padding:2rem 0 4rem;position:relative;z-index:2;transform:translate3d(0,var(--hero-copy-y,0px),0)}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;vertical-align:middle;margin-right:.7rem;box-shadow:0 0 14px #00efc670}
.hero h1{font:550 clamp(3.8rem,5.9vw,5.9rem)/1.02 var(--sans);letter-spacing:-.04em;margin:0 0 1.8rem;text-wrap:initial}
.hero-intro{font-size:.98rem;line-height:1.8;max-width:22rem;color:var(--muted)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.7rem;margin-top:2rem}
.hero-actions .button{padding:1rem 1.35rem;font-size:.85rem;gap:1.5rem}
.hero-actions .text-link{font-size:.78rem;border:none;gap:.6rem}
.hero-byline{font:10px/1.6 var(--mono);color:var(--faint);margin:2.8rem 0 0}
.hero-byline span{margin:0 .6rem}
.hero-figure{position:relative;margin:0 -2rem 0 -3rem;min-width:0;display:flex;flex-direction:column;transform:translate3d(0,var(--hero-figure-y,0px),0)}
.figure-top{display:flex;justify-content:space-between;gap:1rem;font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--faint);padding:1rem 1.1rem}
.hero-figure canvas{display:block;width:100%;height:600px;max-height:70svh;cursor:grab;touch-action:pan-y;outline-offset:0}
.hero-figure canvas:active{cursor:grabbing}
.landscape-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem 1rem;font:9px/1.6 var(--mono);color:var(--faint)}
.landscape-tools>div{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.landscape-tools{flex-wrap:wrap}
.surface-choice{display:flex;align-items:center;gap:.5rem;font:13px var(--sans);color:var(--muted)}
.surface-choice select{background:#000;color:var(--ink);border:1px solid var(--rule);border-radius:999px;padding:.6rem .8rem;font:14px var(--sans);min-height:44px;max-width:100%}
.landscape-tools button,.studio-controls button{border:1px solid var(--rule);border-radius:999px;padding:.6rem .85rem;background:#000;color:var(--muted);font:14px var(--sans);min-height:44px;white-space:nowrap}
.landscape-tools button:hover,.landscape-tools button[aria-pressed=true]{color:var(--brand);border-color:var(--brand-dim)}
.surface-studio{margin:0 1rem;border-top:1px solid var(--rule)}
.surface-studio summary{width:fit-content;cursor:pointer;font:14px var(--sans);color:var(--muted);padding:.9rem 0;min-height:44px}
.surface-studio summary:hover{color:var(--ink)}
.landscape-looks{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}
.landscape-looks>span{font:12px var(--sans);color:var(--faint);margin-right:.25rem}
.landscape-looks button{font:13px var(--sans);min-height:44px;border:1px solid var(--rule);border-radius:999px;padding:.6rem .85rem;background:#000;color:var(--muted);cursor:pointer}
.landscape-looks button:hover,.landscape-looks button[aria-pressed=true]{border-color:var(--brand-dim);color:var(--brand)}
.surface-experiment[hidden]{display:none}
.studio-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:end;padding:.3rem 0}
.studio-controls .surface-choice{align-items:stretch;flex-direction:column;gap:.5rem;min-width:0}
.studio-opening{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;grid-column:span 2;font:14px var(--sans);color:var(--muted)}
.studio-opening input{width:100%;min-width:0;min-height:44px;margin:0;accent-color:var(--brand)}
.studio-opening output{min-width:3.2ch;font:12px var(--mono);text-align:right;color:var(--ink)}
.studio-reflection{grid-column:1/-1}
.studio-help,.landscape-state{font:12px/1.65 var(--sans);color:var(--faint)}
.studio-help{margin:.65rem 0 1rem}
.landscape-state{margin:0;padding:0 1rem .7rem;min-height:1.7rem}
@media(max-width:640px){.surface-choice select{font-size:16px}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls .studio-opening{grid-column:1/-1}.studio-controls button{align-self:end}.landscape-tools>div{gap:.5rem}.landscape-hint{font-size:11px}.landscape-looks{padding-inline:.6rem}.landscape-looks>span{width:100%}}
.hero-figure figcaption{display:flex;align-items:baseline;gap:1rem;border-top:1px solid var(--rule);padding:.9rem 1rem;font-size:9px;line-height:1.7;color:var(--faint)}
.figure-number{white-space:nowrap;font:italic 1.5rem var(--serif);color:var(--brand)}
.mast-foot{display:grid;grid-template-columns:1.1fr 3fr;gap:2rem;border-top:1px solid var(--rule);padding:2rem 0;margin-top:1rem;align-items:center}
.mast-note{font-size:.82rem;line-height:1.7;margin:0}
.mast-note span{color:var(--faint);font-size:.72rem}
.numbers{display:grid;grid-template-columns:1.35fr repeat(4,1fr);list-style:none;margin:0;padding:0;gap:1.5rem}
.numbers a{text-decoration:none;display:block}
.numbers b{font:500 1.55rem var(--sans);letter-spacing:-.025em;color:var(--brand)}
.numbers span{display:block;max-width:10rem;color:var(--muted);font-size:10px;line-height:1.6;margin-top:.3rem}
.numbers li+li{border-left:1px solid var(--rule);padding-left:1.5rem}

/* The precise result follows the visual explanation of the bound. */
section.featured{background:#000;color:var(--ink);padding:3rem 0 4rem;margin:2rem 0;border-top:1px solid var(--brand);border-bottom:1px solid var(--rule)}
.feature-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:1.2rem;margin-bottom:2.5rem}
.feature-heading .overline{margin:0}
.verified{font:9px/1.6 var(--mono);letter-spacing:.025em}
.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.feature-claim h2{font-size:clamp(2.7rem,4vw,4rem)}
.feature-claim p{font-size:.9rem;line-height:1.85;max-width:29rem}
.feature-number{border-left:1px solid var(--rule);padding-left:3rem}
.feature-number .overline{margin-bottom:.3rem}
.constant{color:var(--brand);font:500 clamp(2.8rem,4.6vw,4.9rem)/1.3 var(--sans);letter-spacing:-.055em;white-space:nowrap;margin:0}
.constant>span{font-size:.45em;margin-left:.2rem}
.constant-scope{font-size:.76rem;max-width:23rem;line-height:1.65;margin:.5rem 0 1.3rem;color:var(--muted)}
.constant-comparison{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:1rem;font-size:9px;color:var(--muted)}
.constant-comparison b{display:block;font:16px/1.6 var(--mono);color:var(--ink)}
.feature-number .meta{font-size:10px}
.featured :focus-visible{outline-color:var(--brand)}

/* Each instrument is a destination and a short guided experiment. */
section.instrument-index{padding:4rem 0 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:4rem}
.section-heading h2{font-size:2.7rem;max-width:28rem}
.section-heading>p{font-size:.8rem;line-height:1.8;color:var(--muted);margin-bottom:1.8rem}
.instrument-links{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}
.instrument-links>a{border-radius:16px;padding:1.2rem 1.3rem 1.3rem;text-decoration:none;transition:background .2s,transform .2s}
.instrument-links>a:first-child{padding-left:1.3rem}
.instrument-links>a+a{border-left:0}
.instrument-links>a:hover{background:#081512;transform:translateY(-3px)}
.instrument-no{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--faint)}
.instrument-no span{color:var(--brand)}
.instrument-symbol{display:block;font:italic 2.8rem var(--serif);color:var(--brand);padding:1.8rem 0 .5rem}
.instrument-links h3{font-size:.85rem;margin:.6rem 0}
.instrument-links p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}
.scope-note{max-width:none;display:flex;justify-content:space-between;gap:1rem;color:var(--faint);font-size:10px;padding:1rem 0 3rem}
.scope-note a{white-space:nowrap}
.chapter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5rem;align-items:start;border-top:1px solid var(--rule);padding:2rem 0}
.stage{min-width:0;position:sticky;top:calc(var(--nav) + 1rem);height:calc(100svh - var(--nav) - 2rem);display:flex;flex-direction:column;justify-content:center;align-self:start;z-index:3;background:#000}
.frame{width:100%;background:#000;border:0;min-height:0}
.frame canvas{display:block;width:100%;aspect-ratio:4/3;max-height:calc(100svh - var(--nav) - 10rem)}
.frame.tall canvas{aspect-ratio:4/3}
.frame.ruler-frame{padding:1rem 0 .5rem}
.hud{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.2rem;padding:.9rem .5rem;border-top:1px solid var(--rule);font:10px/1.5 var(--mono);color:var(--muted)}
.hud label{display:flex;align-items:center;gap:.6rem;flex:1 1 13rem}
.hud output{color:var(--ink)}
.strip-readout{display:grid;flex:1 1 100%;min-width:0}
.strip-readout>*{grid-area:1/1}
.strip-readout-size{visibility:hidden;pointer-events:none}
.hud em{font-style:normal;color:var(--faint);margin:0 .3rem 0 .6rem}
.hud input[type=range]{flex:1;min-width:4rem;accent-color:var(--brand);margin:0;height:1.6rem;cursor:ew-resize}
.steps{min-width:0}
.step-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:1rem 0;padding:.4rem;border:1px solid var(--rule);border-radius:999px;width:fit-content;max-width:100%;align-self:center;background:#000}
.step-controls button{font:11px/1.5 var(--sans);border:0;border-radius:999px;color:var(--muted);padding:.55rem .9rem;background:transparent;min-height:40px}
.step-controls button[aria-pressed=true]{background:var(--brand);color:#000}
.step{max-width:33rem;opacity:.48;transition:opacity .3s;min-height:68svh;display:flex;flex-direction:column;justify-content:center;padding:3rem 0;scroll-margin-top:calc(var(--nav) + 2rem)}
.step.active,.chapter:not(.is-interactive) .step{opacity:1}
.step[hidden]{display:none}
.step h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:1.25rem}
.step .kicker{margin-bottom:1.2rem}
.step p{font-size:1rem;line-height:1.85;color:#c4d1cd}
.step p.meta{font-size:11px;color:var(--muted);margin-top:1.3rem}
.toggle{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px}
.toggle button{font-size:11px;padding:.5rem .8rem;background:none;color:var(--muted);border:0;border-radius:999px;min-height:36px}
.toggle button.on{background:var(--brand);color:#000}
.ruler{width:100%;height:auto;font-family:var(--mono);font-size:13px}
.ruler .axis{stroke:var(--muted);stroke-width:1;fill:none}
.ruler .tick{fill:var(--muted);text-anchor:middle;font-size:15px}
.ruler .mark.hidden{opacity:0}
.ruler .mark line{stroke:var(--muted);stroke-width:1}
.ruler .mark circle{fill:url(#source-bead);filter:drop-shadow(0 3px 2px #0008)}
.ruler .mark text{fill:var(--exact);text-anchor:middle;font-size:12px}
.ruler .mark text.fig{font-size:24px;font-weight:500}
.ruler .mark text.who{fill:var(--muted);font-size:15px}
.ruler .mark.lab line{stroke:var(--brand);stroke-width:2}.ruler .mark.lab circle{fill:url(#gauge-bead)}
.ruler .mark.lab text{fill:var(--brand)}
.instrument-error{max-width:none;border:1px solid var(--amber);padding:1rem;color:var(--amber)}

/* The written record stays legible at every depth. */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:6rem;padding:4.5rem 0;border-top:1px solid var(--rule)}
.story .head h2{font-size:clamp(2.5rem,3.6vw,3.5rem)}
.story .body>p{font-size:.92rem;line-height:1.9;color:#b6c4bc}
.story .head .aside{font-size:.85rem;color:var(--muted);line-height:1.8}
.story .body p:last-child{margin-bottom:0}
.entries{list-style:none;margin:1.8rem 0 0;padding:0}
.entries li{padding:1.8rem 0;border-top:1px solid var(--rule)}
.entries li:last-child{padding-bottom:0}
.entries li h3{font:500 1.4rem/1.3 var(--sans);margin:.6rem 0 1rem}
.entries li p{font-size:.88rem;line-height:1.85;color:var(--muted)}
.entries .id{font:10px var(--mono);color:var(--brand)}
#story-lab{background:#000;padding:4rem 0;margin:1rem 0 3rem;gap:4rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
#story-lab .head h2{font-size:2.6rem}
#story-registered .head .overline::before{content:'03 / ';}
#story-deaths .head .overline::before{content:'04 / ';}
#more-lean .head .overline::before{content:'05 / ';}
#cooking .head .overline::before{content:'06 / ';}
.feeds{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.feeds h3{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 1rem}
.feeds h3 b{color:var(--brand);margin-left:.5rem}
.feed{list-style:none;margin:0;padding:0}
.feed li{display:grid;gap:.35rem;padding:1rem 0;border-top:1px solid var(--rule);font-size:.8rem;line-height:1.6}
.feed time{font:9px var(--mono);color:var(--faint)}
.feed .what{text-decoration:none}
.feed .tag{font:9px/1.5 var(--mono);color:var(--muted)}
.feed .tag i{font-style:normal;overflow-wrap:anywhere}
.feeds .meta{margin-top:1rem}
.cta{margin-top:1rem;border-top:1px solid var(--brand);padding-top:4rem}
.cta .head h2{font-size:5rem}
.form-lede{font-size:1.2rem;line-height:1.6}
.form{display:grid;gap:1.1rem;max-width:34rem;margin-top:1.5rem}
.form label{display:grid;gap:.5rem;font:10px/1.6 var(--mono);color:var(--muted)}
.form input,.form textarea{width:100%;padding:.8rem 1rem;background:var(--panel);border:1px solid var(--rule);color:var(--ink);font:1rem/1.4 var(--sans);border-radius:12px}
.form textarea{min-height:8rem;resize:vertical}
.form input:focus,.form textarea:focus{outline:1px solid var(--brand);outline-offset:0}
.buttons{display:flex;flex-wrap:wrap;gap:1rem}
.status{font-size:.85rem;color:var(--muted);min-height:1.5em}
.status[data-state=error]{color:var(--amber)}
.status[data-state=sent]{color:var(--brand)}
footer{border-top:1px solid var(--rule);padding-top:2rem;margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem}
footer p:last-child{grid-column:1/-1;font:12px/1.8 var(--mono);max-width:none;color:var(--faint)}
footer .meta{font-size:12px;line-height:1.8}


/* the record */
section { margin: 0; padding: 3rem 0 0; }

section.chapter, section.story, section.wide { padding-top: 4rem; }

section.story { padding-top: 6rem; }

.record-head { border-top: 2px solid var(--ink); padding-top: 3rem; margin-top: 2rem; }

#registered, #submissions, #method, #documents { border-top: 1px solid var(--rule); margin-top: 3rem; }

section.result { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }

table { width: 100%; border-collapse: collapse; font-size: 0.9rem; line-height: 1.45; margin: 0.5rem 0 1rem; }

th { text-align: left; font-weight: 600; color: var(--muted); padding: 0.4rem 0.9rem 0.4rem 0; border-bottom: 1px solid var(--ink); vertical-align: bottom; }

td { padding: 0.55rem 0.9rem 0.55rem 0; border-bottom: 1px solid var(--rule); vertical-align: top; }

td:last-child, th:last-child { padding-right: 0; }

td.num { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ladder td.idx { width: 2.2rem; color: var(--muted); font-family: var(--mono); white-space: nowrap; }

.ladder td.num { width: 8rem; }

.ladder td:nth-child(3) { width: 12rem; }

.ladder tr.lab td.num { font-weight: 700; color: var(--amber); }

.ladder tr.proved td.num::after { content: " proved"; font-weight: 400; color: var(--muted); font-size: 0.8em; }

.ladder tr.inconclusive td.num, .ladder tr.ceiling td { color: var(--muted); }

.docs td.num { width: 2.25rem; color: var(--muted); }

.docs td { padding: 0.35rem 0.9rem 0.35rem 0; }

.lines { padding-left: 1.1rem; margin: 0.5rem 0 0.75rem; max-width: var(--measure); }

.lines li { margin: 0 0 0.45rem; }

.statements { padding-left: 1.4rem; margin: 0 0 0.5rem; max-width: 44rem; }

.statements li { margin: 0 0 0.45rem; }

.decl { font-size: 0.85rem; color: var(--muted); white-space: nowrap; }

.decl code { font-size: 0.95em; }

.note { font-size: 0.9rem; color: var(--muted); margin: 0.25rem 0 0; }

.note p { margin: 0.25rem 0 0; }

.verbatim { border-left: 2px solid var(--rule); padding-left: 1rem; max-width: 44rem; }

.verbatim p { font-size: 0.92rem; }

.prov { margin: 0; font-size: 0.88rem; max-width: 44rem; }

.prov div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 0 1rem; padding: 0.3rem 0; border-bottom: 1px solid var(--rule); }

.prov dt { color: var(--muted); }

.prov dd { margin: 0; }

.rules { margin: 0; max-width: 44rem; }

.rules div { display: grid; grid-template-columns: 9rem 1fr; gap: 0 1rem; padding: 0.5rem 0; border-bottom: 1px solid var(--rule); }

.rules dt { font-weight: 600; }

.rules dd { margin: 0; }

details { margin-top: 0.75rem; }

summary { font-size: 0.92rem; font-weight: 600; cursor: pointer; padding: 0.35rem 0; }

.full { padding: 0.25rem 0 0.25rem 1rem; border-left: 2px solid var(--rule); max-width: 44rem; }

.full p { font-size: 0.92rem; }

.sources { list-style: none; padding: 0; margin: 0; }

.sources li { margin: 0 0 0.7rem; }

.sources li p:first-child { margin-bottom: 0.15rem; }

footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid var(--rule); }


/* the record's own pages */
.sub main { padding-top: 2.5rem; }

.sub-head { padding: 1rem 0 2rem; border-bottom: 1px solid var(--rule); }

.sub-head h1 { font-size: clamp(2rem, 3.4vw, 2.8rem); max-width: none; margin-bottom: 1rem; }

.sub-head .overline a { text-decoration: none; }

.sub section { padding-top: 2.5rem; }

.sub section + section { margin-top: 1rem; border-top: 1px solid var(--rule); }

.sub .sub-head + section { border-top: 0; margin-top: 0; }



.sub main{max-width:1140px;padding-top:3rem}
.sub-head{padding:1rem 0 3rem}
.sub-head h1{font-size:clamp(3.5rem,7vw,6rem);margin:0 0 1.5rem}
.sub .sub-head .lede{color:var(--muted);font-size:1rem;line-height:1.8}
.sub h2{font-size:2.4rem}
.sub section{padding-top:3rem}
.sub footer{display:block}
.sub .lines{line-height:1.8}
.sub .lines li{padding:.5rem 0}
.sub td{padding-top:.8rem;padding-bottom:.8rem}
.sub .result{padding-bottom:2rem}
.sub .result h2{max-width:40rem}
.sub details{padding:.7rem 0;border-top:1px solid var(--rule)}
.sub summary{color:var(--brand)}
.motion-link{margin:.9rem 1rem 0;font-size:.8rem}
.motion-player{margin:0}
.motion-stage{position:relative;background:#000}
.motion-stage video{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain;background:#000}
.motion-notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 2rem);padding:1rem 1.3rem;text-align:center;border:1px solid var(--rule);border-radius:12px;background:#06100ee8;font-size:.85rem;line-height:1.5}
.motion-notice p{margin:0}
.motion-notice button{margin-top:.7rem;padding:.45rem 1rem}
.motion-caption{padding:1.2rem 0 .5rem}
.motion-caption p{max-width:46rem}

@media(max-width:1150px){main{padding-inline:2.5rem}
.nav{padding-inline:2.5rem;gap:2rem}
.brand-caption{display:none}
.hero-actions{gap:.8rem}
.hero-actions .button{gap:1rem}
.mast-foot{grid-template-columns:1fr}
.mast-note{display:none}
.feature-layout{gap:2rem}
.feature-number{padding-left:2rem}
.featured .constant{font-size:4rem}
.chapter{gap:2.5rem}
.story{gap:3rem}
.step-controls{gap:.3rem}
.step-controls button{font-size:9px;padding:.5rem}
.feeds{gap:1.2rem}
}

@media(max-width:900px){:root{--nav:5rem}
main{padding-inline:1.5rem}
.nav{padding:.8rem 1.5rem;gap:1rem;flex-wrap:wrap}
.brand{font-size:.7rem}
.nav-links{gap:1.25rem}
.nav-links a{font-size:11px}
.cta-link{font-size:11px;padding:.5rem .7rem}
.cta-link span{margin-left:.7rem}
.hero-intro{font-size:.85rem}
.hero-actions .button{font-size:11px}
.hero-actions .text-link{font-size:11px}
.figure-top{font-size:8px;flex-wrap:wrap}
.feature-layout{grid-template-columns:1fr}
.feature-number{border-left:0;border-top:1px solid var(--rule);padding:2rem 0 0}
.feature-claim h2{font-size:3.3rem}
.featured .constant{font-size:5rem}
.feature-claim p{max-width:40rem}
.constant-scope{max-width:34rem}
.section-heading{gap:2rem}
.section-heading h2{font-size:2.5rem}
.instrument-links>a{padding-inline:.8rem}
.instrument-symbol{font-size:2.1rem}
.instrument-links h3{font-size:12px}
.instrument-links p{font-size:10px}
.chapter{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0}
.step h2{font-size:2.2rem}
.step p{font-size:.87rem}
.step-controls{margin-bottom:1.3rem}
.step-controls button{font-size:8px}
.hud{padding:.6rem;font-size:9px;gap:.4rem}
.story{gap:2rem}
.story .head h2{font-size:2.6rem}
.story .body>p{font-size:.85rem}
.feeds{grid-template-columns:1fr}
#story-lab{padding:2rem;gap:2rem}
.cta .head h2{font-size:3.8rem}
.sub .nav-links{order:3;width:100%;justify-content:space-between}
.sub .cta-link{margin-left:auto}
.sub{--nav:7.3rem}
}

@media(max-width:640px){:root{--nav:7.2rem}
.nav{padding:.9rem 1.25rem;gap:.6rem 1rem}
.nav .brand{font-size:.74rem}
.nav .brand-mark{font-size:2.3rem}
.nav-links{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--rule);padding-top:.2rem;margin-top:.4rem;flex-wrap:wrap;gap:0 .4rem}
.nav-links a{padding:.45rem 0;font-size:11px}
.cta-link{margin-left:auto}
.nav .progress{height:1px}
main{padding:0 1.25rem 2.5rem}
.masthead{padding-top:2rem}
.hero{grid-template-columns:1fr;gap:1rem;min-height:0}
.hero-copy{padding:0}
.overline,.kicker{font-size:9px;margin-bottom:1.4rem}
.hero-intro{font-size:.9rem;max-width:23rem}
.hero-actions{gap:1rem;margin-top:1.4rem}
.hero-actions .button{font-size:12px;padding:.85rem 1rem}
.hero-actions .text-link{font-size:10px;gap:.6rem}
.hero-byline{font-size:9px;margin-top:1.4rem}
.hero-figure{margin-top:1.4rem}
.figure-top{font-size:8px;flex-wrap:nowrap}
.hero-figure figcaption{font-size:9px;gap:1rem}
.mast-foot{margin-top:1rem;padding:1.5rem 0}
.numbers{grid-template-columns:1.3fr 1fr 1fr;gap:1.4rem 1rem}
.numbers b{font-size:1.7rem}
.numbers span{font-size:9px}
.numbers li+li{padding-left:1rem}
.numbers li:nth-child(4){border-left:0;padding-left:0}
.numbers li:nth-child(5){grid-column:span 2}
.numbers li:nth-child(5) span{max-width:none}
.featured{margin-inline:0!important}
section.featured{padding:1.5rem;margin-top:1rem}
.feature-heading{align-items:start;gap:1rem;margin-bottom:1.8rem}
.feature-heading .overline{font-size:8px;white-space:nowrap}
.verified{font-size:8px;text-align:right;max-width:9rem}
.feature-claim h2{font-size:2.6rem}
.feature-claim p{font-size:.83rem}
.feature-layout{gap:1rem}
.feature-number{padding-top:1.5rem}
.featured .constant{font-size:clamp(2.7rem,11.8vw,4.7rem)}
.feature-number .overline{font-size:8px;letter-spacing:.07em}
.constant-scope{font-size:10px}
.constant-comparison{gap:1rem;font-size:8px}
.constant-comparison b{font-size:12px}
.feature-number .meta{font-size:9px}
.text-link{font-size:12px;gap:1.2rem}
section.instrument-index{padding-top:3.5rem}
.section-heading{display:block}
.section-heading h2{font-size:2.4rem;max-width:18rem}
.section-heading>p{font-size:12px}
.instrument-links{grid-template-columns:repeat(2,1fr)}
.instrument-links>a{padding:1rem!important}
.instrument-links>a:nth-child(odd){border-left:0}
.instrument-links>a:nth-child(n+3){border-top:1px solid var(--rule)}
.instrument-links>a:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}
.instrument-links>a:last-child .instrument-no{grid-column:1/-1}
.instrument-links>a:last-child .instrument-symbol{grid-row:span 2;padding:.6rem 0;font-size:2.8rem}
.instrument-links>a:last-child h3{margin-top:1.3rem}
.instrument-symbol{font-size:2.4rem;padding:.9rem 0 .3rem}
.instrument-links h3{font-size:13px}
.instrument-links p{font-size:10px}
.scope-note{display:block;padding-bottom:2rem;font-size:9px}
.scope-note a{display:block;margin-top:.6rem}
.chapter{grid-template-columns:1fr;gap:0;padding:1rem 0}
.frame canvas,.frame.tall canvas{aspect-ratio:auto;height:26svh;min-height:160px;max-height:240px}
.step-controls{margin:.35rem auto .6rem;gap:0;padding:.2rem}
.step-controls button{font-size:9px;min-height:36px;padding:.4rem .65rem}
.step h2{font-size:2.2rem}
.step p{font-size:.92rem;line-height:1.8}
.step p.meta{font-size:11px}
.hud{font-size:10px;padding:.7rem}
.hud input[type=range]{height:1.6rem}
.story{grid-template-columns:minmax(0,1fr);gap:1rem;padding:3rem 0}
.story .head h2{font-size:2.6rem}
.story .body>p{font-size:.88rem}
.entries li h3{font-size:1.6rem}
.entries li p{font-size:.86rem}
#story-lab{padding:1.5rem;margin-top:0}
#story-lab .head h2{font-size:2.25rem}
.feeds{grid-template-columns:1fr;gap:2rem}
.feed li{grid-template-columns:5.5rem 1fr;gap:.25rem 1rem}
.feed time{grid-row:span 2;padding-top:.3rem}
.cta .head h2{font-size:4.5rem}
.buttons{gap:.7rem}
.button{padding:.75rem 1rem;font-size:12px;gap:1rem}
.form-lede{font-size:1rem}
.form input,.form textarea{font-size:16px}
footer{display:block}
footer p{margin-bottom:1rem}
.sub main{padding-top:1.5rem}
.sub-head h1{font-size:3.7rem}
.sub h2{font-size:2.1rem}
.sub .sub-head .lede{font-size:.9rem}
table.stack thead{display:none}
table.stack tr{display:block;padding:.65rem 0;border-bottom:1px solid var(--rule)}
table.stack td{display:block;border:0;padding:.15rem 0;width:auto}
.ladder td.num,.ladder td:nth-child(3){width:auto}
.ladder td.idx{display:inline;padding-right:.4rem}
.ladder td.num{display:inline}
.prov div,.rules div{grid-template-columns:1fr;gap:0}
.decl{white-space:normal}
.full,.verbatim{padding-left:.6rem}
.ruler .mark text.fig{font-size:28px}
.ruler .mark text.who{font-size:21px}
.ruler .tick{font-size:22px}
}

@media(min-width:901px){.hero-figure{margin-right:-2.5rem}.hero .overline{font-size:9px}}
@media(min-width:641px) and (max-width:1150px){.hero h1{font-size:clamp(3rem,6.3vw,5rem)}.hero-figure{margin-left:-1rem;margin-right:0}.hero-figure canvas{height:520px}.landscape-hint{display:none}.hero-copy{padding-bottom:2rem}.hero-actions{gap:1rem}.hero .overline{font-size:8px}.hero-byline{font-size:8px}.step-controls button{font-size:9px;padding:.45rem .6rem}}
@media(max-width:640px){
.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}
.hero-copy{padding:.8rem 0 0;transform:none!important}
.hero h1{font-size:clamp(3rem,12.8vw,5rem);margin-bottom:1.1rem;letter-spacing:-.04em}
.hero-intro{max-width:26rem;font-size:.88rem;line-height:1.75}
.hero-byline{margin-top:1.4rem}
.hero-figure{margin:1rem -.6rem 0;transform:none!important}
.hero-figure canvas{height:360px;max-height:50svh;min-height:270px}
.hero-figure figcaption{padding-inline:.6rem;font-size:8px}
.figure-top{padding-inline:.6rem;font-size:8px}
.landscape-tools{padding:.2rem .6rem .6rem;font-size:8px;gap:.5rem}
.landscape-hint{max-width:none}.landscape-tools>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.landscape-tools .surface-choice{grid-column:1/-1}.landscape-tools button{font-size:13px;padding:.45rem .5rem;white-space:normal}
section.featured{padding:2rem 0}.feature-claim h2{font-size:2.3rem}
.featured .constant{font-size:clamp(2.7rem,11.8vw,4.7rem)}
section.instrument-index{padding-top:2.7rem}.section-heading h2{max-width:none;font-size:2.2rem}
.instrument-links{gap:.35rem}.instrument-links>a{padding:.85rem!important;background:#050b09}.instrument-links>a:nth-child(n+3){border-top:0}
.stage{top:var(--nav);height:auto;padding:.6rem 0 0;box-shadow:0 18px 16px #000;}
.stage .ruler{max-height:31svh;display:block}
.step{min-height:80svh;padding:1rem 0 3rem;display:block;scroll-margin-top:calc(var(--nav) + var(--stage-height,40svh) + 1rem)}
.step-copy{position:sticky;top:calc(var(--nav) + var(--stage-height,40svh) + 1rem)}
.step h2{font-size:2rem}.step p{font-size:.94rem}
.hud{font-size:9px;padding:.5rem 0;gap:.3rem .7rem}
#story-lab{padding:2.5rem 0}.story .head h2{font-size:2.3rem}.cta .head h2{font-size:3.4rem}
.sub-head h1{font-size:3rem}
}
.chapter[data-scroll-mode=manual]{align-items:center;padding:3rem 0}
.chapter[data-scroll-mode=manual] .stage{position:relative;top:auto;height:auto;box-shadow:none}
.chapter[data-scroll-mode=manual] .step{min-height:260px;opacity:1;padding:1.5rem 0}
.chapter[data-scroll-mode=manual] .step-copy{position:static}

/* Follow the work quietly; the instruments carry the emphasis. */
.nav-follow{color:var(--muted);border-color:transparent;padding-right:0}
.nav-follow:hover{color:var(--brand)}
.nav-follow span{color:var(--brand);margin-left:.6rem}
.hero-byline{font-size:12px;max-width:26rem;line-height:1.7}
.hero-copy{padding-top:1.5rem;padding-bottom:2rem;align-self:start}
@media(min-width:641px){.hero-copy{padding-top:5rem}}
.hero h1{margin-bottom:1.25rem}
.hero-intro{font-size:1rem;line-height:1.65}
.hero-result{margin-top:1.7rem;max-width:28rem}
.hero-bound{display:inline-flex;align-items:baseline;gap:.2rem;color:var(--brand);text-decoration:none;font:500 clamp(2.8rem,4.4vw,4.5rem)/1.05 var(--sans);letter-spacing:-.055em;white-space:nowrap}
.hero-bound .bound-unit{font-size:.52em;letter-spacing:-.02em}
.hero-bound .bound-arrow{font-size:24px;margin-left:.8rem;align-self:center;transition:transform .2s}
.hero-bound:hover .bound-arrow{transform:translate(3px,-3px)}
.hero-bound-scope{font-size:14px;line-height:1.5;color:var(--ink);max-width:26rem;margin:.6rem 0 .5rem}
.hero-comparison{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.hero-comparison a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--rule)}
.hero-comparison a:hover{color:var(--ink)}
.hero-actions{margin-top:1.5rem}
@media(max-width:640px){.hero-copy{padding:.6rem 0 0}.hero h1{font-size:clamp(2.8rem,11.5vw,4.4rem);margin-bottom:.85rem}.hero-intro{font-size:15px;line-height:1.55;max-width:30rem}.hero-result{margin-top:1.2rem}.hero-bound{font-size:clamp(2.8rem,11vw,4rem)}.hero-bound-scope{font-size:13px;max-width:24rem;margin:.5rem 0 .35rem}.hero-comparison{font-size:12px;line-height:1.6}.hero-actions{margin-top:1rem;gap:.8rem 1.2rem}.hero-actions .button,.hero-actions .text-link{font-size:13px}.hero-figure{margin-top:1rem}}

/* New hues mark changes in the mathematics, returning to teal for the proof. */
#ch-strip{--brand:#38d8df;--brand-hi:#b0ffff;--brand-dim:#149da5;--plot-primary:#38d8df;--plot-secondary:#55a4ff;--rule:#20363a}
#ch-gue{--brand:#9b67ff;--brand-hi:#d5baff;--brand-dim:#693db6;--plot-primary:#9b67ff;--plot-secondary:#00efc6;--rule:#302443}
#ch-heat{--brand:#ffbf29;--brand-hi:#ffdc82;--brand-dim:#b07c11;--plot-primary:#ffbf29;--plot-secondary:#38d8df;--rule:#3b3220}
#story-registered .overline,#story-registered .entries .id{color:#38d8df}
#story-deaths .overline{color:#55a4ff}
.instrument-links>a:nth-child(2) .instrument-symbol{color:#38d8df}
.instrument-links>a:nth-child(3) .instrument-symbol{color:#9b67ff}
.instrument-links>a:nth-child(4) .instrument-symbol{color:#ffbf29}
.follow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5.5rem 0;border-top:1px solid var(--brand);scroll-margin-top:calc(var(--nav) + 1rem)}
.follow h2{font-size:clamp(2.5rem,4.4vw,4.4rem);margin-bottom:1.3rem}
.follow-copy>p:last-child{font-size:1rem;color:var(--muted);max-width:27rem}
.follow-signup{min-width:0}
.subscribe-form{max-width:none;margin:0;gap:.75rem}
.form label{font-size:12px}
.subscribe-form>label{font:14px/1.6 var(--sans);color:var(--ink)}
.subscribe-row{display:flex;gap:.65rem;align-items:stretch}
.subscribe-row input{min-width:0;flex:1;border-radius:999px;background:#050b09;border-color:#56786d;padding:1rem 1.2rem}
.subscribe-row .button{flex-shrink:0;gap:1.3rem;font-size:14px}
.subscribe-note,.follow-source{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.follow-source{margin-top:1.3rem}
.follow-source a{color:var(--ink)}
.lab-colophon{display:flex;flex-wrap:wrap;gap:.8rem 2rem;align-items:center;border-top:1px solid var(--rule);padding:1.6rem 0;color:var(--muted);font-size:13px}
.lab-colophon>span{margin-right:auto}
.lab-colophon a{text-decoration:none}
.correspondence{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--nav) + 1rem)}
.correspondence summary{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0;cursor:pointer;list-style:none;font-size:16px}
.correspondence summary::-webkit-details-marker{display:none}
.correspondence summary>span:first-child{flex-shrink:0}
.correspondence-hint{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:2rem}
.correspondence-hint>span{color:var(--brand);font-size:22px;font-weight:300;transition:transform .2s}
.correspondence[open] .correspondence-hint>span{transform:rotate(45deg)}
.correspondence-body{max-width:42rem;margin-left:auto;padding:1rem 0 3rem}
.correspondence-body .form{max-width:none;margin-top:1rem}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form select{appearance:none;-webkit-appearance:none;color:var(--ink);background-color:#090e0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23a0b3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid var(--rule);border-radius:12px;font:16px var(--sans);padding:.85rem 2.6rem .85rem 1rem;width:100%;height:50px;cursor:pointer}
.form select:focus-visible{outline:1px solid var(--brand);outline-offset:2px}
.form{scroll-margin-top:calc(var(--nav) + 1.5rem)}
#contact-form:focus{outline:none}
.form input,.form textarea{font-size:16px}
.form input::placeholder,.form textarea::placeholder{color:#788c85;font-size:14px}
.form textarea{min-height:10rem}
.form .buttons{align-items:center;gap:1.3rem}
.contact-social{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}
.form .status:empty{display:none}
@media(max-width:900px){.follow{gap:2rem}.subscribe-row{flex-wrap:wrap}.subscribe-row input{flex-basis:100%}.lab-colophon>span{flex-basis:100%}}
@media(max-width:640px){.follow{grid-template-columns:1fr;gap:1.5rem;padding:3rem 0}.follow h2{font-size:2.65rem}.subscribe-row{flex-wrap:nowrap}.subscribe-row input{flex-basis:0;padding:.8rem 1rem}.subscribe-row .button{padding:.8rem 1rem;gap:.6rem}.nav-follow{font-size:12px}.nav-follow span{margin-left:.4rem}.correspondence-hint{gap:.7rem;font-size:12px}.correspondence-body{padding-bottom:2rem}.form-pair{gap:.7rem}.lab-colophon{gap:.7rem 1.5rem}}
@media(max-width:360px){.subscribe-row{flex-wrap:wrap}.subscribe-row input{flex-basis:100%}.form-pair{grid-template-columns:1fr}.correspondence-hint{font-size:11px}}
.landscape-hint[data-graphics-status=software]{display:inline}

/* Invitations belong to the work they refer to. */
.build-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;padding:.7rem 1.1rem;border:1px solid #34433f;border-radius:999px;background:#080b0a;color:var(--ink);font:500 14px/1.4 var(--sans);text-decoration:none;transition:border-color .2s,background .2s}
.build-link span{color:var(--brand);font-size:18px}
.build-link:hover{background:#101915;border-color:var(--brand)}
.work-invitation{margin-top:1.8rem}
.landscape-invitation{display:flex;justify-content:flex-end;padding:.5rem 1rem 1rem}
.correspondence{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5.5rem 0 6rem;border-color:#30333c;color:#eeedf5}
.contact-tides{position:absolute;inset:0 -1rem;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.contact-tides svg{display:block;width:100%;height:100%;overflow:visible}
.contact-tides g{fill:none;stroke:url(#contact-spectrum);stroke-width:.85;opacity:.36;animation:contact-tide 16s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
.correspondence[data-motion=running] .contact-tides g{animation-play-state:running}
@keyframes contact-tide{from{transform:translate(-14px,8px)}to{transform:translate(14px,-10px)}}
.contact-copy{align-self:center}
.contact-copy .overline{color:#c2b5e7}
.contact-copy h2{font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:1.5rem;color:#f2f0f7}
.contact-copy h2 span{color:#ff997e}
.contact-copy>p:not(.overline){max-width:25rem;font-size:16px;color:#b7b7c6;line-height:1.75}
.contact-intents{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.7rem;max-width:27rem}
.contact-intents a{display:flex;align-items:center;min-height:44px;padding:.65rem 1rem;border:1px solid #484653;border-radius:999px;background:#08090edb;text-decoration:none;color:#d6d1e2;font-size:14px;transition:border-color .2s,background .2s}
.contact-intents a:hover{border-color:#bdb0e5;background:#171521;color:#fff}
.contact-motion{display:block;margin-top:1.5rem;min-height:44px;padding:0;border:0;background:none;color:#a8a6b9;font:12px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.contact-motion[hidden]{display:none}
.correspondence-body{margin:0;padding:0;max-width:none;min-width:0}
.correspondence-body .form{margin:0}
#contact,#contact-form,#follow{scroll-margin-top:1rem}
.contact-context{font:13px/1.5 var(--sans);color:#c2b5e7;margin:0 0 .3rem}
.correspondence .form label{font:13px/1.6 var(--sans);color:#c0becc}
.correspondence .form input,.correspondence .form textarea,.correspondence .form select{background-color:#08090f;border:1px solid #484754;border-radius:16px;color:#f2f0f7;box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .2s,background .2s}
.correspondence .form input::placeholder,.correspondence .form textarea::placeholder{color:#9693a6}
.correspondence .form input:focus,.correspondence .form textarea:focus,.correspondence .form select:focus-visible{outline:2px solid #a99bef;outline-offset:3px;border-color:#a99bef;background-color:#101019}
.correspondence .form textarea{min-height:11rem}
.correspondence .form .buttons{gap:1rem;flex-wrap:wrap}
.correspondence .form .button{font-size:14px;min-height:52px;padding:1rem 1.5rem;background:#ff987b;border-color:#ff987b;color:#24120d;gap:2rem}
.correspondence .form .button:hover{background:#ffb19b;border-color:#ffb19b}
.correspondence .contact-social{color:#c0becc}
@media(max-width:900px){.correspondence{gap:2rem}.contact-copy h2{font-size:3.2rem}.contact-intents{gap:.5rem}.contact-intents a{font-size:13px}}
@media(max-width:640px){.correspondence{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0}.contact-tides{inset:0 -1rem;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.contact-tides g{opacity:.42;stroke-width:1.2}.correspondence-body{position:relative}.correspondence .form label{text-shadow:0 1px 5px #000,0 0 12px #000}.contact-copy h2{font-size:3rem}.contact-copy>p:not(.overline){max-width:28rem}.contact-intents{max-width:none;margin-top:1.2rem}.landscape-invitation{padding-inline:.6rem;justify-content:flex-start}.build-link{font-size:14px}.form-pair{grid-template-columns:1fr;gap:1rem}}

/* The objects carry depth; the editorial layout stays quiet and open. */
.instrument-links>a,.instrument-links>a:hover{background:none;box-shadow:none;border:0}
@media(max-width:640px){.instrument-links>a{background:none}}

@media(prefers-reduced-motion:reduce){.hero-copy,.hero-figure{transform:none!important}.stage{position:relative;top:auto;height:auto}}

/* Warning Notice Banner */
.warning-banner{background:#0b1513;border:1px solid #1a3831;border-left:4px solid var(--brand);padding:1.2rem 1.5rem;margin:1.5rem 0 2rem;border-radius:4px;max-width:var(--measure)}
.warning-banner p{margin:0 0 .5rem;font-size:.88rem;line-height:1.6}
.warning-banner p:last-child{margin-bottom:0}
.warning-banner .warning-title{color:var(--brand);font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em}
.warning-banner .warning-sub{color:var(--muted);font-size:.8rem}

/* Badges */
.badge{display:inline-flex;align-items:center;font:11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.22em .6em;border-radius:999px;border:1px solid var(--rule);white-space:nowrap}
.badge.disp-completed,.badge.disp-settled{border-color:#00a78a;color:#00efc6;background:#00efc618}
.badge.disp-qualified,.badge.disp-partly-settled{border-color:var(--amber-dim);color:var(--amber);background:#e6b37518}
.badge.disp-open,.badge.disp-not-settled{border-color:#2563eb;color:var(--cool);background:#34c5ff18}
.badge.disp-withdrawn{border-color:#dc2626;color:#f87171;background:#ef444418}
.badge.disp-artifact-only{border-color:#52525b;color:#a1a1aa;background:#27272a33}

.badge.ev-kernel-checked{border-color:#059669;color:#34d399;background:#064e3b33}
.badge.ev-enclosure-supported{border-color:#0d9488;color:#2dd4bf;background:#134e4a33}
.badge.ev-measured{border-color:#475569;color:#94a3b8;background:#1e293b33}
.badge.ev-ordinary-mathematical-derivation{border-color:#3b82f6;color:#60a5fa;background:#1e3a8a33}
.badge.ev-unreviewed{border-color:#52525b;color:#a1a1aa;background:#27272a33}

.badge.role-badge{border-color:var(--rule);color:var(--muted)}
.badge.review-badge{border-color:var(--rule);color:var(--faint);font-size:10px}

/* Timeline Cards */
.timeline-stream{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}
.hunt-card{border:1px solid var(--rule);background:#050a09;padding:1.75rem 2rem;border-radius:6px;transition:border-color .18s}
.hunt-card:hover{border-color:#344e47}
.hunt-card.card-subordinate{opacity:.82;background:#020504;border-color:#182320}
.hunt-card.card-subordinate:hover{opacity:1;border-color:var(--rule)}
.card-header{margin-bottom:1.25rem}
.card-lead{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem}
.record-date{font:600 13px/1.4 var(--mono);color:var(--ink)}
.date-kind{font-size:11px;color:var(--muted);margin-right:.4rem}
.card-title{font-size:1.25rem;line-height:1.35;font-weight:550;margin:0 0 .5rem;color:var(--ink)}
.card-subhead{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--muted)}
.card-subhead .sep{color:var(--rule)}
.card-body{display:flex;flex-direction:column;gap:.9rem;border-top:1px solid var(--rule);padding-top:1.2rem}
.card-alert{padding:.75rem 1rem;border-radius:4px;font-size:.85rem;line-height:1.5}
.card-alert.card-withdrawal{background:#2a0f12;border:1px solid #7f1d1d;color:#fca5a5}
.card-alert.card-correction{background:#2a1b0a;border:1px solid #78350f;color:#fcd34d}
.card-field{display:flex;flex-direction:column;gap:.25rem}
.card-field .field-label{font:10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}
.card-field .field-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink);max-width:none}
.card-field .editorial-notes{color:var(--muted)}
.card-field .provenance-text code{font-size:.78rem;color:var(--faint);background:none;padding:0}
.sources-list{margin:0;padding-left:1.2rem;font-size:.84rem;color:var(--muted);display:flex;flex-direction:column;gap:.2rem}
.sources-list a{color:var(--muted)}
.sources-list a:hover{color:var(--brand-hi)}

/* Timeline Filter Toolbar */
.timeline-filters{background:#0a1210;border:1px solid var(--rule);padding:1.25rem;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.5rem}
.filter-group{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted)}
.filter-group select,.filter-group input{background:#000;color:var(--ink);border:1px solid var(--rule);padding:.4rem .6rem;border-radius:4px;font-size:.82rem}
.filter-group select{height:2rem} /* Native menulists ignore min-height and padding on WebKit; height sizes both engines. */
.filter-group select:focus,.filter-group input:focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}
.filter-group.search-group input{width:14rem}
.filter-status{font:11px/1.4 var(--mono);color:var(--brand);margin-left:auto}
.timeline-meta-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.85rem;color:var(--muted)}
.timeline-counts{display:flex;gap:1.2rem}
.timeline-feeds{display:flex;gap:.8rem}
.feed-link{font:11px/1.4 var(--mono);color:var(--brand);border:1px solid var(--rule);padding:.25rem .6rem;border-radius:999px;text-decoration:none}
.feed-link:hover{border-color:var(--brand);color:var(--brand-hi)}

/* Latest Timeline on Homepage */
.timeline-latest-stream{display:flex;flex-direction:column;gap:1.25rem;margin:2rem 0}
.timeline-summary-card{border:1px solid var(--rule);background:#050a09;padding:1.25rem 1.5rem;border-radius:6px}
.timeline-summary-card .card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;font:600 12px/1.4 var(--mono)}
.timeline-summary-card .card-headline{font-size:1.05rem;line-height:1.4;margin:0 0 .5rem;overflow-wrap:anywhere}
.timeline-summary-card .card-headline a{text-decoration:none}
.timeline-summary-card .card-headline a:hover{color:var(--brand-hi)}
.timeline-summary-card .card-footer{font-size:.8rem;color:var(--muted)}
.timeline-latest-action{grid-column:2;margin-top:0}

/* Permalink Page Layout */
.permalink-card{margin-top:1.5rem}
.permalink-nav{display:flex;align-items:center;gap:1rem;font-size:.85rem;margin-bottom:1.5rem}
.permalink-pager{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-size:.88rem}

@media(max-width:640px){
.timeline-meta-bar{flex-direction:column;align-items:flex-start}
.timeline-counts{flex-wrap:wrap}
.timeline-feeds{flex-wrap:wrap}
.filter-group.search-group input{width:100%}
.hunt-card{padding:1.25rem 1.25rem}
.timeline-latest-action{grid-column:auto}
}

/* Narrow phones: a native select is as wide as its widest option, which on the
   smallest screens is wider than the filter panel. Let it shrink there instead
   of pushing the document sideways. Wider phones already fit and are untouched. */
@media(max-width:360px){
.filter-group{min-width:0}
.filter-group label{white-space:nowrap}
.filter-group select,.filter-group input{max-width:100%;min-width:0}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{transition:none!important;animation:none!important}}