/* Fade-Slide + Fade-In Animations */
.fade-slide {
  opacity: 0 !important;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.fade-slide.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}

.fade-in {
  opacity: 0;
  transition: opacity 0.4s ease-out;
  will-change: opacity;
}

.fade-in.visible {
  opacity: 1;
}