/* Content is visible by default. Only a working controller opts into motion. */
.motion-fade-up .heroContent > *{animation:none;opacity:1;transform:none}
.heroSlide{transition:opacity .8s ease}
.heroSlide img{transform:none;filter:none}
.premium-motion .hero-entered .heroSlide.active img{animation:wellness-image .8s cubic-bezier(.2,.65,.3,1) both}
.premium-motion .hero-entered .heroContent > *{animation:wellness-copy .56s cubic-bezier(.2,.65,.3,1) both}
.premium-motion .hero-entered .heroContent > :nth-child(1){animation-delay:0s}
.premium-motion .hero-entered .heroContent > :nth-child(2){animation-delay:.08s}
.premium-motion .hero-entered .heroContent > :nth-child(3){animation-delay:.16s}
.premium-motion .hero-entered .heroContent > :nth-child(4){animation-delay:.24s}
@keyframes wellness-image{from{transform:translateY(12px) scale(1.045);filter:blur(5px)}to{transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes wellness-copy{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.premium-motion .motion-item{
 --motion-distance:34px;
 opacity:calc(.12 + var(--reveal-progress,1) * .88)!important;
 transform:translate3d(0,calc((1 - var(--reveal-progress,1)) * var(--motion-distance)),0)!important;
 transition:none!important;
}
.premium-motion .bookingPanel.motion-item{--motion-distance:18px;opacity:calc(.6 + var(--reveal-progress,1) * .4)!important}
.premium-motion .motion-wave{
 opacity:.08!important;
 transform:translate3d(0,26px,0) scale(.965)!important;
 transition:opacity .88s cubic-bezier(.22,.65,.25,1),transform .88s cubic-bezier(.22,.65,.25,1)!important;
 transition-delay:var(--wave-delay,0ms)!important;
}
.premium-motion .motion-wave.wave-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
.premium-motion .motion-item:focus-within,.premium-motion .motion-wave:focus-within{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:900px){
 .premium-motion .motion-item{--motion-distance:22px}
 .premium-motion .bookingPanel.motion-item{--motion-distance:12px}
 .premium-motion .motion-wave{transform:translate3d(0,18px,0) scale(.98)!important}
 .premium-motion .motion-wave.wave-visible{transform:translate3d(0,0,0) scale(1)!important}
 @keyframes wellness-image{from{transform:translateY(8px) scale(1.035);filter:blur(3px)}to{transform:translateY(0) scale(1);filter:blur(0)}}
 @keyframes wellness-copy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 .premium-motion .motion-item,.premium-motion .motion-wave,.heroContent > *,.heroSlide img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important}
 .heroSlide{transition:none!important}
}