/* Русская версия: у Gabarito и Figtree нет кириллицы.
   Onest (заголовки) близок к Gabarito по геометрии и плотности, Golos Text (текст) так же спокоен и читаем, как Figtree.
   Шрифты подключаются через fonts_href в content/ru/ui.json. */
:root {
  --display: "Onest", "Helvetica Neue", Arial, sans-serif;
  --sans: "Golos Text", "Helvetica Neue", Arial, sans-serif;
}

/* «Запросить демо» шире, чем «Request a demo»: на экранах 360 px кнопка меню иначе уходит за край. */
@media (max-width: 380px) {
  .site-head .head-actions .btn { padding: 0 12px; font-size: 14px; }
}

/* Пункты меню длиннее английских («Высшее образование», «О компании»): не переносим их,
   а на ширине, где меню ещё в одну строку, сжимаем промежутки. */
.site-nav > a, .site-nav .sub-btn { white-space: nowrap; }
@media (min-width: 1221px) and (max-width: 1360px) {
  .site-head .wrap { gap: 16px; }
  .site-nav { gap: 14px; }
  .head-actions { gap: 8px; }
  .site-head .head-actions .btn { padding: 0 14px; }
}

/* Самые узкие телефоны (320 px): «исследованиями» шириной 307 px не помещается в строку 280 px при 38 px и рвётся посреди слова. */
@media (max-width: 359px) {
  .display, .hero--home .display, .p-hero .display { font-size: 34px; }
}