/* Stable, compositor-only homepage motion. No content is hidden during loading. */
@media (min-width: 721px) and (prefers-reduced-motion: no-preference) {
  .home-motion-enabled .nav {
    transition: background-color .35s ease, box-shadow .35s ease;
  }

  .home-motion-enabled.home-motion-nav .nav {
    background: rgba(246,252,255,.27);
    box-shadow: 0 15px 42px rgba(5,15,25,.2), inset 0 1px 0 rgba(255,255,255,.42);
  }

  [data-theme="dark"].home-motion-enabled.home-motion-nav .nav {
    background: rgba(7,17,27,.76);
  }

  .home-motion-enabled .ny-feature {
    --home-motion-progress: 0;
  }

  .home-motion-enabled .ny-feature::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 0 0 auto;
    width: min(48vw, 720px);
    pointer-events: none;
    opacity: calc(.22 - var(--home-motion-progress) * .12);
    background:
      linear-gradient(90deg, transparent 0 18%, rgba(238,250,255,.34) 18.15% 18.35%, transparent 18.5% 54%, rgba(238,250,255,.25) 54.15% 54.35%, transparent 54.5%),
      linear-gradient(180deg, transparent 0 48%, rgba(238,250,255,.28) 48.15% 48.35%, transparent 48.5%);
    mask-image: linear-gradient(90deg, transparent, #000 25%);
  }

  .home-motion-enabled .ny-feature__bg img {
    transform: scale(calc(1.035 - var(--home-motion-progress) * .025)) translate3d(0, calc(var(--home-motion-progress) * 1.5%), 0) !important;
    transform-origin: center 42%;
    transition: transform .12s linear !important;
    will-change: transform;
  }

}

/* Keep manufacturer names fully opaque so the primary and legal labels
   retain sufficient contrast in every theme and viewport. */
.brands .brand-pill,
.brands .brand-pill:hover {
  opacity: 1;
}

/* Off-screen content must remain readable to assistive technology and audits.
   Motion is limited to the dedicated visual layers instead of fading text. */
body .reveal,
body .reveal.visible,
.scrolly__step,
.scrolly__step.active {
  opacity: 1;
}

body .reveal,
body .reveal.visible {
  transform: none;
  transition: none;
}