@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/anton-400-latin-v1.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/barlow-condensed-500-latin-v1.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/barlow-condensed-600-latin-v1.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/barlow-condensed-700-latin-v1.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/assets/fonts/newsreader-roman-400-500-latin-v1.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400; font-display: swap; src: url('/assets/fonts/newsreader-italic-400-latin-v1.woff2') format('woff2'); }

/* Generated from the actual font tables by docs/research/cls-font-metrics.py --css.
   Keep local fallbacks after the web face; final typography remains unchanged. */
@font-face { font-family: 'Anton Fallback'; font-style: normal; font-weight: 400; src: local('Impact'); size-adjust: 95.85607%; ascent-override: 122.71205%; descent-override: 34.33289%; line-gap-override: 0.00000%; }
@font-face { font-family: 'Barlow Condensed Fallback'; font-style: normal; font-weight: 500; src: local('Arial'); size-adjust: 72.25227%; ascent-override: 138.40395%; descent-override: 27.68079%; line-gap-override: 0.00000%; }
@font-face { font-family: 'Barlow Condensed Fallback'; font-style: normal; font-weight: 600; src: local('Arial Bold'); size-adjust: 70.66081%; ascent-override: 141.52116%; descent-override: 28.30423%; line-gap-override: 0.00000%; }
@font-face { font-family: 'Barlow Condensed Fallback'; font-style: normal; font-weight: 700; src: local('Arial Bold'); size-adjust: 72.40209%; ascent-override: 138.11757%; descent-override: 27.62351%; line-gap-override: 0.00000%; }
@font-face { font-family: 'Newsreader Fallback'; font-style: normal; font-weight: 400 500; src: local('Georgia'); size-adjust: 96.64458%; ascent-override: 76.05186%; descent-override: 27.42006%; line-gap-override: 0.00000%; }
@font-face { font-family: 'Newsreader Fallback'; font-style: italic; font-weight: 400; src: local('Georgia Italic'); size-adjust: 91.25861%; ascent-override: 80.54035%; descent-override: 29.03836%; line-gap-override: 0.00000%; }

/* The cover's poster palette: cream paper, black ink, and one accent, the red of its
   top band. Stone tones are the neutrals for empty chart tracks and rules. */
:root {
  --paper: #f4efe2;
  --paper-2: #ece5d3;
  --paper-3: #e0d7c1;
  --marble: #fbf8ef;
  --stone-1: #dad2bf;
  --stone-2: #bcb39f;
  --stone-3: #8f8775;

  --ink: #171614;
  --ink-2: #34322d;
  --ink-3: #5e5a51;
  --ink-4: #686359;

  --crimson: #a91d20;
  --crimson-2: #9e1c1f;
  --crimson-3: #f5d9d3;

  /* Display: the cover's heavy condensed poster type. Labels: a condensed grotesque. */
  --font-display: 'Anton', 'Anton Fallback', 'Impact', 'Arial Narrow', sans-serif;
  --font-label: 'Barlow Condensed', 'Barlow Condensed Fallback', 'Arial Narrow', sans-serif;
  --font-serif: 'Newsreader', 'Newsreader Fallback', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1240px;
  --nav-h: 64px;
  --section-y: clamp(72px, 11vw, 144px);

  --shadow-hard: 4px 4px 0 var(--ink);
  --shadow-soft: 0 24px 48px -24px rgba(23, 22, 20, 0.28);
}