/* Rapids — supporting typeface (interim)
   The logotype is fixed artwork (see 01-brand/). The supporting face is NOT
   yet locked with Clark — Archivo (expanded, with italic) is the working
   substitute: an engineered grotesque whose expanded width sits in the
   logotype's world. Swap here when the final face lands.

   Three things here are load-bearing, all of them because graphics are
   exported by rasterising the DOM and the exporter has to embed the font.

   1. SELF-HOSTED. A cross-origin @import cannot be read by the exporter, so
      the font was never embedded at all.

   2. THIS FILE MUST BE LINKED DIRECTLY BY ANY PAGE THAT EXPORTS. The exporter
      walks document.styleSheets and cannot resolve a sheet reached through
      nested @imports — portal.css imports styles.css imports this. Reached
      that way the font silently fails to embed and type comes out in a
      fallback face, ~20% narrow, breaking lines differently from the screen.
      Add <link rel="stylesheet" href=".../02-type/fonts.css"> to the page.

   3. THE WIDTH IS BAKED IN, NOT AN AXIS. The rasteriser ignores variable font
      axes — font-stretch and font-variation-settings both render the file's
      default instance. So the expanded files are instanced at wdth 125 with
      fontTools (the axis is removed, weight stays variable). font-stretch:
      125% below is a label matching what the file already is, not a request
      to interpolate. A new width means instancing a new file, not a number.

   Archivo v25, latin + latin-ext, roman and italic. Vietnamese dropped. */

/* ---------- expanded — the system default, 54 of 55 uses ---------- */


@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 125%;
  font-display: block;
  src: url("./fonts/archivo-exp-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 125%;
  font-display: block;
  src: url("./fonts/archivo-exp-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 125%;
  font-display: block;
  src: url("./fonts/archivo-exp-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 125%;
  font-display: block;
  src: url("./fonts/archivo-exp-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- normal width — its own family, so nothing has to
   match on a width descriptor. Used only by Subtitle.jsx. ---------- */

@font-face {
  font-family: "Archivo Normal";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("./fonts/archivo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Archivo Normal";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("./fonts/archivo-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Archivo Normal";
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url("./fonts/archivo-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Archivo Normal";
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url("./fonts/archivo-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}