/* ============================================================================
   Обложка: фотослайдер A8 на Swiper (09.10.2026, решение владельца: «где есть
   карусели - используй swiper»).

   ЗАЧЕМ СВОЙ ФАЙЛ. `hero.css` - зеркало кита (`tools/adopt-hero.php`) и руками не
   правится. Кит ведёт сцену CSS-анимацией круга (`ls-a8-show`, `ls-a8-burns`,
   `ls-a8-rise`, `ls-a8-dot`); теперь кадр выбирает Swiper (кросс-фейд, автосмена,
   свайп, клавиатура), поэтому анимации круга здесь снимаются, а наезд с наводкой
   фокуса переезжает на активный кадр. Подъём текста ведёт `railRise()` в site-v2.js.
   ============================================================================ */

/* Кадры лежат в дорожке Swiper: эффект fade кладёт их друг на друга сам, сдвигом и
   прозрачностью. Абсолютная посадка кита ему мешала бы - сдвиг считался бы от места
   в ряду, которого у абсолютного кадра нет. */
.ls-a8 .ls-a8__stage > .swiper-wrapper { block-size: 100%; }

.ls-a8 .ls-a8__sl.swiper-slide {
  position: relative;
  inset: auto;
  inline-size: 100%;
  block-size: 100%;
  animation: none;
}

.ls-a8 .ls-a8__sl.swiper-slide > span { animation: none; }

/* Наезд и наводка фокуса - на кадре, который сейчас показан, длиной в один кадр. */
.ls-a8 .ls-a8__sl.swiper-slide-active > span {
  animation: ls-a8-kb calc(var(--ls-a8-slide, 8s) + 1.1s) linear both;
}

@keyframes ls-a8-kb {
  0% { scale: 1; translate: 0 0; filter: blur(var(--ls-a8-blur, 8px)); }
  12% { filter: blur(0); }
  100% {
    scale: var(--ls-a8-zoom, 1.08);
    translate: calc(var(--ls-a8-pan, 2.5%) * var(--ls-mirror, 1)) calc(var(--ls-a8-pan, 2.5%) * -1);
    filter: blur(0);
  }
}

/* Круг кита больше не ведёт ни текст, ни точки: текущая точка красится признаком
   `aria-current` (`railPaint()`), а текст поднимается при смене кадра. */
.ls-a8 .ls-hero__h,
.ls-a8 .ls-hero__p,
.ls-a8 .ls-a8__dot::after { animation: none; }

/* Кит вешает круг точек селектором с двумя `:not()` (специфичность 0,4,1), и правило выше
   его не перебивало: замерено - подсвечены были две точки, текущая и точка круга. Снимается
   тем же селектором. */
.ls-a8:not([data-still]):not([data-auto="off"]) .ls-a8__dot::after { animation: none; }

/* Сцена стоит - без наезда: снятая автосмена, холст правки, «меньше движения». */
.ls-a8[data-auto="off"] .ls-a8__sl > span,
.ls-a8[data-still] .ls-a8__sl > span,
.ls-w[data-edit] .ls-a8__sl > span { animation: none; scale: 1; translate: 0 0; filter: none; }

@media (prefers-reduced-motion: reduce) {
  .ls-a8 .ls-a8__sl.swiper-slide-active > span { animation: none; scale: 1; translate: 0 0; filter: none; }
}