/*
 * STORY Magazine G2 — Font Faces
 * Phase 2 Foundation
 * Source: FONT-FORENSICS.md, TYPOGRAPHY-SYSTEM.md
 * Decisions: C-2 Body Typography, FONT-FACE NORMALIZATION
 *
 * Provenance:
 *   Family name "Graphik Web"    — FONT-FORENSICS.md §Primary Font
 *   Weights 300 / 400 / 500      — TYPOGRAPHY-SYSTEM.md §Loaded Weights
 *   Italic variants              — FONT-FORENSICS.md §Loaded WOFF2 Files
 *   font-display: swap           — FONT-FORENSICS.md §Font Face Declaration
 */

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/Graphik-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/graphik/Graphik-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/Graphik-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/graphik/Graphik-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/Graphik-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('../fonts/graphik/Graphik-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}