/* Scroll-triggered animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

@keyframes slideInLeft {
  from {
    transform: translateX(-30px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

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

/* Initial state for animated elements */
.our-story-section,
.vision-mission-section {
  opacity: 0;
}

/* Animation classes that will be added via JavaScript */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

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

.animate-slide-left {
  animation: slideInLeft 0.8s ease-out forwards;
}

.animate-slide-right {
  animation: slideInRight 0.8s ease-out forwards;
}

/* Staggered animation delays */
.our-story-text {
  animation-delay: 0.2s;
}

.our-story-image {
  animation-delay: 0.4s;
}

.vision-mission-row:nth-child(1) .vision-mission-image {
  animation-delay: 0.2s;
}

.vision-mission-row:nth-child(1) .vision-mission-text {
  animation-delay: 0.4s;
}

.vision-mission-row:nth-child(2) .vision-mission-image {
  animation-delay: 0.6s;
}

.vision-mission-row:nth-child(2) .vision-mission-text {
  animation-delay: 0.8s;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}