/* Notes:
 * "FKGrotesk" is a variable font that contains many weights, but
 * it does not contain the "FKGroteskMono" (serif) styling.
 */

/* Sans Regular */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Regular;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Sans Italic */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Italic;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Sans Bold */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Bold;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: FKGrotesk-BoldItalic;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}


/* Sans Light */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Light;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: FKGrotesk-LightItalic;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}


/* Sans Medium */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Medium;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: FKGrotesk-MediumItalic;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}


/* Sans Black */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGrotesk-Black;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: FKGrotesk-BlackItalic;
  src: url('../fonts/FKGrotesk.woff2') format('woff2'),
       url('../fonts/FKGrotesk.woff') format('woff'),
       url('../fonts/FKGrotesk.ttf') format('ttf');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


/* Mono Regular */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGroteskMono-Regular;
  src: url('../fonts/FKGroteskMono-Regular.woff2') format('woff2'),
       url('../fonts/FKGroteskMono-Regular.woff') format('woff'),
       url('../fonts/FKGroteskMono-Regular.otf') format('otf'),
       url('../fonts/FKGroteskMono-Regular.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}


/* Mono Light */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGroteskMono-Light;
  src: url('../fonts/FKGroteskMono-Light.woff2') format('woff2'),
       url('../fonts/FKGroteskMono-Light.woff') format('woff'),
       url('../fonts/FKGroteskMono-Light.otf') format('otf'),
       url('../fonts/FKGroteskMono-Light.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}
@font-face {
  font-family: FKGroteskMono-Lightitalic;
  src: url('../fonts/FKGroteskMono-Lightitalic.woff2') format('woff2'),
       url('../fonts/FKGroteskMono-Lightitalic.woff') format('woff'),
       url('../fonts/FKGroteskMono-Lightitalic.otf') format('otf'),
       url('../fonts/FKGroteskMono-Lightitalic.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}


/* Semi Mono Light */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGroteskSemiMono-Light;
  src: url('../fonts/FKGroteskSemiMono-Light.woff2') format('woff2'),
       url('../fonts/FKGroteskSemiMono-Light.woff') format('woff'),
       url('../fonts/FKGroteskSemiMono-Light.otf') format('otf'),
       url('../fonts/FKGroteskSemiMono-Light.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}
@font-face {
  font-family: FKGroteskSemiMono-LightItalic;
  src: url('../fonts/FKGroteskSemiMono-LightItalic.woff2') format('woff2'),
       url('../fonts/FKGroteskSemiMono-LightItalic.woff') format('woff'),
       url('../fonts/FKGroteskSemiMono-LightItalic.otf') format('otf'),
       url('../fonts/FKGroteskSemiMono-LightItalic.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}


/* Semi Mono Medium */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: FKGroteskSemiMono-Medium;
  src: url('../fonts/FKGroteskSemiMono-Medium.woff2') format('woff2'),
       url('../fonts/FKGroteskSemiMono-Medium.woff') format('woff'),
       url('../fonts/FKGroteskSemiMono-Medium.otf') format('otf'),
       url('../fonts/FKGroteskSemiMono-Medium.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}
@font-face {
  font-family: FKGroteskSemiMono-MediumItalic;
  src: url('../fonts/FKGroteskSemiMono-MediumItalic.woff2') format('woff2'),
       url('../fonts/FKGroteskSemiMono-MediumItalic.woff') format('woff'),
       url('../fonts/FKGroteskSemiMono-MediumItalic.otf') format('otf'),
       url('../fonts/FKGroteskSemiMono-MediumItalic.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-variant-numeric: slashed-zero;
}