/* Reveal sections */
  .reveal {

    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
    will-change: transform, opacity;
  }
  
  /* When in view */
  .reveal.active {
    opacity: 1;
    transform: none;
  }
  
  /* Specific Animations */

  
  .slide-left {
    transform: translateX(-60px);
  }
  
  .zoom-in {
    transform: scale(0.8);
  }
  
  .slide-right {
    transform: translateX(60px);
  }

  .fade-up {
    transform: translateY(40px);
    opacity: 0;
  }
  
  /* Activated states (reuse .active for all) */
  .reveal.slide-right.active,
  .reveal.flip-down.active,
  .reveal.fade-up.active {
    transform: none;
    opacity: 1;
  }
  
  /* Activated states */
  .reveal.fade-in.active,
  .reveal.slide-left.active,
  .reveal.zoom-in.active,
  .reveal.flip-up.active {
    transform: none;
  }