@charset "utf-8";
/* ============================================================================
   TORQUE DESIGN SYSTEM
   00 · FONTS — self-hosted. Load this FIRST, before tq.tokens.css.
   ----------------------------------------------------------------------------
   One family, two widths: BARLOW.
   Barlow was drawn from the lettering on California highway signs and licence
   plates: slightly rounded, low contrast, built to be read at speed from a
   moving car. A tire shop's interface speaks the typography of the road.

     Barlow            400 · 500 · 600 · 700   text and UI
     Barlow Condensed  600 · 700               display, prices, tire sizes,
                                               eyebrows, big numbers

   Both carry true tabular figures ("tnum"), so a price, a stock count and a
   tire size (205/55R16) line up digit for digit in any table.

   Budget: six files, 134 KB in total, all from the same origin as the page:
     · no third-party request in the critical path;
     · no visitor IP handed to a font CDN;
     · version-pinned, so the site never changes because someone upstream did.

   Barlow · Jeremy Tribby, The Barlow Project Authors · SIL OFL 1.1
   (licence text: Content/fonts/Barlow-OFL.txt — keep it beside the fonts)
   ========================================================================= */

/* ── Barlow — text and UI ───────────────────────────────────────────────── */

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/barlow-latin-400.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: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/barlow-latin-500.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: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/barlow-latin-600.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: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/barlow-latin-700.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;
}

/* ── Barlow Condensed — display, prices, sizes ──────────────────────────── */

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/barlow-condensed-latin-600.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: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/barlow-condensed-latin-700.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;
}

/* ── The fallback, measured ─────────────────────────────────────────────────
   While Barlow is still arriving, the page is drawn in the system's Arial.
   Barlow is 92.2% as wide as Arial (measured over a pangram, capitals and
   figures), so the fallback is scaled to Barlow's width and given Barlow's
   own vertical metrics. When the real font lands, lines do not re-wrap and
   nothing below them jumps.                                               */
@font-face {
  font-family: "Barlow Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
  size-adjust: 92.2%;
  ascent-override: 108.5%;
  descent-override: 21.7%;
  line-gap-override: 0%;
}