.photo-lightbox{position:fixed;inset:0;width:min(1180px,calc(100vw - 40px));height:min(92dvh,880px);max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:52px 76px 22px;border:1px solid rgba(215,229,238,.25);background:rgba(14,22,29,.97);color:#e6edf1;overflow:visible}.photo-lightbox::backdrop{background:rgba(4,9,13,.84);backdrop-filter:blur(8px)}.lightbox-figure{height:100%;width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.lightbox-image{display:block;max-width:100%;max-height:calc(100% - 30px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 70px rgba(0,0,0,.38)}.lightbox-count{font:10px var(--mono);letter-spacing:1.2px;color:#bac8d1}.lightbox-close,.lightbox-arrow{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid rgba(215,229,238,.3);border-radius:50%;background:rgba(14,22,29,.75);color:#e6edf1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.lightbox-close:hover,.lightbox-arrow:hover{background:#8ebbd0;color:#101820;border-color:#8ebbd0}.lightbox-close{top:14px;right:16px;width:38px;height:38px;font:28px/1 var(--sans)}.lightbox-arrow{top:50%;width:44px;height:44px;font:20px var(--sans);transform:translateY(-50%)}.lightbox-prev{left:15px}.lightbox-next{right:15px}.photo-tile:focus-visible{outline:2px solid #8ebbd0;outline-offset:3px}
@media(max-width:600px){.photo-lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:60px 14px 24px;border:0}.lightbox-close{top:12px;right:12px}.lightbox-arrow{width:40px;height:40px;top:auto;bottom:17px;transform:none}.lightbox-prev{left:calc(50% - 49px)}.lightbox-next{right:calc(50% - 49px)}.lightbox-figure{height:calc(100% - 10px)}.lightbox-image{max-height:calc(100% - 62px)}}

.photo-tile{padding:0;color:inherit;cursor:zoom-in;text-align:left}