/* Базовый класс Animate.css (упрощённый) */
.animate__animated {
  animation-duration: 0.6s;
  animation-fill-mode: both;
}
.animate__fast {
  animation-duration: 0.4s;
}

/* Используемые анимации */
@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 40px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(40px, 0, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-40px, 0, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

/* Замена AOS: простые переходы по скроллу */
[data-aos] {
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out;
}
[data-aos].aos-animate {
  opacity: 1;
}
[data-aos="fade-up"] {
  transform: translateY(20px);
}
[data-aos="fade-right"] {
  transform: translateX(-20px);
}
[data-aos="fade-left"] {
  transform: translateX(20px);
}
[data-aos].aos-animate {
  transform: translate(0, 0);
}