/* Estado inicial: más abajo y transparente */
.reveal {
  opacity: 0;
  transform: translateY(0);
}

/* Cuando entra en viewport */
.reveal--visible {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}