/* ==========================================================================
   Beezy Beads - typefaces

   All self hosted. Nothing here reaches out to Google or anywhere else, so
   the shop loads at the same speed on a bad connection and no third party
   is told who is browsing.

   Two are used by the shop as it stands:

     Bricolage Grotesque   headings, product names, prices
     Hanken Grotesk        everything else

   The other four came off the original business card and are kept declared
   so a different look can be switched on by changing the font variables at
   the top of site.css - a face nothing asks for is never downloaded.

   Unicode ranges are split latin / latin-ext so a name with an accent in it
   still sets correctly without every visitor paying for those glyphs.
   ========================================================================== */

/* ---- Bricolage Grotesque, variable 400-700 with optical sizing ---------- */
@font-face{
  font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 700;
  font-stretch:normal;font-display:swap;
  src:url('../fonts/bricolage-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:'Bricolage Grotesque';font-style:normal;font-weight:400 700;
  font-stretch:normal;font-display:swap;
  src:url('../fonts/bricolage-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;
}

/* ---- Hanken Grotesk, variable 400-600 ---------------------------------- */
@font-face{
  font-family:'Hanken Grotesk';font-style:normal;font-weight:400 600;
  font-display:swap;
  src:url('../fonts/hanken-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:'Hanken Grotesk';font-style:normal;font-weight:400 600;
  font-display:swap;
  src:url('../fonts/hanken-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;
}

/* ---- the display face --------------------------------------------------
   Instrument Serif, self hosted like everything else here: no request ever
   leaves this origin for a typeface. One weight is all it has, and one
   weight is all the site asks for - every rule that used to say 500 or 600
   now says 400, because there is nothing else to say. */
@font-face{
  font-family:'Instrument Serif';font-weight:400;font-display:swap;
  src:url('../fonts/instrument-serif-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:'Instrument Serif';font-weight:400;font-display:swap;
  src:url('../fonts/instrument-serif-400-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:'Instrument Serif';font-weight:400;font-style:italic;font-display:swap;
  src:url('../fonts/instrument-serif-400-italic.woff2') format('woff2');
}

/* ---- from the business card, held in reserve --------------------------- */
@font-face{font-family:'Jost';font-weight:300;font-display:swap;src:url('../fonts/jost-300.woff2') format('woff2')}
@font-face{font-family:'Jost';font-weight:400;font-display:swap;src:url('../fonts/jost-400.woff2') format('woff2')}
@font-face{font-family:'Jost';font-weight:500;font-display:swap;src:url('../fonts/jost-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:400;font-display:swap;src:url('../fonts/cormorant-400.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-display:swap;src:url('../fonts/cormorant-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-display:swap;src:url('../fonts/cormorant-600.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:400;font-style:italic;font-display:swap;src:url('../fonts/cormorant-400-italic.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-weight:400;font-display:swap;src:url('../fonts/caveat-400.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-weight:600;font-display:swap;src:url('../fonts/caveat-600.woff2') format('woff2')}
@font-face{font-family:'Parisienne';font-weight:400;font-display:swap;src:url('../fonts/parisienne-400.woff2') format('woff2')}