@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Italic-102a.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Bold-102a.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-BoldItalic-102a.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Metric-matched fallback: local Arial, tuned so the swap from fallback to
   the real webfont causes minimal layout shift. Values computed from the
   actual font files (fontTools: unitsPerEm/ascent/descent/lineGap/xHeight),
   not guessed — see specs/features/font-load-cls.md. */
@font-face {
  font-family: 'Atkinson Hyperlegible Fallback';
  /* Multiple local() candidates: 'Arial' only resolves on Windows/macOS.
     'Liberation Sans' is Arial's metric-compatible Linux equivalent (and
     what these override values were actually measured against) — without
     it, Linux visitors silently skip this whole fallback and get NO
     override tuning at all, reproducing the original shift. */
  src: local('Arial'), local('Liberation Sans'), local('Helvetica');
  ascent-override: 84.79%;
  descent-override: 26.74%;
  line-gap-override: 15.98%;
  size-adjust: 93.88%;
}