/* Базовая анимация появления блоков при скролле */

[data-animate] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

[data-animate].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Чуть более плавный вариант для «тяжёлых» блоков */
[data-animate="fade-up-slow"] {
  transition-duration: 0.6s;
}