@keyframes cxPriceSwitch{0%{opacity:.55;transform:translateY(7px) scale(.99)}100%{opacity:1;transform:none}}
@keyframes cxMenuIn{from{opacity:0;transform:translate(-30%,-10px) scale(.985)}to{opacity:1;transform:translate(-30%,0) scale(1)}}
@keyframes cxHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes cxFloat{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
.marketing-site .mk-mega:not([hidden]){animation:cxMenuIn .22s ease both}
.marketing-site .mk-hero-copy,.marketing-site .mk-detail-hero>div{animation:cxHeroIn .7s cubic-bezier(.2,.8,.2,1) both}
.marketing-site .mk-real-calendar{animation:cxFloat 6s ease-in-out infinite}.marketing-site .mk-real-booking{animation:cxFloat 7s ease-in-out 1s infinite}
.marketing-site .mk-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.marketing-site .mk-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.marketing-site *,.marketing-site *:before,.marketing-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}