/* ============================================================
   font-face.css — self-hosted type for production (NO CDN).
   Place the .woff2 files alongside this file (artifacts/fonts/).
   During the design phase the pages load these families from
   Google Fonts for preview; for production, remove that <link>
   and ship these declarations + the .woff2 files referenced below.

   Download sources (open-source licenses):
     Schibsted Grotesk — https://github.com/schibsted/Schibsted-Grotesk
     Hanken Grotesk     — https://github.com/marcologous/hanken-grotesk
   Subset to latin + latin-ext, weights 400/500/600/700.
   ============================================================ */

/* ---- Schibsted Grotesk (display / headings) ---- */
@font-face{
  font-family:'Schibsted Grotesk';
  src:url('schibsted-grotesk-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Schibsted Grotesk';
  src:url('schibsted-grotesk-500.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Schibsted Grotesk';
  src:url('schibsted-grotesk-600.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Schibsted Grotesk';
  src:url('schibsted-grotesk-700.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}

/* ---- Hanken Grotesk (body / UI) ---- */
@font-face{
  font-family:'Hanken Grotesk';
  src:url('hanken-grotesk-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Hanken Grotesk';
  src:url('hanken-grotesk-500.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Hanken Grotesk';
  src:url('hanken-grotesk-600.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Hanken Grotesk';
  src:url('hanken-grotesk-700.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}