/* Content stays readable before JavaScript runs and if observation fails. */
.reveal.is-visible {
  animation: reveal-enter 400ms ease both;
}

@keyframes reveal-enter {
  from { transform: translateY(12px); }
  to { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .reveal.is-visible {
    animation: none;
  }
}