:root{--ink:#0b0b0b;--paper:#fff;--muted:#555;--leg:#3E9BE0}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
main{max-width:680px;margin:0 auto;padding:40px 16px 64px}
.kicker{font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
h1{font:900 clamp(40px,11vw,64px)/.95 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:14px 0 18px}
h2{font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border-top:2px solid var(--ink);padding-top:14px;margin:32px 0 10px}
.note{border:2px solid var(--ink);padding:12px 14px;font-weight:600}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}
nav{margin-top:40px;border-top:2px solid var(--ink);padding-top:14px;font:600 13px/1.6 ui-monospace,Menlo,monospace}
nav a{margin-right:18px}
.muted{color:var(--muted)}
.bar{height:8px;background:var(--leg);margin-bottom:28px}