/* The headline has two deliberate lines; neither may reflow into a third. */
#landing .tit.hero-static {
  width: 100vw;
  text-align: center;
}

#landing .hero-static {
  letter-spacing: -0.02em;
  /* 0.7 сажало строки друг на друга: при двух строках кириллицы верхние
     выносные элементы упираются в предыдущую строку. */
  line-height: 0.85;
  padding-top: 0.07em;
  overflow: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-synthesis: none;
}

#landing .hero-static__line {
  display: block;
  white-space: nowrap;
}

/* Preserve the original character reveal, with headroom for Cyrillic accents. */
#landing .hero-static .char {
  height: 1.12em;
  margin-top: -0.12em;
  padding-top: 0.12em;
}

/* Оригинал гонит hero бегущей строкой в одну линию на 25vw. У нас заголовок
   статичный и в две строки — это решение зафиксировано в брифе. При двух строках
   ширину задаёт самая длинная («С СИСТЕМОЙ»), и в 96vw она укладывается максимум
   при 15.5vw. Это потолок статичного варианта, а не произвольно выбранный кегль. */
@media screen and (max-width: 1024px) and (orientation: portrait) {
  #titmov {
    height: auto;
    overflow: visible;
  }

  #titmov h1.hero-static {
    width: 100vw;
    position: relative;
    left: auto;
    transform: none;
    animation: none;
    text-align: center;
    font-size: 15.5vw;
    white-space: nowrap;
    /* Только у hero: две строки в 15.5vw на 0.85 читаются зажатыми. */
    line-height: 1;
  }
}

/* Второй экран: исходная сетка разносит каждое слово по колонкам.
   Для русской фразы собираем три цельные строки, сохраняя масштаб сцены. */
@media (min-width: 769px) {
  #large h3 {
    font-size: clamp(38px, 4.1vw, 66px);
    line-height: 0.88;
    text-align: center;
  }

  #large1,
  #large2,
  #large3 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.22em;
    white-space: nowrap;
  }

  #large span {
    display: inline;
  }

  #large1 #reg {
    position: relative;
    top: -0.9em;
    font-size: 0.32em;
  }

  #large #intext {
    display: none;
  }
}
