/* fonts.css — Cormorant Garamond ja Jost omalta palvelimelta.
 *
 * Luotu 8.10.2026. Korvaa Google Fontsin kaikilla sivuilla.
 *
 * KAKSI SYYTÄ:
 *   1. CLS. Google Fontsin lataus sai sivun piirtymään ensin
 *      varafontilla ja hyppäämään kun oikea fontti saapui.
 *      Cloudflaren mittaus: CLS 0,108, elementti #hero.
 *   2. Tietosuoja. Google Fonts välitti kävijän IP-osoitteen
 *      Googlelle joka sivulatauksella, eikä Googlea ollut
 *      mainittu tietosuojaselosteen käsittelijöissä.
 *
 * MUOTO ON WOFF EIKÄ WOFF2. Työympäristöstä puuttui brotli,
 * jota woff2 vaatii. Woff on noin 30 % suurempi mutta toimii
 * kaikissa selaimissa. Jos tiedostot halutaan joskus pienemmiksi,
 * saman ositusajon voi toistaa koneella jossa brotli on, ja
 * vaihtaa vain päätteet ja format()-arvot tähän tiedostoon.
 *
 * LEIKKAUKSET ovat tasan samat jotka Google Fontsista ladattiin:
 * Cormorant Garamond 300/400/500 ja kursiivit 300/400,
 * Jost 300/400/500. Jostin kursiivia EI ole, koska sitä ei ollut
 * ennenkään. Selain muodostaa .article-meta-kursiivin itse, kuten
 * tähänkin asti. Jos oikea Jost-kursiivi joskus halutaan, se on
 * yhden tiedoston ja yhden säännön lisäys, mutta tekstin ulkoasu
 * muuttuu hieman.
 *
 * MERKISTÖ on latin + latin-ext, sama rajaus kuin Googlella.
 * Tarkistettu että kaikki sivustolla esiintyvät merkit sisältyvät
 * (ä ö Ä Ö é § © ° ² ³ · × – — ' " " … € ™). Nuolet, ✓ ja emojit
 * eivät sisälly näihin fontteihin eivätkä sisältyneet Googlenkaan
 * versioissa, joten ne piirtyvät järjestelmäfontilla kuten ennen.
 *
 * font-display: swap — teksti näkyy heti varafontilla ja vaihtuu
 * kun fontti on ladattu. Koska fontit tulevat nyt samasta
 * osoitteesta kuin sivu, vaihto tapahtuu käytännössä ennen
 * ensimmäistä piirtoa eikä hyppyä synny.
 */

/* ---------- Cormorant Garamond (otsikot) ---------- */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/cormorant-garamond-300.woff") format("woff");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/cormorant-garamond-400.woff") format("woff");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/cormorant-garamond-500.woff") format("woff");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/cormorant-garamond-300-italic.woff") format("woff");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/cormorant-garamond-400-italic.woff") format("woff");
}

/* ---------- Jost (leipäteksti) ---------- */

@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/jost-300.woff") format("woff");
}

@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/jost-400.woff") format("woff");
}

@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/jost-500.woff") format("woff");
}