/* Mitattu pari: DESIGN.md, 12.10.2026. Vain uk/ru-sivuille. */

@font-face {
  font-family: "Lopen Kyltti Cyr";
  src: url("../../assets/fonts/bitter-cyrillic-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 109.6%;
  unicode-range: U+0400-045F, U+0490-0491, U+02BC, U+2116;
}

@font-face {
  font-family: "Lopen Kyltti Cyr";
  src: url("../../assets/fonts/bitter-latin-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 109.6%;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2026;
}

@font-face {
  font-family: "Lopen Leipa Cyr";
  src: url("../../assets/fonts/golos-text-cyrillic-wght.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.3%;
  unicode-range: U+0400-045F, U+0490-0491, U+02BC, U+2116;
}

@font-face {
  font-family: "Lopen Leipa Cyr";
  src: url("../../assets/fonts/golos-text-latin-wght.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.3%;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2026;
}

html[lang="uk"], html[lang="ru"] {
  --fontti-kyltti: "Lopen Kyltti Cyr", Georgia, serif;
  --fontti-leipa: "Lopen Leipa Cyr", "Segoe UI", sans-serif;
  --rivi-naytto: 1.40;
  --rivi-otsikko: 1.16;
  --rivi-lead: 1.5;
  --rivi-leipa: 1.55;
  --rivi-tiivis: 1.16;
}
/* Bitterin oikea 900-leikkaus; mitattu size-adjust säilyy.
   Tiheämpi rivipinta tuo kylttiin painoa ilman synteettistä lihavointia. */
html:is([lang="uk"], [lang="ru"]) main { font-synthesis: none; }
html:is([lang="uk"], [lang="ru"]) h1 {
  font-weight: 900;
  line-height: var(--rivi-naytto);
  letter-spacing: -0.02em;
}
html:is([lang="uk"], [lang="ru"]) .headline {
  font-size: var(--teksti-naytto);
}
html:is([lang="uk"], [lang="ru"]) main :is(h2, h3) {
  font-weight: 650;
  letter-spacing: -0.015em;
}
html:is([lang="uk"], [lang="ru"]) main h2 { line-height: var(--rivi-otsikko); }