.gallery-box{container-type:inline-size}.gallery{--cols:12;grid-template-columns:repeat(var(--cols), 1fr);grid-auto-rows:calc((100cqw - (var(--cols) - 1) * 10px) / var(--cols));grid-auto-flow:dense;gap:10px;display:grid}.gallery-item{grid-column:span var(--w);grid-row:span var(--h);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.04)}@media (width<=992px){.gallery{--cols:var(--cols-t)}.gallery-item{grid-column:span var(--wt);grid-row:span var(--ht)}}@media (width<=567px){.gallery{--cols:var(--cols-m)}.gallery-item{grid-column:span var(--wm);grid-row:span var(--hm)}}.lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.lightbox::backdrop{background:#1b2e40eb}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox img{object-fit:contain;max-width:calc(100vw - 120px);max-height:calc(100vh - 80px)}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:0;padding:12px 18px;font-size:48px;line-height:1;position:absolute}.lightbox .lb-close{font-size:40px;top:8px;right:8px}.lightbox .lb-prev{top:50%;left:4px;transform:translateY(-50%)}.lightbox .lb-next{top:50%;right:4px;transform:translateY(-50%)}@media (width<=567px){.lightbox img{max-width:100vw}.lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:8px;transform:none}}