/* V95 — cinematic, gentle zoom-out while a hero remains visible */
/* Images on the homepage slider: animation starts anew whenever a slide becomes active. */
.rlx-home-hero.v87-slider .home-hero-panel{overflow:hidden!important}
.rlx-home-hero.v87-slider .home-hero-panel>img{width:100%;height:100%;object-fit:cover;transform-origin:center center;animation:none!important;will-change:transform}
.rlx-home-hero.v87-slider[data-active-slide="0"] .home-hero-fitness>img,
.rlx-home-hero.v87-slider[data-active-slide="1"] .home-hero-food>img{animation:relax95-zoomout 5.4s ease-out both!important}
@keyframes relax95-zoomout{from{transform:scale(1.12)}to{transform:scale(1)}}
/* The full-bleed photographic layers on Fitness and Restaurant. */
.fit-hero .fit-hero-photo,.dinner-hero .dinner-hero-bg{animation:relax95-zoomout-long 9s cubic-bezier(.2,.3,.2,1) both!important;transform-origin:center center;will-change:transform}
@keyframes relax95-zoomout-long{from{transform:scale(1.12)}to{transform:scale(1.015)}}
/* Other heroes paint their photograph as a background: animate background size. */
.activity-hero,.coach-hero,.news-v45-hero,.contact47-hero{
  animation:relax95-background-out 9s ease-out both;
  background-size:112% 112%!important;
}
@keyframes relax95-background-out{from{background-size:112% 112%}to{background-size:100% 100%}}
/* Keep all existing text and buttons stationary and legible. */
@media(max-width:700px){.activity-hero,.coach-hero,.news-v45-hero,.contact47-hero{animation:none!important;background-size:cover!important}}
@media(prefers-reduced-motion:reduce){.rlx-home-hero.v87-slider .home-hero-panel>img,.fit-hero .fit-hero-photo,.dinner-hero .dinner-hero-bg,.activity-hero,.coach-hero,.news-v45-hero,.contact47-hero{animation:none!important;will-change:auto!important}}

.dinner-hero .dinner-hero-bg{background-image:url("restaurant-hero-v95.jpg")!important;background-position:center!important;background-size:cover!important}