/* Scroll Reveal Animations */

.scroll-reveal {
  opacity: 0;
  animation: revealActive 0.8s ease forwards;
  animation-delay: var(--delay, 0s);
}

.reveal-active {
  opacity: 1 !important;
}

.reveal-slide-up {
  animation: slideUp 0.8s ease forwards;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes revealActive {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}