/* Home motion only. Content remains visible without JS or with reduced motion. */
.home-page {
  --hm-ease:cubic-bezier(.22,1,.36,1);
  --hm-distance:26px;
  --hm-duration:900ms;
}
/* Explicit layers keep the existing crossfade above a transformed current image. */
.home-page .brand-visual>#brand-image { position:relative;z-index:0; }
.home-page .brand-visual>#brand-previous { z-index:1; }
.home-page .brand-arrow { z-index:2; }
@media (prefers-reduced-motion:no-preference) {
  .home-motion-ready [data-hm-reveal] {
    opacity:0;
    transform:translate3d(0,var(--hm-distance),0);
    transition:opacity 700ms ease,transform var(--hm-duration) var(--hm-ease),clip-path 1100ms var(--hm-ease);
    transition-delay:0ms;
  }
  .home-motion-ready [data-hm-reveal="image"] {
    transform:translate3d(0,14px,0);
    clip-path:inset(5% 0 5% 0);
  }
  .home-motion-ready [data-hm-reveal].hm-visible {
    opacity:1;
    transform:none;
    clip-path:inset(0);
    transition-delay:var(--hm-delay,0ms);
  }
  .home-motion-ready [data-hm-reveal]:focus-within {
    opacity:1;
    transform:none;
    clip-path:none;
    transition:none;
  }
  .home-page .image-pagination span { transition:background 300ms ease,border-color 300ms ease; }
}
@media (min-width:801px) and (prefers-reduced-motion:no-preference) {
  .home-parallax-ready .intro>.intro-image {
    transform:translate3d(0,var(--hm-shift,0px),0) scale(var(--hm-scale,1.06));
  }
  .home-parallax-ready .brand-visual>img {
    transform:translate3d(0,var(--hm-shift,0px),0) scale(var(--hm-scale,1.04));
  }
}
@media (max-width:800px) {
  .home-page { --hm-distance:16px; --hm-duration:750ms; }
}
@media (prefers-reduced-motion:reduce) {
  .home-page [data-hm-reveal] { opacity:1;transform:none;clip-path:none;transition:none; }
  .home-page .intro>.intro-image, .home-page .brand-visual>img { transform:none; }
  .home-page #brand-previous, .home-page #hero-youtube { transition:none; }
  .home-page .nw-card-image img, .home-page .nw-card h3 { transition:none;transform:none; }
}
@media print {
  .home-page [data-hm-reveal] { opacity:1!important;transform:none!important;clip-path:none!important; }
  .home-page .intro>.intro-image, .home-page .brand-visual>img { transform:none!important; }
}