.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 620ms var(--ease), transform 620ms var(--ease);
}

.reveal.in {
  opacity: 1;
  transform: none;
}

@keyframes status-pulse {
  0% { box-shadow: 0 0 0 0 currentColor; opacity: 0.95; }
  70% { box-shadow: 0 0 0 7px transparent; opacity: 0.6; }
  100% { box-shadow: 0 0 0 0 transparent; opacity: 0.95; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}