/* 16-animacje.css: Animacje: wejście hero, pojawianie się przy przewijaniu (.reveal), wyłączenie ruchu.
   Style globalne motywu QS GPS; zasady i spis plików w 01-tokeny.css. */

/* Animacje */
/* .reveal: element pojawia się przy przewijaniu (bez JS widoczny od razu) */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.js .hero__text>*{animation:rise .8s var(--ease) both}
.js .hero__text>:nth-child(2){animation-delay:.08s}
.js .hero__text>:nth-child(3){animation-delay:.16s}
.js .hero__shot{animation:rise 1s .3s var(--ease) both}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
/* Zapas: gdy qs.js nie ruszy (błąd, opóźnione skrypty w WP Rocket), treść pokazuje się sama po 2,5 s; qs.js dodaje .qs-ok i wyłącza zapas */
@keyframes odslon{to{opacity:1;transform:none}}
.js:not(.qs-ok) .reveal{animation:odslon .6s 2.5s var(--ease) forwards}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none;transition:none}
  .js .hero__text>*,.js .hero__shot{animation:none}
  .js .panel,.js .panel.is-active{transition:none;transform:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}