/* Keep the page responsive while scrolling: content is ready as it enters the
   viewport, rather than waiting for staggered translate-and-fade effects. */
html {
  scroll-behavior: auto;
}

.reveal,
.reveal.in-view {
  opacity: 1;
  transform: none;
  transition: none;
}

/* The hero device remains composed, without a pointer-driven 3D redraw. */
.iphone-hero {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}