body[data-page="in-the-room"] .page-hero{display:block;position:relative;padding-bottom:3rem}
body[data-page="in-the-room"] .hero-copy{max-width:1100px}
body[data-page="in-the-room"] .page-hero h1{max-width:17ch}
body[data-page="in-the-room"] .hero-note{max-width:65ch}
.room-gallery[hidden]{display:none}
.room-gallery{padding-block:2rem 5rem;overflow:hidden}
.room-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.room-gallery-heading h2{font:400 clamp(2.5rem,4vw,4rem)/1.05 var(--serif);max-width:21ch}
.room-gallery-heading h2 em{color:var(--blue)}
.room-gallery-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.room-gallery-controls button{width:48px;height:48px;border:1px solid var(--silver);border-radius:50%;background:transparent;color:var(--white);font:400 1.4rem/1 sans-serif;cursor:pointer}
.room-gallery-controls button:hover{background:var(--blue);color:#000;border-color:var(--blue)}
.room-gallery-controls button:disabled{opacity:.25;cursor:default}
.room-gallery-controls button:focus-visible,.room-photo:focus-visible,.room-gallery-track:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.room-gallery-status{font:400 .85rem/1.5 var(--sans);color:var(--silver);min-width:4.5rem;text-align:center;font-variant-numeric:tabular-nums}
.room-gallery-track{display:flex;gap:clamp(16px,2.5vw,36px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:#9ed8f2 #202024;padding:0 0 1.5rem;list-style:none;margin:0}
.room-gallery-slide{flex:0 0 82%;min-width:0;scroll-snap-align:start}
.room-gallery-slide figure{margin:0}
.room-photo{position:relative;display:block;width:100%;border:0;padding:0;background:#0c1117;color:#fff;cursor:zoom-in;overflow:hidden}
.room-photo img{display:block;width:100%;height:clamp(280px,38vw,540px);object-fit:contain;object-position:center;transform:none;filter:none}
.room-photo>span{position:absolute;right:1rem;bottom:1rem;background:#050608e6;padding:.5rem .8rem;font:500 .75rem/1.4 var(--sans);border:1px solid #ffffff4d}
.room-gallery-slide figcaption{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.room-photo-number{font:400 1.4rem/1.1 var(--serif);color:var(--blue)}
.room-gallery-slide h3{font:400 1.6rem/1.2 var(--serif);color:var(--white);margin:0}
.room-gallery-slide p{font-size:.9rem;line-height:1.6;color:var(--silver);margin:.4rem 0 0}
@media(max-width:700px){
 .room-gallery{padding-block:1rem 3rem}
 .room-gallery-heading{display:block}
 .room-gallery-controls{margin-top:1.25rem;justify-content:flex-end}
 .room-gallery-slide{flex-basis:92%}
 .room-photo img{height:360px;max-height:65svh}
}