/* Motion only. Visual design comes from the approved pre-editorial styles. */
:root{--r6-ease:cubic-bezier(.22,.61,.36,1)}
#r6-home .r6-link{transition:color .2s,border-color .2s}
#r6-home .r6-button{transition:background .22s,color .22s}
.r6-link>span,.r6-button>span{transition:transform .22s var(--r6-ease)}
.r6-link:hover>span,.r6-button:hover>span{transform:translate(2px,-2px)}

/* Keep the original header sizes and surfaces, with a gentle transition. */
.r6-header{transition:color .65s ease,box-shadow .65s ease}
.r6-header:before{transition:opacity .7s ease}
.r6-header .r6-header-inner{transition:height .7s var(--r6-ease)}
.r6-header .r6-contact,.r6-header .r6-book{transition:background .2s,color .2s,border-color .2s}
.r6-menu,.r14-menu-panel{animation:r20-menu-in .25s var(--r6-ease)}
@keyframes r20-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Extra image coverage prevents edges showing during the bounded drift. */
#r6-hero-image{position:absolute;top:-20px;left:0;width:100%;height:calc(100% + 40px);transform:translate3d(0,var(--r20-hero-shift,0px),0) scale(1.005);animation:r20-hero-settle 1.6s var(--r6-ease) both}
.r6-line>span,.r6-line>em{animation:r20-text-arrive .85s var(--r6-ease) both}
.r6-line>em{animation-delay:.1s}
.r6-hero-entrance{animation:r20-text-arrive .8s var(--r6-ease) .1s both}
.r6-hero-actions.r6-hero-entrance{animation:none;opacity:1;transform:none}
@keyframes r20-hero-settle{from{transform:translate3d(0,var(--r20-hero-shift,0px),0) scale(1.025)}to{transform:translate3d(0,var(--r20-hero-shift,0px),0) scale(1.005)}}
@keyframes r20-text-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* One-time reveals, with readable native and reduced-motion fallbacks. */
.r6-reveal{opacity:1;transform:none}
.r6-mask{opacity:1;clip-path:none}
.r20-motion-ready .r6-reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s var(--r6-ease),transform .9s var(--r6-ease);transition-delay:var(--r20-delay,0ms)}
.r20-motion-ready .r6-reveal.r6-visible{opacity:1;transform:translate3d(0,0,0)}
.r20-motion-ready .r6-mask{opacity:.75;clip-path:inset(4% 0 4% 0);transition:clip-path 1.05s var(--r6-ease),opacity .85s ease;transition-delay:var(--r20-delay,0ms)}
.r20-motion-ready .r6-mask.r6-visible{opacity:1;clip-path:inset(0)}
.r16-treatment:nth-child(2),.r7-member:nth-child(2),.r10-company-gallery>figure:nth-child(2){--r20-delay:90ms}
.r16-treatment:nth-child(3),.r10-company-gallery>figure:nth-child(3){--r20-delay:180ms}
.r16-treatment:nth-child(4){--r20-delay:270ms}
.r8-story-door{--r20-delay:120ms}
.r30-perks-grid>article:nth-child(2),.r29-sanctuary-panel:nth-child(2){--r20-delay:70ms}
.r30-perks-grid>article:nth-child(3),.r29-sanctuary-panel:nth-child(3){--r20-delay:140ms}
.r30-perks-grid>article:nth-child(4){--r20-delay:210ms}
.r20-motion-ready .r32-line-reveal:before{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--r6-ease)}
.r20-motion-ready .r32-line-reveal.r6-visible:before{transform:scaleX(1)}
.r20-motion-ready .r6-reveal:focus-within{opacity:1;transform:none;transition:none}
.r11-look-crop img{transform:translateY(var(--look-shift,0px)) scale(1.035)}

/* Retain the refined treatment, review and media movement. */
#r6-home .r12-perks-arrows>button{transition:background .2s,border-color .2s,opacity .2s}
.r16-treatment:not(.r16-treatment-featured) .r16-treatment-veil{transition:transform .8s var(--r6-ease),opacity .65s ease}
.r16-treatment-photo{transition:transform 1.05s var(--r6-ease)}
.r16-treatment-arrow{transition:background .22s,transform .25s}
@media(hover:hover) and (pointer:fine){.r16-treatment-link:hover .r16-treatment-photo{transform:scale(1.02)}}
.r8-story-door:hover img{transform:none}
@media(min-width:900px) and (min-height:650px){
 .r8-story-room img{transform:translate3d(0,var(--r32-story-drift,0px),0) scale(1.035)}
 .r8-story-door img,.r8-story-door:hover img{transform:translate3d(0,calc(var(--r32-story-drift,0px) * -.5),0) scale(1.035);transition:none}
}
.r18-review-controls>button{transition:background .2s,border-color .2s}
.r18-review-carousel{scroll-behavior:auto}
.r18-review-carousel[data-rail-gliding]{scroll-snap-type:none}
.r15-film-cover>img{transform:scale(1.02);transition:transform 1.2s var(--r6-ease)}
.r15-film-cover.r6-visible>img{transform:scale(1)}
.r15-film-cover:hover>img{transform:scale(1.02)}
.r15-film-play{transition:background .2s}
.r20-motion-ready #r6-home .r26-film-frame{opacity:.85;clip-path:none;transform:scale(.985);transition:transform 1.05s var(--r6-ease),opacity .8s ease}
.r20-motion-ready #r6-home .r26-film-frame.r6-visible{opacity:1;transform:scale(1)}
.r7-member-image img{transition:transform 1s var(--r6-ease)}
.r7-member:hover .r7-member-image img{transform:none}
@media(hover:hover) and (pointer:fine){.r7-member:hover .r7-member-image img{transform:scale(1.02)}}
.r15-social-tile img{transition:transform 1s var(--r6-ease)}
.r15-social-tile:hover img{transform:scale(1.02)}

/* Only the portrait enters. Fields and booking controls are always stationary. */
#r6-home .r19-continue{transition:background .2s}
#r6-home .r19-booking-stack{opacity:1;transform:none;transition:none}

@media(max-width:760px){
 .r20-motion-ready .r6-reveal{transition-duration:.55s,.65s;transition-delay:0ms;transform:translate3d(0,8px,0)}
 .r20-motion-ready .r6-reveal.r6-visible{transform:none}
 .r20-motion-ready .r6-mask{transition-duration:.75s,.6s;transition-delay:0ms}
 .r20-motion-ready #r6-home .r26-film-frame{transform:scale(.993);transition-duration:.7s,.55s}
 .r20-motion-ready #r6-home .r26-film-frame.r6-visible{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
 #r6-hero-image{animation:none!important;transform:none!important}
 .r19-booking-backdrop,.r11-look-crop img{transform:none!important}
 .r20-motion-ready .r6-reveal,.r20-motion-ready .r6-mask{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
 .r15-film-cover>img,.r15-film-cover:hover>img{transform:none!important}
 .r8-story-room img,.r8-story-door img,.r20-motion-ready #r6-home .r26-film-frame,.r20-motion-ready .r32-line-reveal:before{opacity:1!important;transform:none!important;transition:none!important}
}
.r6-motion-paused #r6-hero-image,.r6-motion-paused .r19-booking-backdrop,.r6-motion-paused .r11-look-crop img{animation:none!important;transform:none!important}
.r6-motion-paused .r20-motion-ready .r6-reveal,.r6-motion-paused .r6-reveal,.r6-motion-paused .r6-mask{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
.r6-motion-paused .r15-film-cover>img,.r6-motion-paused .r15-film-cover:hover>img{transform:none!important}
.r6-motion-paused .r8-story-room img,.r6-motion-paused .r8-story-door img,.r6-motion-paused #r6-home .r26-film-frame,.r6-motion-paused .r32-line-reveal:before{opacity:1!important;transform:none!important;transition:none!important}
