/* Self-hosted fonts — no network request, no late swap.

   The page previously loaded these from fonts.googleapis.com with
   `display=swap`. On a phone that means the fallback face paints first and the
   real face arrives at an unpredictable moment — if it lands while the visitor is
   already scrolling, the ENTIRE page re-lays-out under their thumb. That is a
   stutter no amount of paint optimisation can remove, because it is a layout
   reflow triggered by a third-party response.

   Two changes fix it:
     1. The woff2 files live in this repo, so they arrive with the site.
     2. `font-display: optional` — the browser uses the fallback for this visit if
        the font is not ready almost immediately, and never reflows mid-scroll.
        The font is then cached and used from the next visit on.

   Cormorant Garamond 400/500/600 are a single variable font (byte-identical files
   at all three weights), so one file is declared across the whole weight range
   rather than downloaded three times: 37KB instead of 111KB.
*/

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 600;
  font-display: optional;
  src: url("assets/fonts/cormorant-garamond.woff2") format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url("assets/fonts/cormorant-garamond-italic.woff2") format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 600;
  font-display: optional;
  src: url("assets/fonts/manrope.woff2") format('woff2');
}