@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap');

:root {
  --paper: #f5f1e8;
  --paper-2: #ece6d8;
  --ink: #15171c;
  --muted: #625e55;
  --rule: #d8d0bf;
  --accent: #b3401f;
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-color: var(--accent); text-underline-offset: 3px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 500; line-height: 1.1; letter-spacing: -0.01em; margin: 0; }
.wordmark { font-family: var(--serif); font-weight: 600; font-size: 26px; letter-spacing: -0.02em; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.wordmark svg { width: 26px; height: 26px; }
.eyebrow { font: 600 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.tnum { font-variant-numeric: tabular-nums; }