/* FX: reveal-секции, Ken Burns hero, плюсик FAQ.
   Прячущие классы вешает fx.js — без JS и при prefers-reduced-motion всё видно сразу. */

/* 1. Reveal + каскад */
.fx-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.fx-reveal.fx-in{opacity:1;transform:none}
.fx-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .55s ease var(--fxd,0ms),transform .55s cubic-bezier(.16,1,.3,1) var(--fxd,0ms)}
.fx-reveal.fx-in .fx-stagger>*{opacity:1;transform:none}

/* 2. Ken Burns на hero-фото */
@keyframes fx-burns-img{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes fx-burns-bg{from{transform:translateY(2%) scale(1)}to{transform:translateY(2%) scale(1.07)}}
section.hero>.hero-photo{animation:fx-burns-bg 10s cubic-bezier(.19,1,.22,1) both;transform-origin:50% 35%}
.ak-hero .hero-photo img{animation:fx-burns-img 9s cubic-bezier(.19,1,.22,1) both;transform-origin:50% 18%}

/* 3. Плюсик FAQ: вместо подмены «+»→«–» — поворот, работает с fx.js */
.faq-list summary:after{content:"+";display:inline-block;transition:transform .28s ease}
.faq-list details[open] summary:after{content:"+";transform:rotate(45deg)}
.fx-faq-body{overflow:hidden}

/* 4. Доступность */
@media (prefers-reduced-motion:reduce){
  .fx-reveal,.fx-stagger>*{opacity:1;transform:none;transition:none}
  section.hero>.hero-photo,.ak-hero .hero-photo img{animation:none}
  .faq-list summary:after{transition:none}
}