@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2"); }
:root { --cream: #f3ebdc; --ink: #24201a; --ink-soft: #6b6152; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--cream); }
body { color: var(--ink); font-family: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace; -webkit-font-smoothing: antialiased; line-height: 1.6; }
header { padding: 20px 24px; }
header a { color: var(--ink); font-size: 13px; letter-spacing: .32em; font-weight: 700; text-decoration: none; }
main { max-width: 44rem; padding: 6vh max(16px, 8vw) 10vh; display: flex; flex-direction: column; gap: 18px; }
h1 { font-size: clamp(26px, 4vw, 44px); line-height: 1.1; letter-spacing: -0.01em; }
h2 { font-size: 16px; margin-top: 14px; }
p, li { font-size: 14px; color: var(--ink-soft); }
ul { padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; }
a { color: var(--ink); }
.big { font-size: clamp(64px, 14vw, 140px); font-weight: 700; line-height: 1; color: var(--ink); }
footer { padding: 0 max(16px, 8vw) 6vh; font-size: 12px; color: var(--ink-soft); }
footer a { color: var(--ink-soft); }