/* Single-image scenes share a horizontal slide transition. */
/* Match the supplied soft hotel exposure without changing image colour or composition. */
.hero-slide--arrival{--hero-brightness:.98}
.hero-slide--access{--hero-brightness:.94}
.hero-slide--breakfast{--hero-brightness:.90}
.hero .hero-photo img{filter:brightness(var(--hero-brightness,1))}
.hero .hero-slide .hero-copy .kicker{font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.5;letter-spacing:.035em;color:#fff0d5}
@media(max-width:900px){.hero .hero-slide .hero-copy .kicker{font-size:18px}}
@media(max-width:370px){.hero .hero-slide .hero-copy .kicker{font-size:16px}}
.hero .hero-slide.is-active .hero-photo img{animation:none}
.hero-slide.is-active{z-index:2}
.hero-slide.is-leaving{z-index:1}
.hero-slide.is-leaving .hero-content,
.hero-slide.is-leaving .hero-shade{visibility:hidden}
.hero-slide.is-leaving .hero-photo{pointer-events:none}
/* Keep the seated group and tablet visible when the desktop viewport is narrow. */
.hero .hero-slide--reception .hero-photo img{object-position:75% center}
@media(min-width:901px) and (max-aspect-ratio:3/2){.hero{height:clamp(640px,65vw,780px)}}
/* A shorter fade keeps the crouching posture and feet readable. */
.hero:has(.hero-slide--reception.is-active)::after{height:64px}