/* home-fx.css — эффекты главной (js/home-fx.js, home-map.js; 04.10.2026). Только при html.fx-on
   (JS включён и нет prefers-reduced-motion) — без JS всё видно сразу. */
.fx-on .fx-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--fx-d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--fx-d,0ms)}
.fx-on .fx-reveal.fx-in{opacity:1;transform:none}
/* hover-подъём карточек уже свой — после появления transform отдаём им */
.fx-on .hf-card.fx-in,.fx-on .anm-cat.fx-in{transition:opacity .6s ease var(--fx-d,0ms),transform .2s,border-color .2s,box-shadow .2s,background .2s}

/* Карта: регионы заливаются по очереди, когда карта на экране */
.anm-geo-map [data-title].on{transition:fill .6s ease var(--d,0ms)}
.anm-geo-map:not(.filled) [data-title].on{fill:rgba(255,255,255,.06)}
.anm-geo-map.filled [data-title].on:hover{transition-delay:0ms}

@media (prefers-reduced-motion:reduce){
  .fx-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .anm-geo-map [data-title].on{transition:none}
}