/* Blade Barber: the two typefaces, served from this site's own fonts/ folder.
   Barlow (text) and Big Shoulders Display (headings and prices) are both under the
   SIL Open Font License; the licence files sit beside the font files.
   Every @font-face rule for the site lives in this one file. */

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/barlow-latin-400-normal.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-normal.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-normal.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: "Big Shoulders Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/big-shoulders-display-latin-800-normal.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;
}

/* Stand-ins for the moment before the real fonts arrive.
   Each one is a face already on the visitor's device, scaled to the same width as the real font,
   so headings, buttons and lines of text do not jump when the real font lands.
   Nothing is downloaded for these. A device that has none of them skips straight past. */

/* For Barlow: Helvetica Neue (Apple), Roboto (Android) or Arial (Windows), all a touch wider than Barlow */
@font-face {
  font-family: "Text Fallback";
  font-weight: 400 600;
  src: local("Helvetica Neue"), local("HelveticaNeue"), local("Roboto"), local("Arial"), local("ArialMT");
  size-adjust: 96%;
}

/* For Big Shoulders Display: a condensed bold face, one rule per device family because each needs its own scale */

@font-face {
  font-family: "Display Fallback Apple";
  font-weight: 800;
  src: local("HelveticaNeue-CondensedBold");
  size-adjust: 85.6%;
}

@font-face {
  font-family: "Display Fallback Narrow";
  font-weight: 800;
  src: local("Arial Narrow Bold"), local("ArialNarrow-Bold");
  size-adjust: 82.3%;
}

@font-face {
  font-family: "Display Fallback Android";
  font-weight: 800;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold");
  size-adjust: 81.9%;
}

@font-face {
  font-family: "Display Fallback Impact";
  font-weight: 800;
  src: local("Impact");
  size-adjust: 89.2%;
}