/* Отдельный слой анимации страницы. Базовая тема сохранена в index.php. */
@keyframes reveal-up {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-content { animation: reveal-up .8s cubic-bezier(.22,1,.36,1) both; }
.reveal { opacity: 0; transform: translateY(28px); }
.reveal.is-visible { animation: reveal-up .7s cubic-bezier(.22,1,.36,1) both; }
.feature-grid .reveal:nth-child(2), .contact-list .reveal:nth-child(2) { animation-delay: .1s; }
.feature-grid .reveal:nth-child(3), .contact-list .reveal:nth-child(3) { animation-delay: .2s; }
.contact-list .reveal:nth-child(4) { animation-delay: .3s; }
.contact-list .reveal:nth-child(5) { animation-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
