/* =====================================================================
   ЕДИНАЯ ТИПОГРАФИКА ЗАГОЛОВКОВ — один стандарт на всех страницах
   Подключается ПОСЛЕДНИМ, поэтому перекрывает локальные стили страниц.
   Цвет намеренно НЕ задаём: на светлых страницах золото своё, тёмное.
   ===================================================================== */

/* --- Золотая строка над заголовком ---
   Фиксированный размер: строки короткие, «резинка» здесь только
   создаёт разнобой между страницами. От длины текста не зависит. */
.eyebrow{
  font-size:12px!important;
  line-height:1.4!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  margin:0 0 14px!important;
  display:block!important;
}
@media(max-width:520px){
  .eyebrow{font-size:11px!important;letter-spacing:.14em!important;margin-bottom:12px!important}
}

/* --- Заголовок первого экрана (H1) ---
   Гибкий, но с потолком: ниже минимума не сожмётся на телефоне,
   выше максимума не раздуется на широком мониторе.
   От количества символов не зависит. */
h1,
.hero h1{
  font-size:clamp(32px,4.4vw,52px)!important;
  line-height:1.07!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}

/* --- Заголовки секций (H2) --- */
h2,
.sec h2,
.sec-head h2{
  font-size:clamp(24px,3.1vw,35px)!important;
  line-height:1.16!important;
  letter-spacing:-.02em!important;
  font-weight:800!important;
}

/* Служебные страницы (404, спасибо, ошибка) — там заголовок мельче,
   он не является первым экраном сайта */
.svc-main h1{font-size:clamp(24px,3vw,34px)!important}