/* ============================================
   LOCAL FONTS
   Self-hosted replacement for the Adobe Fonts (Typekit) kit "nms4xbv".
   Family names match the ones already used across the CSS so no other
   stylesheet changes are required.
   ============================================ */

/* Aktiv Grotesk Extended — used for headings/buttons/nav */
@font-face {
  font-family: 'aktiv-grotesk-extended';
  src: url('/assets/fonts/aktiv-grotesk-extended-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk-extended';
  src: url('/assets/fonts/aktiv-grotesk-extended-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk-extended';
  src: url('/assets/fonts/aktiv-grotesk-extended-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk-extended';
  src: url('/assets/fonts/aktiv-grotesk-extended-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Aktiv Grotesk — body copy */
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/assets/fonts/aktiv-grotesk-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/assets/fonts/aktiv-grotesk-light-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/assets/fonts/aktiv-grotesk-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/assets/fonts/aktiv-grotesk-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk';
  src: url('/assets/fonts/aktiv-grotesk-medium-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Aktiv Grotesk Thin — standalone family name used directly in a few spots */
@font-face {
  font-family: 'aktiv-grotesk-thin';
  src: url('/assets/fonts/aktiv-grotesk-thin.woff2') format('woff2');
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aktiv-grotesk-thin';
  src: url('/assets/fonts/aktiv-grotesk-thin-italic.woff2') format('woff2');
  font-weight: 100 400;
  font-style: italic;
  font-display: swap;
}

/* Miller Headline — heading font. Only the Roman cut was supplied, so it
   covers the whole 300-700 range used across the site (real Light/Italic
   cuts can be dropped in later without touching any other CSS). */
@font-face {
  font-family: 'miller-headline';
  src: url('/assets/fonts/miller-headline-roman.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* Roc Grotesk — wordmark */
@font-face {
  font-family: 'roc-grotesk';
  src: url('/assets/fonts/roc-grotesk-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}