/* air-schengen.css — AIR 06.10.2026: воздух и ритм первого экрана.
   Подключается ПОСЛЕ schengen.css?v=v8 одной строкой:
   <link rel="stylesheet" href="/visa/schengen/air-schengen.css?v=1" />
   Текст не меняется. Кегли не меньше исходного дизайна (H1 40/56–80, абзац 17/1.5).
   Место на низких экранах берём перестановкой: кнопки сразу под H1, абзац и мета ниже — продолжаются под первым экраном. */
/* ---------- Общие токены воздуха (одинаковые в air-schengen.css, air-japan.css, air-home.css) ----------
   Шкала 8/12/16/24/32/48/64/96. Внутри группы — 8–12, между группами — 24–32 (в 2–3 раза больше),
   крупнее 32 в первом экране не используем, чтобы не было «аэродромов». */
:root {
  --air-8: 8px; --air-12: 12px; --air-16: 16px; --air-24: 24px;
  --air-32: 32px; --air-48: 48px; --air-64: 64px; --air-96: 96px;
  --air-label: var(--air-16);  /* надзаголовок → H1: подпись принадлежит заголовку */
  --air-title: var(--air-24);  /* H1 → следующий блок */
  --air-group: var(--air-32);  /* смена смысла: текст → кнопки, кнопки → мета */
  --air-btn: var(--air-12);    /* между кнопками одной группы */
}
@media (orientation: landscape) and (max-height: 500px) {
  :root { --air-group: var(--air-24); --air-btn: var(--air-8); }
}

/* ---------- Ритм героя, все ширины ---------- */
.sc-kicker { margin-bottom: var(--air-label); }
.sc-hero h1 { line-height: 1.04; }
.sc-lead { margin-top: var(--air-title); font-size: 17px; line-height: 1.5; }
.sc-hero__actions { margin-top: var(--air-group); gap: var(--air-btn); }
.sc-meta { margin-top: var(--air-group); padding-top: var(--air-16); }

/* ---------- Кегли: обратно к исходному дизайну (сжатие по высоте отменяется) ---------- */
@media (min-width: 768px) {
  .sc-hero h1 { font-size: clamp(56px, 5.15vw, 80px); }
  .sc-hero { padding-top: clamp(16px, 15.6vh - 48px, 52px); }
}
@supports (height: 1svh) {
  @media (min-width: 768px) { .sc-hero { padding-top: clamp(16px, 15.6svh - 48px, 52px); } }
}
@media (max-width: 767px) {
  .sc-hero h1 { font-size: 40px; }
  .sc-hero { padding-top: clamp(16px, 5vh - 14px, 28px); }
}
@supports (height: 1svh) {
  @media (max-width: 767px) { .sc-hero { padding-top: clamp(16px, 5svh - 14px, 28px); } }
}

/* ---------- Низкий экран (высота ≤640, любая ширина): кнопки сразу под H1,
   абзац и мета уходят ниже и продолжаются под первым экраном ---------- */
@media (max-height: 640px) {
  .sc-hero__copy { display: flex; flex-direction: column; }
  .sc-kicker { order: 0; }
  .sc-hero h1 { order: 1; }
  .sc-hero__actions { order: 2; margin-top: var(--air-title); }
  .sc-lead { order: 3; margin-top: var(--air-group); }
  .sc-meta { order: 4; margin-top: var(--air-title); }
}

/* ---------- Короткий ландшафт 768+: H1 не меньше телефонного 40px (было до 33px) ---------- */
@media (min-width: 768px) and (orientation: landscape) and (max-height: 500px) {
  .sc-hero h1 { font-size: clamp(40px, 14vh - 14px, 56px); }
}
@supports (height: 1svh) {
  @media (min-width: 768px) and (orientation: landscape) and (max-height: 500px) {
    .sc-hero h1 { font-size: clamp(40px, 14svh - 14px, 56px); }
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .sc-hero h1 { line-height: 1.04; }
  .sc-lead { line-height: 1.5; }
  .sc-hero__actions { gap: var(--air-btn); }
}