/* Generated from project/tokens.json. Edit the JSON, not this file. */
:root {
  color-scheme: dark;
  --bg-backdrop: #000000;
  --bg-page: #0d0d0d;
  --surface-1: #141414;
  --surface-2: #1f1f21;
  --line: #38383b;
  --accent: #f25940;
  --on-accent: #0d0d0d;
  --accent-deep: #8c140f;
  --ink: #ffffff;
  --ink-muted: #b8b8b8;
  --ink-faint: #8a8a8a;
  --ink-ghost: #6e6e72;
  --paper: #f5f2ed;
  --on-paper: #141414;
  --on-paper-muted: #5c5854;
  --paper-line: #d9d4cc;
  --ring: var(--accent);
  --ring-dim: var(--accent-deep);
  --glow-ring: 0 0 24px 2px rgba(242, 89, 64, 0.55);
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-40: 160px;
  --radius-none: 0;
  --page-max: 1440px;
  --grid-columns: 12;
  --hairline: 1px;
  --ring-pitch: 262px;
  --ring-radius: 96px;
  --font-display: "Sharp Grotesk 10", Impact, "Arial Narrow", sans-serif;
  --font-compressed: "Sharp Grotesk 05", Impact, "Arial Narrow", sans-serif;
  --font-label: "Sharp Grotesk 15", "Arial Narrow", Arial, sans-serif;
  --font-heading: "Sharp Grotesk 25", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "GT America", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "GT America Mono", ui-monospace, Menlo, monospace;
  --font-serif: "Tiempos Text", Georgia, serif;
}
@font-face { font-family: "Sharp Grotesk 05"; src: url("project/fonts/SharpGrotesk-Bold05.otf"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Sharp Grotesk 10"; src: url("project/fonts/SharpGrotesk-Bold10.otf"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Sharp Grotesk 10"; src: url("project/fonts/SharpGrotesk-Medium10.otf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Sharp Grotesk 15"; src: url("project/fonts/SharpGrotesk-Medium15.otf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Sharp Grotesk 25"; src: url("project/fonts/SharpGrotesk-Medium25.otf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "GT America"; src: url("project/fonts/GTAmerica-Regular.ttf"); font-weight: 400; font-display: swap; }
@font-face { font-family: "GT America Mono"; src: url("project/fonts/GT-America-Mono-Regular.otf"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Tiempos Text"; src: url("project/fonts/TiemposText-Regular.ttf"); font-weight: 400; font-display: swap; }
.display-hero { font: 500 518px/0.8 var(--font-heading); letter-spacing: -0.02em; }
.display-mega { font: 500 300px/0.8 var(--font-heading); letter-spacing: -0.03em; }
.display-vertical { font: 700 240px/0.85 var(--font-display); }
.display-date { font: 700 240px/0.9 var(--font-compressed); }
.display-cta { font: 500 18px/1 var(--font-label); letter-spacing: 0.04em; }
.display-label { font: 500 16px/1 var(--font-label); letter-spacing: 0.04em; }
.text-section { font: 500 104px/0.95 var(--font-heading); letter-spacing: -0.02em; }
.text-title { font: 500 42px/56px var(--font-heading); letter-spacing: -0.01em; }
.text-statement { font: 500 28px/44px var(--font-label); letter-spacing: 0; }
.text-bracket { font: 500 24px/32px var(--font-heading); letter-spacing: -0.01em; }
.text-index { font: 500 12px/17px var(--font-heading); }
.text-intro { font: 400 28px/1.3 var(--font-serif); }
.text-meta { font: 400 18px/22px var(--font-sans); }
.text-body { font: 400 16px/22px var(--font-sans); letter-spacing: -0.01em; }
.text-eyebrow { font: 400 15px/20px var(--font-sans); letter-spacing: -0.01em; }
.text-lead { font: 400 17px/24px var(--font-serif); letter-spacing: 0; }
.text-micro { font: 400 11px/17px var(--font-mono); letter-spacing: 0; }