/* Animations — minimal reveal */

.reveal {

  opacity: 0;

  transform: translateY(20px);

  transition:

    opacity 0.6s ease,

    transform 0.6s ease;

}

.reveal.visible {

  opacity: 1;

  transform: translateY(0);

}

@media (prefers-reduced-motion: reduce) {

  .reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

}