.accommodation-page{background:var(--muca-bg);color:var(--muca-text);padding:0 0 90px}
.accommodation-page__hero{position:relative;height:var(--muca-page-hero-h,min(82svh,780px));min-height:var(--muca-page-hero-min-h,520px);overflow:hidden;background:var(--muca-bg-secondary);color:#fff}
.accommodation-page__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,21,17,.64),rgba(20,21,17,.18) 55%,transparent)}
.accommodation-page__hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.accommodation-page__hero-copy{position:absolute;z-index:1;bottom:11%;left:50%;width:min(90%,760px);transform:translateX(-50%);color:#fff;text-align:center}
.accommodation-page__hero-copy span{display:block;color:#fff;font-family:var(--font-subheader);font-size:12px;font-weight:var(--fw-subheader);letter-spacing:.22em;text-transform:uppercase}
.accommodation-page__hero-copy h1{margin:14px 0 0;color:#fff;font:var(--fw-headline) clamp(38px,5.2vw,72px)/1.08 var(--font-headline);text-wrap:balance}
.accommodation-page__inner{width:min(100% - 40px,1360px);margin:auto}
.accommodation-page__intro{width:100%;max-width:none;margin:clamp(48px,6vw,76px) auto clamp(44px,5.5vw,68px);text-align:center}
.accommodation-page__rule{display:block;width:48px;height:1.5px;margin:0 auto 24px;background:var(--color-gold)}
.accommodation-page__intro p{margin:0;color:var(--muca-text);font-family:var(--font-body);font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.82;text-wrap:pretty}
.accommodation-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.accommodation-page__card{min-width:0}
.accommodation-page__card a{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;background:#e8e2d7}
.accommodation-page__card a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(27,19,15,.7))}
.accommodation-page__card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.accommodation-page__card a:hover img{transform:scale(1.04)}
.accommodation-page__card div{position:absolute;z-index:1;bottom:25px;left:18px;right:18px;text-align:center}
.accommodation-page__card h2{margin:0 0 8px;color:#fff;font:var(--fw-subheader) clamp(22px,2.1vw,34px)/1.18 var(--font-subheader);text-wrap:balance}
.accommodation-page__card span{color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:991px){.accommodation-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.accommodation-page{padding-bottom:36px}.accommodation-page__hero{height:var(--muca-page-hero-h-mobile,66svh);min-height:var(--muca-page-hero-min-h-mobile,420px)}}
@media(max-width:575px){.accommodation-page__hero-copy h1{font-size:clamp(30px,8vw,44px)}.accommodation-page__intro{margin:36px auto 32px}.accommodation-page__intro p{font-size:15px;line-height:1.72}.accommodation-page__grid{gap:12px}.accommodation-page__card div{left:10px;right:10px;bottom:15px}.accommodation-page__card h2{font-size:clamp(19px,5.2vw,24px)}}