.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    gap:12px;
    padding:20px;
}


.thumb {
    aspect-ratio: 1/1;
    overflow:hidden;
    cursor:pointer;
    border-radius:10px;
    background:#222;
}

.thumb img,
.thumb video {
    width:100%;
    height:100%;
    object-fit:cover;
}

/* LIGHTBOX */

.lightbox {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.95);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:2147483647;
}

.lightbox.active {
    display:flex;
}

.lightbox-content img,
.lightbox-content video {
    max-width:90vw;
    max-height:90vh;
}

.lightbox button {
    position:absolute;
    background:none;
    border:none;
    color:white;
    font-size:2rem;
    cursor:pointer;
}

.close { top:50px; right:30px; height: 45px; width: 45px; }
.prev { left:30px; }
.next { right:30px; }
.play { bottom:20px; font-size:1rem; }