/* ==========================================================================
   Rooms overview page
   Ported from the Astro static design (Astro scoped attributes removed).
   ========================================================================== */


/* --- Rooms overview --- */
.jump{margin-top:var(--space-m)}
.jump ul{flex-wrap:wrap;gap:.5rem;display:flex}
.jump a{border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(6px);min-height:2.5rem;transition:background-color var(--dur-2) ease, color var(--dur-2) ease;background:#ffffff0f;border:1px solid #ffffff73;align-items:center;padding:.45rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}
.jump a:hover{color:var(--navy-900);background:#fff}
.rooms-list{padding-block:var(--section-y) calc(var(--section-y) * .5)}
.rf+.rf{margin-top:var(--space-3xl)}
.rf__grid{gap:var(--space-xl);align-items:center;display:grid}
.rf__media{padding-bottom:3rem;position:relative}
.rf__main{aspect-ratio:4/3;display:block}
.rf__main img,.rf__second img{object-fit:cover;width:100%;height:100%}
.rf__second{aspect-ratio:4/5;border:6px solid var(--paper);width:38%;box-shadow:var(--shadow-m);position:absolute;bottom:0;right:-.5rem}
.rf__text{gap:var(--space-s);justify-items:start;display:grid}
.rf__title{font-size:var(--step-5);letter-spacing:-.045em;font-weight:290;line-height:.98}
.rf__headline{font-size:var(--step-1);color:var(--navy-900)}
.rf__facts{width:100%;max-width:32rem;margin-block:var(--space-xs);border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.rf__facts div{border-bottom:1px solid var(--color-line);padding:.8rem 0}
.rf__facts dt{font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:650}
.rf__facts dd{color:var(--navy-900);margin-top:.15rem;font-size:1.0625rem;font-weight:560}
.rf__summary{max-width:32rem}
.rf__amenities{max-width:34rem;font-size:var(--step--1);color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}
.rf__amenities li{align-items:center;gap:.45rem;display:inline-flex}
.rf__amenities .icon{color:var(--slate-600)}
.rf__actions{margin-top:var(--space-s);flex-wrap:wrap;gap:.75rem;display:flex}
@media (width>=64rem){.rf__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.4vw,2.5rem)}
.rf__media{grid-column:1/8;padding-bottom:4rem}
.rf__text{grid-column:9/-1}
.rf--flip .rf__media{grid-area:1/6/auto/-1}
.rf--flip .rf__text{grid-area:1/1/auto/5}
.rf--flip .rf__second{left:-2rem;right:auto}
.rf__second{width:34%;right:-2.5rem}
}
.compare{border-top:1px solid var(--color-line-strong);overflow-x:auto}
.compare table{border-collapse:collapse;width:100%;min-width:46rem;font-size:var(--step--1)}
.compare th,.compare td{text-align:left;border-bottom:1px solid var(--color-line);vertical-align:middle;padding:1.1rem 1rem 1.1rem 0}
.compare thead th{font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:650}
.compare tbody th{font-size:var(--step-1);letter-spacing:-.01em;font-weight:450}
.compare tbody th a{color:var(--navy-900);text-decoration:none}
.compare tbody th a:hover{text-underline-offset:.2em;text-decoration:underline}
.compare tbody td{color:var(--color-text);font-weight:500}
.compare__cta{text-align:right!important;padding-right:0!important}
.every{gap:var(--space-xl);display:grid}
.every .eyebrow{margin-bottom:var(--space-m)}
.every__list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem 2rem;display:grid}
.every__list li{align-items:flex-start;gap:.9rem;display:flex}
.every__list .icon{color:var(--clay-600);flex:none}
.every__list strong{color:var(--navy-900);font-weight:620;display:block}
.every__list span span{font-size:var(--step--1);color:var(--color-text-muted);display:block}
@media (width>=64rem){.every{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
}