.lightbox{align-items:center;background:rgba(0,0,0,.8);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lightbox[hidden]{display:none!important}button.gallery-item{border-radius:8px;overflow:hidden;padding:0;transition:all .5s}button.gallery-item:hover img{height:105%;transition:all .5s;width:105%}button.close-lightbox{justify-content:center;padding:10px;z-index:99}.lightbox-panel{background:#111;border-radius:16px;color:#fff;display:grid;gap:1rem;grid-template-rows:auto 1fr auto;max-height:90vh;min-width:0;overflow:hidden;padding:1rem;position:relative;width:min(90vw,960px)}.lightbox-main{align-items:center;display:flex;justify-content:center;margin:0;min-width:0;overflow:hidden}.lightbox-main img{height:auto;max-height:60vh;max-width:100%;object-fit:contain;width:auto}.lightbox-thumbs{display:flex;gap:.5rem;justify-content:center;justify-content:flex-start;max-width:100%;overflow-x:auto;padding-top:.5rem}.lightbox-thumbs button{background:none;border:2px solid transparent;border-radius:4px;cursor:pointer;flex:0 0 auto;height:70px;margin-bottom:0;padding:0;width:90px}.lightbox-thumbs img{border-radius:4px;height:100%;object-fit:cover;width:100%}.lightbox-thumbs button[aria-current=true]{border-color:#fff}.close-lightbox{background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;height:40px;position:absolute;right:.75rem;top:.75rem;width:40px}.close-lightbox:focus,.gallery-item:focus,.lightbox-thumbs button:focus{outline:3px solid #005fcc;outline:none;outline-offset:3px}.gallery-item img{aspect-ratio:4/3;border-radius:10px;object-fit:cover;transition:all .5s;width:100%}.gallery-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}