/* 04. Progressive enhancement: content stays readable without JavaScript. */
.reveal { opacity: 1; transform: none; }
.reveal.is-pending { opacity: 0; transform: translateY(26px); }
.reveal.is-visible { opacity: 1; transform: none; transition: opacity .85s var(--ease), transform .85s var(--ease); }
.hero__eyebrow, .hero h1, .hero__translation { animation: hero-enter 1s var(--ease) both; }
.hero h1 { animation-delay: .12s; }
.hero__translation { animation-delay: .24s; }
@keyframes hero-enter { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal.is-pending { opacity: 1; transform: none; }
}
.motion-paused { scroll-behavior: auto; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation: none !important; transition: none !important; }
.motion-paused .reveal.is-pending { opacity: 1; transform: none; }
.motion-control { border: 0; background: transparent; color: inherit; font: inherit; padding: 0; text-decoration: underline; text-underline-offset: .25em; }