/* ═══════════════════════════════════════════════════════════════════════
   ММ ПРОМ — адаптация первого экрана к большим разрешениям
   Проблема: hero растягивался на всю высоту окна (100svh) и на мониторах
   1440p/4K вокруг короткого контента оставалась «пустота» в 300–500 px.
   Решение: высота ограничивается разумным максимумом, поэтому на больших
   экранах первый экран заканчивается содержательно, а следующий блок
   начинает «подглядывать» снизу. На 1280×800 высота hero та же (678 px),
   меняется только отступ секции после него.
   Подключается в BaseLayout ПОСЛЕ slot-стилей страниц — переопределяет
   их min-height без !important (равная специфичность, порядок ниже).
   ═══════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* Общий hero (главная, объекты): не выше 780 px */
  .b-hero {
    min-height: min(calc(100vh - var(--header-h) - var(--marquee-h)), 780px);
  }
  @supports (min-height: 100svh) {
    .b-hero {
      min-height: min(calc(100svh - var(--header-h) - var(--marquee-h)), 780px);
    }
  }

  /* Текстовые hero услуг и ролей: контента мало — ограничиваем сильнее.
     Hero с медиа (объект, «О компании», консалтинг) обычно выше и
     растягивается по контенту — там cap не мешает. */
  .b-hero--service {
    min-height: min(calc(100vh - var(--header-h) - var(--marquee-h)), 680px);
  }
  @supports (min-height: 100svh) {
    .b-hero--service {
      min-height: min(calc(100svh - var(--header-h) - var(--marquee-h)), 680px);
    }
  }

  /* Контакты: самый короткий hero (заголовок, лид и три кнопки) */
  .contacts-hero {
    min-height: min(calc(100vh - var(--header-h) - var(--marquee-h)), 560px);
  }
  @supports (min-height: 100svh) {
    .contacts-hero {
      min-height: min(calc(100svh - var(--header-h) - var(--marquee-h)), 560px);
    }
  }

  /* Секция сразу после hero: убираем двойной отступ
     (нижний ритм hero + полный --space-section сверху). */
  .b-hero + .section {
    padding-top: clamp(40px, 4vw, 64px);
  }
}