.rooms-hero{padding:88px 8% 76px;background:radial-gradient(ellipse at 15% 15%,#222 0,transparent 45%)}
.rooms-hero h1{font:800 clamp(42px,5.2vw,72px)/1.04 Manrope,sans-serif;letter-spacing:-3.5px;margin:0}
.rooms-hero h1 span{color:var(--gold)}
.rooms-hero>p:last-child{max-width:600px;color:#c4c4c4;margin:22px 0 0}
.rooms-gallery{padding-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:250px;gap:18px}
.rooms-photo{position:relative;overflow:hidden;margin:0;background:var(--panel)}
.rooms-photo-feature{grid-row:span 2}
.rooms-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .35s}
.rooms-photo:hover img{transform:scale(1.025)}
.rooms-photo figcaption{position:absolute;inset:auto 0 0;padding:40px 20px 18px;background:linear-gradient(transparent,#080808ed);display:flex;flex-direction:column}
.rooms-photo figcaption strong{font:700 17px Manrope,sans-serif}
.rooms-photo figcaption span{font-size:12px;color:#ccc;margin-top:4px}
.rooms-details{padding:50px 8%;display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;background:#111}
.rooms-details .eyebrow{margin-bottom:12px}
.rooms-details h2{font:800 clamp(28px,3vw,40px)/1.1 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}
.rooms-details>p{color:#bbb;font-size:13px;line-height:1.8;margin:0}
.rooms-details .button{white-space:nowrap}
@media(max-width:850px){
  .rooms-hero{padding:60px 6% 48px}
  .rooms-gallery{padding-top:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px}
  .rooms-photo-feature{grid-column:1/-1;grid-row:auto}
  .rooms-details{padding:45px 6%;grid-template-columns:1fr 1fr;gap:22px}
  .rooms-details>p{grid-column:1/-1;grid-row:2}
}
@media(max-width:520px){
  .rooms-gallery{grid-template-columns:1fr;grid-auto-rows:270px;gap:14px}
  .rooms-photo-feature{grid-column:auto}
  .rooms-details{grid-template-columns:1fr}
  .rooms-details>p{grid-column:auto;grid-row:auto}
  .rooms-details .button{justify-self:start}
}