/* Editorial photography only. The frames retain their original layout and crop. */
.scroll-zoom-frame{display:block;overflow:hidden;max-width:100%}
.scroll-zoom-frame>img{display:block;transform:scale(var(--scroll-photo-scale,1));transform-origin:center center;will-change:transform}
.venue-feature .scroll-zoom-frame,.about-photo.scroll-zoom-frame{border-radius:18px}
.location-card .scroll-zoom-frame{border-radius:12px}
.venue-gallery .scroll-zoom-frame{border-radius:16px}
/* Recreate the approved Home image and overlay in separate layers, so only the
   image moves while the text, gradient, and original focal point stay fixed. */
.visit-band.scroll-zoom-background{position:relative;isolation:isolate;overflow:hidden;background:none!important}
.visit-band.scroll-zoom-background::before,.visit-band.scroll-zoom-background::after{content:"";position:absolute;inset:0;pointer-events:none}
.visit-band.scroll-zoom-background::before{z-index:-2;background:var(--site-photo-url,url('/assets/dining-room-wide.jpg')) center 54%/cover no-repeat;transform:scale(var(--scroll-photo-scale,1));transform-origin:center center;will-change:transform}
.visit-band.scroll-zoom-background::after{z-index:-1;background:linear-gradient(90deg,rgba(24,41,34,.82),rgba(24,41,34,.46))}
html[data-theme="bold"] .visit-band.scroll-zoom-background::after{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.52))}
@media(max-width:640px){.visit-band.scroll-zoom-background::before{background-position:58% center}}
@media(prefers-reduced-motion:reduce){.scroll-zoom-frame>img,.visit-band.scroll-zoom-background::before{transform:none!important;will-change:auto}}