/* ==========================================================================
   Top Frame — self-hosted webfaces
   Inter (variable, 100-900) carries everything structural: UI, nav, body,
   h3-h6, buttons, labels. Source Serif 4 (variable, 200-900, with an optical
   size axis) is display-only — h1/h2 and the few large editorial statements.
   Self-hosted so there is no third-party request on first paint and no layout
   shift from a blocked CDN. Latin subset only; both files are the Google Fonts
   latin cut, which is why they are small.
   ========================================================================== */

@font-face{
  font-family:'Inter';
  src:url('/assets/fonts/inter-var.woff2') format('woff2');
  font-weight:100 900;            /* one variable file covers every weight */
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Source Serif 4';
  src:url('/assets/fonts/source-serif-var.woff2') format('woff2');
  font-weight:200 900;
  font-style:normal;
  font-display:swap;
  /* the face also carries an opsz axis (8-60); font-optical-sizing is auto by
     default, so large headings pick up the display cut on their own. */
}