/* Self-hosted fonts (latin subset) — replaces the render-blocking fonts.googleapis.com stylesheet.
   Inter is a variable font (one file covers weights 100–900). Source: Google Fonts (SIL OFL).

   font-display strategy (CLS):
   - Inter (body): 'swap' — proportional, metric-close to the system fallback, preloaded → fast, no
     wrap change → negligible CLS; we want body text visible immediately.
   - Bebas Neue / Black Ops One (display headings): 'optional' — these are heavily CONDENSED, so with
     'swap' the wide Arial fallback wraps headings onto extra lines and everything below jumps a full
     line-height (~100px) when the real font swaps in (measured CLS up to 0.44). 'optional' shows the
     real font when it's ready (tiny + cached + Brotli) and otherwise keeps the fallback for that view
     with NO swap → zero layout shift. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('/fonts/bebas-neue-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('/fonts/black-ops-one-400.woff2') format('woff2');
}