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

html.smooth-wheel-active {
  scroll-behavior: auto;
}

.scroll-reveal-pending {
  opacity: 0;
  transform: translateY(52px);
  filter: blur(3px);
}

main [id] {
  scroll-margin-top: 6rem;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .grain-orb { animation: none; }
  .scroll-reveal-pending { opacity: 1; transform: none; filter: none; }
}