/* One first-paint image, with a matching motion layer after it is ready.
   The phone sources are exact native-resolution crops of the saved v4 art. */
.hero { background-image:none; }
.hero-art { position:absolute; inset:0; z-index:0; pointer-events:none; }
.hero-still,.hero-motion { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none; }
.hero-motion { z-index:0; opacity:0; }
.hero-motion.is-visible { opacity:1; }
.motion-shortcut { color:#193c30; font-size:.9rem; min-height:44px; border-radius:3px; }
@media (min-width:601px) and (max-width:1000px) {
  .hero-still,.hero-motion { object-position:92% center; }
}
@media (prefers-reduced-motion:reduce) { .hero-motion { display:none!important; } }
html[data-motion=reduce] .hero-motion { display:none!important; }