/* ============================================================
   MOTION — слой анимаций (аддитивный поверх .rev)
   Моторика обёрнута в (prefers-reduced-motion: no-preference):
   при reduce всё гаснет → финальный статический вид = базовый.
   D (швы зон) — статичный визуал, всегда виден.
   ============================================================ */

@media (prefers-reduced-motion: no-preference){

  /* ---- A. Заголовки: подъём + расфокус→резкость (focus-pull). Модификатор
     поверх .rev. БЕЗ clip-path — он прячет коробку в ноль и ломает
     IntersectionObserver (элемент перестаёт «появляться»). opacity/transform
     коробку не зануляют, поэтому reveal надёжен. ---- */
  .rev.rev-clip{
    filter: blur(7px);
    transition: opacity .95s ease, transform .95s cubic-bezier(.22,1,.36,1), filter .95s ease;
  }
  .rev.rev-clip.vis{ filter: blur(0); }

  /* ---- A. Стаггер детей контейнера (по очереди, не разом) ---- */
  .stagger > *{ opacity:0; transform:translateY(15px);
    transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
  .stagger.vis > *{ opacity:1; transform:none; }
  .stagger.vis > *:nth-child(1){ transition-delay:.04s }
  .stagger.vis > *:nth-child(2){ transition-delay:.12s }
  .stagger.vis > *:nth-child(3){ transition-delay:.20s }
  .stagger.vis > *:nth-child(4){ transition-delay:.28s }
  .stagger.vis > *:nth-child(5){ transition-delay:.36s }

  /* ---- B. Дыхание фото — медленный ken-burns при появлении ---- */
  .kenburns img{ transition: transform 2.4s cubic-bezier(.22,1,.36,1); transform-origin:60% 40%; }
  .kenburns:not(.vis) img{ transform: scale(1.07); }
  .kenburns.vis img{ transform: scale(1); }

  /* ---- C. Магнитная кнопка (JS двигает transform; здесь — упругий возврат) ---- */
  .magnetic{ transition: transform .3s cubic-bezier(.22,1,.36,1); }

  /* ---- C. Рисующееся подчёркивание ссылок ---- */
  .foot nav a, .link{ position:relative; }
  .foot nav a::after, .link::after{
    content:""; position:absolute; left:0; bottom:-3px; height:1px; width:0;
    background:currentColor; opacity:.55;
    transition: width .4s cubic-bezier(.22,1,.36,1);
  }
  .foot nav a:hover::after, .link:hover::after{ width:100%; }
}

/* ---- D. Швы зон — УБРАНЫ по решению: чёткие срезы свет/тьма (по-бренду).
   (Раньше тут была растушёвка краёв тёмной зоны — давала хазу, снято.) */