/**
 * Motion helpers — progressive enhancement; GSAP sets final state when JS runs.
 */

html.js-motion-ready {
  scroll-behavior: auto;
}

@media (prefers-reduced-motion: no-preference) {
  html.js-motion-ready .motion-reveal {
    will-change: transform, opacity;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.js-motion-ready .motion-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

[id="main-content"],
[id="content"] {
  scroll-margin-top: 5rem;
}

.hero-full,
.hero {
  overflow: hidden;
}