/* Extra image area keeps photo edges inside their frame throughout the motion. */
.merchant-hero-media{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4/4.4;width:100%}
.merchant-hero-media .merchant-hero-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.merchant-photo-band img[src$="afters-coffee-sign.jpg"]{object-position:65% 50%}
.merchant-photo-band img[src$="kit-clothing-rack.jpg"]{object-position:50% 50%}
@media(max-width:800px){.merchant-hero-media{aspect-ratio:16/11}}
@media(prefers-reduced-motion:no-preference){
 .home-feature-hero .hero-photo{inset:-90px 0;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.03);will-change:transform}
 .merchant-hero-media .merchant-hero-photo{inset:-40px 0;height:calc(100% + 80px);transform:translate3d(0,var(--parallax-y,0px),0) scale(1.025);will-change:transform}
}
@media(prefers-reduced-motion:reduce){
 .home-feature-hero .hero-photo,.merchant-hero-media .merchant-hero-photo{transform:none!important;will-change:auto}
}