/* ==========================================================================
   Prime UC — Typography
   Single grotesque (Archivo — a FormaDJR-adjacent grotesque on Google Fonts).
   Prime UC's voice is strong: headings are heavy and tight.
   ========================================================================== */

h1, h2, h3,
.display {
  font-family: var(--font-sans);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.035em;
  text-transform: none;
  text-wrap: balance;
}

h1 { font-size: var(--text-hero); font-weight: 900; }
h2 { font-size: var(--text-2xl); }
h3 { font-size: var(--text-xl); }

p, li, .body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-soft);
  text-wrap: pretty;
}

.lead {
  font-size: var(--text-lg);
  line-height: 1.45;
  color: var(--color-text);
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Eyebrow / kicker label */
.eyebrow {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--color-text-mute);
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
}
.eyebrow::before {
  content: "";
  width: 1.8em;
  height: 1px;
  background: var(--color-red);
}

/* Emphasis inside headings: italic of the same grotesque — monochrome,
   character from slant + the lighter optical feel, not color. */
.display em,
h1 em, h2 em, .pullquote em {
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.numeral {
  font-family: var(--font-sans);
  font-weight: 800;
  letter-spacing: -0.04em;
}