.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: 0.6s ease;
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* VARIAÇÕES */

[data-anim="fade-up"] {
  transform: translateY(40px);
}

[data-anim="fade-down"] {
  transform: translateY(-40px);
}

[data-anim="fade-left"] {
  transform: translateX(40px);
}

[data-anim="fade-right"] {
  transform: translateX(-40px);
}

[data-anim="zoom-in"] {
  transform: scale(0.85);
}

[data-anim="zoom-out"] {
  transform: scale(1.15);
}