/* Typography — Archivo (display + body) and IBM Plex Mono (labels).
   Display never below ~26px; mono never above 15px. */
:root{
  --font-body:"Archivo", system-ui, sans-serif;
  --font-mono:"IBM Plex Mono", monospace;
  --stretch-display:118%;
  /* display scale — 900, UPPERCASE, line-height .95, letter-spacing .01em */
  --text-display-xl:clamp(52px, 10vw, 140px);   /* hero name */
  --text-display-l:clamp(40px, 6.5vw, 84px);    /* breaker titles (v3, narrower) */
  --text-display-m:clamp(44px, 8vw, 100px);     /* contact headline */
  --text-display-s:clamp(26px, 3.4vw, 40px);    /* about heading */
  /* body & titles */
  --text-body-size:17px;
  --text-lead:19px;
  --text-card-title:17px;                        /* 700, Title Case */
  --text-hero-copy-title:clamp(22px, 2.6vw, 30px);
  --text-hero-copy-desc:15.5px;
  --text-stat:clamp(44px, 6vw, 72px);            /* 900, stretch 118% */
  /* mono scale — always lowercase, 11–14px */
  --text-eyebrow:12px;
  --text-nav:12px;
  --text-clients:14px;
  --text-micro:11px;
  /* tracking */
  --track-eyebrow:.28em;
  --track-nav:.18em;
  --track-clients:.24em;
  --track-micro:.22em;
  --track-stat-unit:.2em;
}