/* ── SCROLL ANIMATIONS ── */

/* Bottom → Top */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Top → Bottom */
.reveal-top {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Right → Left */
.reveal-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Left → Right */
.reveal-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Visible state for all */
.reveal.visible,
.reveal-top.visible,
.reveal-right.visible,
.reveal-left.visible {
  opacity: 1;
  transform: translate(0, 0);
}