/* Scroll reveal default hidden state */
.scroll-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Applied by IntersectionObserver when element enters viewport */
.animate-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}