/**
 * Custom Animation Styles
 * Replaces Webflow animation functionality with pure CSS
 */

/* Initial state for elements that will animate */
.animate-initial {
  opacity: 0;
}

/* Slide in from bottom animation */
.animate-slideInBottom.animate-initial {
  opacity: 0;
  transform: translateY(100px);
}

.animate-slideInBottom.animated {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000),
              transform 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

/* Fade in animation */
.animate-fadeIn.animate-initial {
  opacity: 0;
}

.animate-fadeIn.animated {
  opacity: 1;
  transition: opacity 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

/* Override for elements with inline opacity:0 style */
[style*="opacity:0"].animated {
  opacity: 1 !important;
}