/* ==================================
   ANIMATE IT – VANESE THEME
   SCHOOL-STYLE ANIMATIONS
   ================================== */

/* Fade In */
.school-fade-in {
  opacity: 0;
  animation: schoolFadeIn 1.2s ease-in-out forwards;
}

@keyframes schoolFadeIn {
  to { opacity: 1; }
}

/* Slide Up */
.school-slide-up {
  opacity: 0;
  animation: schoolSlideUp 1s ease-out forwards;
}

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

/* Zoom In */
.school-zoom-in {
  opacity: 0;
  animation: schoolZoomIn 0.9s ease-in-out forwards;
}

@keyframes schoolZoomIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
  from {
    opacity: 0;
    transform: scale(0.97);
  }
}

/* Fade Left */
.school-fade-left {
  opacity: 0;
  animation: schoolFadeLeft 1s ease-out forwards;
}

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

/* Fade Right */
.school-fade-right {
  opacity: 0;
  animation: schoolFadeRight 1s ease-out forwards;
}

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

/* Pop In */
.school-pop-in {
  opacity: 0;
  animation: schoolPopIn 0.8s ease-in-out forwards;
}

@keyframes schoolPopIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
  from {
    opacity: 0;
    transform: scale(0.95);
  }
}
/* ==================================
   EXTRA SCHOOL / CORPORATE EFFECTS
   ================================== */

/* Soft Fade Down */
.school-fade-down {
  opacity: 0;
  animation: schoolFadeDown 1s ease-out forwards;
}

@keyframes schoolFadeDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Gentle Rotate In */
.school-rotate-in {
  opacity: 0;
  animation: schoolRotateIn 0.9s ease-in-out forwards;
}

@keyframes schoolRotateIn {
  from {
    opacity: 0;
    transform: rotate(-3deg) scale(0.98);
  }
  to {
    opacity: 1;
    transform: rotate(0) scale(1);
  }
}

/* Smooth Reveal */
.school-reveal {
  opacity: 0;
  animation: schoolReveal 1.1s ease forwards;
}

@keyframes schoolReveal {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

/* Soft Float In */
.school-float-in {
  opacity: 0;
  animation: schoolFloatIn 1.2s ease-out forwards;
}

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

/* Subtle Blur In */
.school-blur-in {
  opacity: 0;
  animation: schoolBlurIn 1s ease-out forwards;
}

@keyframes schoolBlurIn {
  from {
    opacity: 0;
    filter: blur(6px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* Clean Expand In */
.school-expand-in {
  opacity: 0;
  animation: schoolExpandIn 0.9s ease-out forwards;
}

@keyframes schoolExpandIn {
  from {
    opacity: 0;
    transform: scaleX(0.95);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}