.rooms{position:relative;isolation:isolate;overflow:hidden;background:#f0e9df;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);gap:clamp(2.5rem,6vw,7rem)}
.rooms::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(246,242,235,.68),rgba(246,242,235,.3) 55%,rgba(246,242,235,.52));backdrop-filter:blur(5px)}
.rooms>*{position:relative;z-index:1}
.rooms::before{content:"ROOMS";position:absolute;right:-1rem;bottom:-2rem;color:rgba(47,81,71,.045);font:600 clamp(6rem,16vw,14rem)/1 var(--serif);letter-spacing:-.08em;pointer-events:none}
.rooms .section-intro{position:relative;z-index:1;padding-top:1rem}.rooms .section-intro h2{max-width:8ch;margin-top:1rem}.rooms .section-intro p:last-child{max-width:28ch;margin-top:2rem;color:var(--muted);font-size:.95rem}
.rooms .room-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-self:start}.rooms .room-item{display:block;padding:0 0 1.25rem;border:1px solid var(--line);background:rgba(246,242,235,.7);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.rooms .room-item:hover,.rooms .room-item.active{border-color:var(--gold);box-shadow:0 14px 30px rgba(28,52,46,.12);transform:translateY(-5px)}.rooms .room-item img{width:100%;height:10rem;margin-bottom:1rem;object-fit:cover}.rooms .room-item span{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.5rem;padding:0 1rem}.rooms .room-item b{font-size:.68rem}.rooms .room-item strong{font-size:1.15rem;line-height:1.1}.rooms .room-item i{font-size:1.2rem;color:var(--terracotta);font-style:normal}.rooms .room-feature{position:relative;z-index:1;grid-column:2;height:clamp(25rem,38vw,38rem);margin-top:0;box-shadow:0 18px 38px rgba(28,52,46,.14)}.rooms .room-feature::after{content:"GOLDEN LIVING";position:absolute;right:1.5rem;bottom:1rem;color:rgba(246,242,235,.9);font-size:.65rem;letter-spacing:.18em}
@media(max-width:700px){.rooms{display:block}.rooms .section-intro{margin-bottom:2.5rem}.rooms .room-list{grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.rooms .room-item img{height:8rem}.rooms .room-item strong{font-size:1rem}.rooms .room-feature{height:24rem}.rooms::before{font-size:7rem}}

.rooms .room-item img,
.rooms .room-feature img{border-radius:10%}

.rooms .room-feature.media-frame{background:transparent!important}

.rooms .room-feature.media-frame{box-shadow:none!important}

.rooms .room-item img,
.rooms .room-feature img{border-radius:0}

@media (min-width: 701px) {
  .rooms .room-list {
    grid-column: 2;
    grid-row: 1;
  }

  .rooms .room-feature {
    grid-column: 2;
    grid-row: 1;
    margin-top: 17rem;
  }
}