/* One composited surface keeps both columns on the same timeline and loop seam. */
body .hero .visual.montage{display:block}
.hero .showcase-motion{display:flex;gap:8px;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;animation:hero-showcase-up 36s linear infinite;animation-play-state:paused}
body .hero .showcase-column{flex:0 0 calc((100% - 8px)/2);height:auto;overflow:visible}
body .hero .showcase-track{animation:none!important;transform:none;will-change:auto}
.hero .showcase-motion.is-ready{animation-play-state:running}
.hero .montage-card{backface-visibility:hidden;box-shadow:none;transition:none}
.hero .montage-card>img{opacity:1;visibility:visible;transition:none;backface-visibility:hidden}
@keyframes hero-showcase-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@media(prefers-reduced-motion:reduce){.hero .showcase-motion{animation:none;will-change:auto}}