/* Mark Maier — generated from tokens.json */
:root, [data-theme="dark"] {
  --bg: #0e1522;
  --bg-2: #151f30;
  --ink: #f2ece3;
  --muted: #a6adbb;
  --amber: #f0b440;
  --brick: #c25a3e;
  --rule: rgba(242,236,227,.14);
  --tile: #ffffff;
}
:root {
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 7rem;
  --content-max: 1180px;
  --radius-sm: 2px;
  --radius-full: 50%;
  --text-hero-name: clamp(4.4rem, 15vw, 11rem);
  --text-page-title: clamp(4rem, 12vw, 8.5rem);
  --text-show-title: clamp(3.2rem, 8vw, 6.2rem);
  --text-h2: clamp(2.6rem, 6vw, 4.4rem);
  --text-h2-compact: clamp(2rem, 4.5vw, 3rem);
  --text-email: clamp(1.8rem, 4.5vw, 3rem);
  --text-stat: clamp(1.5rem, 6vw, 1.9rem);
  --text-pull-quote: clamp(1.5rem, 2.6vw, 2rem);
  --text-tagline: clamp(1.15rem, 2.2vw, 1.5rem);
  --text-h3: 1.5rem;
  --text-h3-gig: 1.7rem;
  --text-date-numeral: 2.4rem;
  --text-date-large: 3.6rem;
  --text-lede: 1.25rem;
  --text-body: 1.0625rem;
  --text-small: 0.85rem;
  --text-eyebrow: 0.78rem;
  --text-tag: 0.7rem;
  --text-logo: 1.5rem;
  --text-press-quote: 1.6rem;
  --text-testimonial: 1.15rem;
  --text-role: 1.15rem;
  --text-button: 0.85rem;
  --text-nav: 0.85rem;
  --tracking-eyebrow: 0.18em;
  --tracking-caption-wide: 0.16em;
  --tracking-caption: 0.14em;
  --tracking-menu: 0.12em;
  --tracking-button: 0.1em;
  --tracking-nav: 0.08em;
  --tracking-logo: 0.06em;
  --tracking-h3: 0.04em;
  --tracking-h2: 0.01em;
  --tracking-hero-name: -0.005em;
  --gutter: clamp(16px, 4vw, 48px);
  --section-pad: clamp(4rem, 9vw, 7rem);
  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-quote: "Instrument Serif", Georgia, "Times New Roman", serif;
}
.t-hero-name { font-family: var(--font-display); font-size: var(--text-hero-name); line-height: 0.82; font-weight: 900; letter-spacing: var(--tracking-hero-name); }
.t-show-title { font-family: var(--font-display); font-size: var(--text-show-title); line-height: 0.85; font-weight: 900; }
.t-page-title { font-family: var(--font-display); font-size: var(--text-page-title); line-height: 0.82; font-weight: 900; }
.t-h2 { font-family: var(--font-display); font-size: var(--text-h2); line-height: 0.95; font-weight: 800; letter-spacing: var(--tracking-h2); }
.t-h2-compact { font-family: var(--font-display); font-size: var(--text-h2-compact); line-height: 0.95; font-weight: 800; letter-spacing: var(--tracking-h2); }
.t-h3 { font-family: var(--font-display); font-size: var(--text-h3); line-height: 0.95; font-weight: 800; letter-spacing: var(--tracking-h3); }
.t-stat { font-family: var(--font-display); font-size: var(--text-stat); line-height: 1; font-weight: 800; }
.t-date-numeral { font-family: var(--font-display); font-size: var(--text-date-numeral); line-height: 0.9; font-weight: 900; }
.t-email { font-family: var(--font-display); font-size: var(--text-email); line-height: 1; font-weight: 800; letter-spacing: 0.02em; }
.t-logo { font-family: var(--font-display); font-size: var(--text-logo); line-height: 1; font-weight: 900; letter-spacing: var(--tracking-logo); }
.t-tagline { font-family: var(--font-quote); font-size: var(--text-tagline); line-height: 1.35; font-weight: 400; font-style: italic; }
.t-pull-quote { font-family: var(--font-quote); font-size: var(--text-pull-quote); line-height: 1.25; font-weight: 400; font-style: italic; }
.t-press-quote { font-family: var(--font-quote); font-size: var(--text-press-quote); line-height: 1; font-weight: 400; font-style: italic; }
.t-testimonial { font-family: var(--font-quote); font-size: var(--text-testimonial); line-height: 1.5; font-weight: 400; }
.t-role { font-family: var(--font-quote); font-size: var(--text-role); line-height: 1.35; font-weight: 400; font-style: italic; }
.t-body { font-family: var(--font-body); font-size: var(--text-body); line-height: 1.65; font-weight: 400; }
.t-lede { font-family: var(--font-body); font-size: var(--text-lede); line-height: 1.5; font-weight: 400; }
.t-eyebrow { font-family: var(--font-body); font-size: var(--text-eyebrow); line-height: 1; font-weight: 600; letter-spacing: var(--tracking-eyebrow); }
.t-button { font-family: var(--font-body); font-size: var(--text-button); line-height: 1; font-weight: 600; letter-spacing: var(--tracking-button); }
.t-nav { font-family: var(--font-body); font-size: var(--text-nav); line-height: 1; font-weight: 500; letter-spacing: var(--tracking-nav); }
.t-small { font-family: var(--font-body); font-size: var(--text-small); line-height: 1.4; font-weight: 400; }
.t-tag { font-family: var(--font-body); font-size: var(--text-tag); line-height: 1.6; font-weight: 600; letter-spacing: var(--tracking-button); }