@font-face { font-family: 'Instrument Sans'; font-weight: 400; font-display: swap; src: url(/fonts/instrument-sans-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Sans'; font-weight: 600; font-display: swap; src: url(/fonts/instrument-sans-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Serif'; font-weight: 400; font-display: swap; src: url(/fonts/instrument-serif-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 500; font-display: swap; src: url(/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2'); }
:root { --ink: #070605; --paper: #FFFFFF; --mute: #BDB7AA; --dim: #8F897D; --rule: #2A2926; --y: #FFB800; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--ink); color: var(--paper); font: 17px/1.6 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; }
a { color: var(--paper); text-underline-offset: 3px; text-decoration-color: rgba(255,184,0,.6); }
:focus-visible { outline: 2px solid var(--y); outline-offset: 3px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.top { display: flex; align-items: center; gap: 14px; padding: 12px max(16px, calc((100% - 880px) / 2)); border-bottom: 1px solid var(--rule); font: 500 13px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; }
.logo { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; min-width: 44px; text-decoration: none; }
.logo i { width: 12px; height: 12px; background: var(--y); }
.label { color: var(--dim); }
main { flex: 1; width: 100%; max-width: 880px; margin: 0 auto; padding: 48px 16px; }
.kick { margin: 0; font: 500 12px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--y); }
h1 { margin: 14px 0 20px; font: 400 clamp(40px, 8vw, 72px)/1.02 'Instrument Serif', Georgia, serif; text-wrap: balance; }
h1 em { display: block; font-style: normal; color: var(--y); }
.lede { font-size: 20px; color: var(--mute); max-width: 62ch; }
.lede b { color: var(--paper); font-weight: 600; }
.what { padding-left: 20px; max-width: 62ch; }
.what li { margin: 8px 0; color: var(--mute); }
.what b { color: var(--paper); font-weight: 600; }
.note { color: var(--mute); }
.go { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 14px; }
.btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #6E685E; text-decoration: none; }
.btn.solid { background: var(--y); border-color: var(--y); color: #000; }
.btn:hover { border-color: var(--y); }
.small { font-size: 15px; color: var(--dim); max-width: 62ch; }
.foot { width: 100%; max-width: 880px; margin: 0 auto; padding: 20px 16px 32px; border-top: 1px solid var(--rule); font-size: 13px; color: var(--dim); }
.foot p { margin: 4px 0; }