.room-photo-link{display:block;overflow:hidden;cursor:zoom-in}
.room-photo-link img{transition:filter .2s,transform .25s}
.room-photo-link:hover img,.room-photo-link:focus img{filter:brightness(.82);transform:scale(1.015)}
.room-photo-link:focus{outline:3px solid #f47b20;outline-offset:-3px}
.photo-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
.photo-modal:target{opacity:1;visibility:visible;pointer-events:auto}
.photo-modal-backdrop{position:absolute;inset:0;background:#020817ed}
.photo-modal-content{position:relative;z-index:1;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;width:min(96vw,1500px);height:min(94vh,1000px)}
.photo-modal-content>img{grid-column:2;display:block;width:auto;height:auto;max-width:100%;max-height:calc(94vh - 50px);margin:auto;object-fit:contain;border-radius:8px;box-shadow:0 22px 75px #000}
.photo-modal-close{position:absolute;top:0;right:0;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff24;color:#fff;font-size:2rem;line-height:1}
.photo-modal-nav{display:grid;place-items:center;width:50px;height:64px;border-radius:12px;background:#ffffff1f;color:#fff;font-size:3rem;line-height:1}
.photo-modal-prev{grid-column:1}.photo-modal-next{grid-column:3}
.photo-modal-nav:hover,.photo-modal-close:hover{background:#ffffff40;color:#fff}
.photo-modal-counter{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:#0008;color:#fff}
@media(max-width:600px){.photo-modal{padding:8px}.photo-modal-content{grid-template-columns:46px minmax(0,1fr) 46px;width:100vw;height:100vh}.photo-modal-content>img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 55px)}.photo-modal-nav{width:40px;height:54px;font-size:2.4rem}.photo-modal-close{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:42px;height:42px}}