:root { --ink: #2a1f2d; --paper: #fbf6ef; --accent: #d9735f; }

html { background: var(--paper); color: var(--ink); }
body { margin: 0; font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 17px; line-height: 1.6; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 96px; }
h1 { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500; font-variation-settings: 'SOFT' 100, 'WONK' 1, 'opsz' 144; font-size: clamp(44px, 9vw, 72px); line-height: 1; letter-spacing: -.02em; margin: 40px 0 32px; }
h2 { font-weight: 600; font-size: 13px; letter-spacing: .06em; margin: 40px 0 8px; }
p { margin: 0 0 12px; }
a { color: inherit; }
a:hover { color: var(--accent); }
.back { font-weight: 500; font-size: 13px; letter-spacing: .05em; text-decoration: none; }
.lead { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-variation-settings: 'SOFT' 100, 'opsz' 48; font-size: 24px; line-height: 1.3; }
.small { font-size: 12px; opacity: .6; margin-top: 48px; }
code { font-size: .85em; }