/* ============================================================
   Главный баннер v7 — на исходном рендере проекта «Максим»
   (#31886, по требованию Кости «переделать по старому рендеру»)
   Дом не вырезан из кадра: сцена = сам рендер, поэтому он стоит
   на своей отмостке и газоне и «висеть в воздухе» не может.
   Верхний слой — тот же файл, обрезанный маской по силуэту кровли:
   пиксели под кромкой совпадают один в один, шва нет.
   ============================================================ */
.hv5__frame { aspect-ratio: 16 / 9; }
.hv5__frame img { object-position: center top; }

/* Надпись: верх букв в чистом небе, за кровлю уходит только низ строки.
   Кегль ограничен шириной кадра (18 знаков в одну строку), посадка —
   долей от высоты кадра, чтобы низ строки всегда попадал на конёк. */
.hero--v5 .hv5__line {
  top: var(--hv5-line-top, 19.4%);
  --hv5-line-size: clamp(5.2vw, 12vw - 44px, 8.35vw);
  letter-spacing: -.012em;
  /* ПЛАШКА УБРАНА (#32049). Здесь стоял background-image на самом .hv5__line, и он
     красился НЕ по буквам: background-clip: text задан только на внутреннем <i>,
     а внешний слой красится по своей коробке. Коробка эта — во всю ширину кадра
     (left:0; right:0), поэтому за надписью лежала белая полоса 1440×120 с растворением
     книзу. Под тёмной вуалью она читалась как серая плашка, без вуали — как молочная.
     Градиент текста остаётся там, где ему место: на .hv5__line > i (css/v3.css). */
  /* вуаль над небом убрана (#32049) — читаемость белых букв держит только
     собственная тень: плотное ближнее ядро + мягкий разлёт */
  filter: drop-shadow(0 1px 3px rgba(14,20,26,.55)) drop-shadow(0 3px 12px rgba(14,20,26,.6)) drop-shadow(0 10px 34px rgba(14,20,26,.45));
}

/* Цена лежит на переднем (правом) скате: b — уклон карниза, d — сжатие плоскости */
.hero--v5 .hv5__price {
  top: var(--hv5-price-top, 36.6%);
  --hv5-price-size: 4.9vw;
  font-size: var(--hv5-price-size);
  transform: translateX(var(--hv5-price-shift, 9.5%)) matrix(1, .115, .05, .56, 0, 0);
  text-shadow: 0 .05em .03em rgba(16,18,22,.6), 0 .18em .34em rgba(8,12,16,.55);
}

.hv5__house img {
  -webkit-mask-image: url(../assets/hero-v7/hero7-mask-wide.png?v=3);
          mask-image: url(../assets/hero-v7/hero7-mask-wide.png?v=3);
}

@media (max-width: 900px) and (orientation: portrait) {
  .hv5__frame { aspect-ratio: 1 / 1; }
  .hero--v5 .hv5__line {
    top: var(--hv5-line-top-m, 34.2%); bottom: auto;
    --hv5-line-size: var(--hv5-line-size-m, 8.6vw);
  }
  /* Кегль поднят 7,1 → 8,2vw (#1247): на 390px цена шла 27,7px и после сжатия плоскости
     читалась хуже подписи под ней. Ширина строки при 8,2vw — 112px против 330px ската,
     до кромок остаётся с запасом. Растяжение ₽ чуть больше десктопного: мельче кегль —
     тоньше перекладина. */
  .hero--v5 .hv5__price {
    top: var(--hv5-price-top-m, 49.5%);
    --hv5-price-size: 8.2vw;
    --hv5-rub-stretch: 1.42;
    transform: translateX(var(--hv5-price-shift-m, 12%)) matrix(1, .115, .05, .56, 0, 0);
  }
  .hv5__house img {
    -webkit-mask-image: url(../assets/hero-v7/hero7-mask-portrait.png?v=3);
            mask-image: url(../assets/hero-v7/hero7-mask-portrait.png?v=3);
  }
}

/* ============================================================
   ЗАЛИПАНИЕ БЛОКОВ НА СКРОЛЛЕ — ВЫКЛЮЧЕНО ПОЛНОСТЬЮ (#32049)
   Костя: «так выключай залипание, не получается у тебя сделать».
   Механика придержки (стопка .stick / .js-stick, min-height 100vh,
   transform уходящего экрана) убрана вместе со скриптом js/v7.js:
   он больше не подключён в index.html. Страница прокручивается
   обычным образом — ровно как на телефоне, где придержка была
   отключена изначально. Вернуть: git revert этого коммита.
   ============================================================ */