:root { --bg: #11100e; --paper: #f3eee5; --muted: #a59d90; --line: #ffffff17; --accent: #d39b6a; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--paper); font: 400 1rem/1.65 "Hanken Grotesk", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--accent); }
.top { padding: 22px clamp(16px, 4.5vw, 64px); border-bottom: 1px solid var(--line); }
.top a { color: var(--paper); text-decoration: none; font: 400 1.5rem "Instrument Serif", Georgia, serif; }
.page { max-width: 720px; margin: 0 auto; padding: clamp(40px, 8vw, 90px) clamp(16px, 4.5vw, 32px) 70px; }
h1 { font: 400 clamp(2.2rem, 6vw, 3.4rem)/1.05 "Instrument Serif", Georgia, serif; margin-bottom: 1.4rem; }
h2 { font: 400 1.7rem/1.15 "Instrument Serif", Georgia, serif; margin: 2.4rem 0 0.8rem; scroll-margin-top: 20px; }
p { color: #ded8cd; margin-bottom: 1rem; }
.updated { color: var(--muted); font-size: 0.85rem; }
.contact-line { color: var(--muted); font-size: 0.75rem; margin-top: 3rem; }
.foot { border-top: 1px solid var(--line); padding: 22px clamp(16px, 4.5vw, 64px); color: var(--muted); font-size: 0.8rem; }
.foot a { color: var(--muted); }