/* ============================================================
   The Identity Atelier — Webfonts
   ------------------------------------------------------------
   REAL brand fonts (self-hosted, provided by client):
     • Playfair Display    → high-contrast Didone display serif
                              (headlines, hero, italic emphasis, wordmark feel)
     • Noto Serif          → editorial reading serif (long-form body, leads)
     • Gloria Hallelujah   → handwritten accent / carousel subtitles

   SUBSTITUTED (closest free Google match — flagged to client):
     • Hanken Grotesk      → neutral grotesque for UI/labels/buttons/captions
   ============================================================ */

/* ---- Substituted, from Google Fonts (replace if licensed face exists) ----
   NOTE: @import must precede all other rules, so it lives at the top. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/* ---- Real, self-hosted (variable fonts) ---- */
@font-face {
  font-family: 'Playfair Display';
  src: url('../assets/fonts/PlayfairDisplay-Variable.ttf') format('truetype');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../assets/fonts/PlayfairDisplay-Italic-Variable.ttf') format('truetype');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif';
  src: url('../assets/fonts/NotoSerif-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif';
  src: url('../assets/fonts/NotoSerif-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gloria Hallelujah';
  src: url('../assets/fonts/GloriaHallelujah-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---- Substituted, from Google Fonts (replace if licensed face exists) ---- */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');