/* ==========================================================================
   Self-hosted type — Smiles 4 Miles Grill

   Pulled from Google Fonts (latin subset), then processed twice:

   1. Archivo's `wdth` axis is PINNED AT 78 — the width the brand uses
      everywhere. That turns a two-axis variable font into one axis and takes
      it from 87 KB to 20 KB. There is no `wdth` axis left to set in CSS.
   2. Both families are subset to the latin characters this site actually
      renders (basic latin + common accents + punctuation).

   248 KB -> 96 KB across four faces, and serving them same-origin removes two
   cross-origin handshakes (fonts.googleapis.com, fonts.gstatic.com) from the
   critical path — the biggest single FCP cost on throttled mobile.

   Retuning the display width means re-cutting the fonts, not editing CSS.
   The command is in docs/template-integration-guide.md.
   ========================================================================== */

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/archivo-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/archivo-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrument-sans-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Instrument Sans';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrument-sans-italic.woff2') format('woff2');
}