/* ═════════════════════════════════════════════════════════════════════════
   Figtree — die Hausschrift

   Lokal gehostet, nicht über Google Fonts geladen: keine Fremdanfrage beim
   Seitenaufruf, kein Datenabfluss, kein zusätzlicher Verbindungsaufbau.

   Variable Achse 300–900, deshalb genügt eine Datei je Schnitt statt fünf
   einzelner Gewichte. Die Kursive ist eine eigene Datei — Figtree bringt
   keine Kursivachse mit, und eine vom Browser schräggestellte Grundschrift
   ist keine Kursive, sondern eine gescherte Aufrechte.
   ═════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-var.woff2") format("woff2-variations"),
       url("../fonts/figtree-var.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-italic-latin.woff2") format("woff2-variations"),
       url("../fonts/figtree-italic-latin.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-italic-latin-ext.woff2") format("woff2-variations"),
       url("../fonts/figtree-italic-latin-ext.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
                 U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Figtree wird zur Grundschrift UND zur Überschriftenschrift. Die
   Serifenschrift bleibt nur noch für echte Kundenzitate im Einsatz —
   siehe --zitat. */
:root {
  --sans: "Figtree", Verdana, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --serif: "Figtree", Verdana, -apple-system, "Segoe UI", system-ui, sans-serif;
  --zitat: "Newsreader", Georgia, "Times New Roman", serif;
}

/* Große Überschriften bekommen das Gewicht und die Enge der Vorlage:
   fett, dicht gesetzt, ausgeglichene Zeilenlängen. */
h1, h2, h3, .hero__title, .final__title, .wasist__marke, .final__marke, .bsp__satz, .rf__name, .pj__titel h3 {
  font-weight: 700;
  letter-spacing: -0.035em;
  text-wrap: balance;
  font-style: normal;
}
/* h3 bekommt dieselbe Stärke, aber nicht dieselbe Laufweite. -0,035 em ist
   an h1 (bis 84 px) und h2 (bis 64 px) bemessen; auf h3 bei 21 bis 27 px
   stießen die Buchstaben aneinander. Enger Satz ist eine Funktion des
   Schriftgrads, kein Markenwert. */
h3 { letter-spacing: -0.02em; }
h1, .hero__title { line-height: 1.02; }
h2, .final__title, .wasist__marke, .final__marke { line-height: 1.04; }

/* Hervorhebungen stehen in echter Kursive, halbfett. */
.mk { font-weight: 700; font-style: italic; letter-spacing: -0.02em; }

/* Nur echte Zitate bleiben in der Serifenschrift. */
.stimme__text { font-family: var(--zitat); font-weight: 400; letter-spacing: -0.01em; }