/*
 * h1-hero-canon-shared.v20260424d.css
 *
 * Единый канон hero/H1 для всех страниц сайта VideoGlobal.
 * Источник правды — главная https://videoglobal.ru (h1.hh).
 *
 * Что делает:
 *   1) Ограничивает размер H1 сверху: clamp(30px, 4vw, 52px) и line-height 1.02
 *      во всех hero-вариантах (обычный, split, case-dark).
 *   2) Ставит hero padding-top = 82px (как на главной), чтобы заголовки
 *      не "проваливались" по вертикали. Только top, остальные паддинги
 *      каждая страница задаёт сама.
 *
 * Что НЕ делает:
 *   - не трогает color/background/font-family/font-weight hero и H1;
 *   - не трогает padding-right/left/bottom;
 *   - не трогает анимации (.reveal, content-visibility и т.п.).
 *
 * К index.html не подключается (он — baseline и уже соответствует канону).
 */

/* ── H1: не больше, чем на главной ── */
.hero-h1,
.hero h1,
.hero-inner-split h1,
section.hero h1,
.case-hero h1,
.case-hero .hero-h1,
.bh-title,
.bh-inner h1,
section.blog-hero h1,
.art-hero h1.art-h1,
main.wrap > h1,
main.wrap > section > h1,
.ai-hero-grid h1,
.hero-wrap h1,
.hero .content > h1 {
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.02 !important;
}

/* Hero top padding: как на главной.
   Внешние обёртки hero-блока намеренно не получают padding-top, чтобы
   не возникал двойной отступ на страницах со вложенной структурой
   обёртка > hero. Достаточно правила на внутреннем hero-элементе. */
.hero,
section.hero,
.case-hero,
.hero-inner-split,
.blog-hero,
.bh-inner,
.art-hero,
.ai-hero-grid {
  padding-top: 82px !important;
}

@media (max-width: 900px) {
  .hero,
  section.hero,
  .case-hero,
  .hero-inner-split,
  .blog-hero,
  .bh-inner,
  .art-hero {
    padding-top: 72px !important;
  }
}

@media (max-width: 640px) {
  .hero,
  section.hero,
  .case-hero,
  .hero-inner-split,
  .blog-hero,
  .bh-inner,
  .art-hero {
    padding-top: 60px !important;
  }
  .hero-h1,
  .hero h1,
  .hero-inner-split h1,
  .bh-title,
  .art-h1 {
    line-height: 1.02 !important;
  }
}