/* Alro — display face for main titles.
   Loaded by every page; see the type system note at the bottom.

   Shipped as TTF because no WOFF2 encoder was available on this machine.
   The files are small (46KB / 48KB) so this is fine, but converting to WOFF2
   would cut them by roughly half:
     woff2_compress alro-alro-regular-400.ttf
     woff2_compress alro-alro-bold-700.ttf
   ...then add a `url(...) format('woff2')` source ahead of the truetype one. */

@font-face {
  font-family: 'Alro';
  src: url('./alro-alro-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alro';
  src: url('./alro-alro-bold-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Alro is noticeably wider than Space Grotesk, so a late swap visibly reflows
   the hero — the pages preload the bold weight to keep that window short. */

/* ---------------------------------------------------------------------------
   TYPE SYSTEM

   Alro           display / main titles — page titles, section headings,
                  project card titles, stat figures, the wordmark.
   Space Grotesk  small uppercase tracked labels (eyebrows, résumé/project
                  section labels), nav actions, marquees, and the lead
                  pull-quote. Alro is a display face: at 13px with 0.2em
                  tracking it loses legibility, and a 60-word paragraph set
                  in it is tiring to read.
   Manrope        body copy.
   --------------------------------------------------------------------------- */