/* The existing room photograph and two supplementary views, without a new scroll section. */
.room-photo-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(360px,42vw,580px);margin-bottom:0}
.room-photo-tile{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;background:var(--paper);color:#fff;cursor:zoom-in;text-align:left}
.room-photo-tile:first-child{grid-row:1 / 3}
.room-photo-tile>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.room-photo-zoom,.room-photo-count{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(43,51,63,.86);color:#fff;pointer-events:none}
.room-photo-zoom{top:12px;right:12px;width:34px;height:34px;border:1px solid #ffffff55}
.room-photo-zoom svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.room-photo-count{left:12px;bottom:12px;padding:6px 10px;font:500 10px/1.3 var(--sans);letter-spacing:.12em}
.room-photo-tile:focus-visible{outline:3px solid var(--gold);outline-offset:4px;z-index:1}
.room-photo-gallery.has-2-photos{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:clamp(280px,38vw,500px)}
.room-photo-gallery.has-2-photos .room-photo-tile:first-child{grid-row:auto}
@media(hover:hover) and (pointer:fine){.room-photo-tile:hover>img{transform:scale(1.025)}}
@media(max-width:700px){
 .room-photo-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}
 .room-photo-tile{aspect-ratio:3 / 2}
 .room-photo-tile:first-child{grid-column:1 / -1;grid-row:auto}
 .room-photo-gallery.has-2-photos{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto}
 .room-photo-gallery.has-2-photos .room-photo-tile:first-child{grid-column:auto}
 .room-photo-gallery.has-2-photos .room-photo-tile{aspect-ratio:3 / 2}
 .room-photo-zoom{top:8px;right:8px;width:28px;height:28px}
 .room-photo-count{left:8px;bottom:8px;font-size:9px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.room-photo-tile>img{transition:none}.room-photo-tile:hover>img{transform:none}}
