@charset "utf-8";
/* CSS Document */
/* Fade-in анимация с translateY для grid-item */
/* Fade-in анимация для grid-item - БЕЗ animation! */
.grid-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.45s ease-out, transform 0.45s ease-out;
}

/* Срабатывает ТОЛЬКО когда JavaScript добавит класс is-visible */
.grid-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Отключение для prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .grid-item {
    transform: none;
    transition: opacity 0.3s ease;
  }

  .grid-item.is-visible {
    transform: none;
  }
}