/* Compositor-only homepage motion. No effect until a visitor starts scrolling. */
@media (min-width: 721px) and (prefers-reduced-motion: no-preference) {
  .home-motion-enabled .nav {
    transition: top .45s cubic-bezier(.22,.61,.36,1), width .45s cubic-bezier(.22,.61,.36,1), border-radius .45s cubic-bezier(.22,.61,.36,1), background-color .35s ease, box-shadow .35s ease;
  }

  .home-motion-enabled.home-motion-nav .nav {
    top: 8px;
    width: min(calc(100% - 20px), 1260px);
    border-radius: 18px;
    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;
  }

  .home-motion-enabled .ny-feature__content {
    transform: translate3d(0, calc(var(--home-motion-progress) * -26px), 0) !important;
    transition: transform .12s linear !important;
    will-change: transform;
  }

  .home-motion-products .card {
    transition: transform .65s cubic-bezier(.22,.61,.36,1), box-shadow .65s cubic-bezier(.22,.61,.36,1), opacity .45s ease;
  }

  .home-motion-products .card:nth-child(2) { transition-delay: .08s; }
  .home-motion-products .card:nth-child(3) { transition-delay: .16s; }

  .home-motion-products:not(.is-home-visible) .card {
    opacity: .01;
    transform: translate3d(0, 26px, 0);
  }

  .home-motion-products.is-home-visible .card:hover {
    transform: translate3d(0, -7px, 0);
    box-shadow: 0 28px 70px rgba(4,28,42,.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-motion-products .card { transition: none; }
}