/* ======================================================================
   SELF-HOSTED FONTS — one source for the whole site
   ----------------------------------------------------------------------
   Replaces the render-blocking Google Fonts <link> and the jsDelivr IBM
   Plex Mono @font-face rules that every page used to carry.

   The reason this became urgent rather than tidy: cross-document view
   transitions give the incoming document a deadline to reach first
   render, and a stylesheet on a third-party origin puts DNS + TLS + a
   round trip in front of first paint. Miss the deadline and Chrome drops
   the transition entirely. Same-origin woff2 removes that whole leg.

   Albert Sans and Fraunces are VARIABLE fonts — Google serves one file
   per family covering every weight we use, so the @font-face rules below
   deliberately point several weights at the same file.

   IBM Plex Mono is the "complete" build, NOT Google's subset: the
   chromatic wordmark depends on the ss01/ss02 single-story "a", which
   the subset drops. The italic cut is real, not synthesized, for the
   same reason (see the wordmark notes in the pages).
   ====================================================================== */

@font-face{
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/albert-sans-var.woff2) format('woff2');
}
@font-face{
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/albert-sans-var.woff2) format('woff2');
}
@font-face{
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/albert-sans-var.woff2) format('woff2');
}
@font-face{
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/fraunces-var.woff2) format('woff2');
}
@font-face{
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/fraunces-var.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibm-plex-serif-400.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibm-plex-serif-400-italic.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibm-plex-mono-400.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/ibm-plex-mono-500.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/ibm-plex-mono-600.woff2) format('woff2');
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/ibm-plex-mono-600-italic.woff2) format('woff2');
}