/* Gallery Grid */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.gallery-item{cursor:pointer;overflow:hidden;aspect-ratio:1;position:relative;background:var(--darker)}
.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.3s,transform 0.4s}
.gallery-item:hover img,.gallery-item:hover video{opacity:0.8;transform:scale(1.03)}

/* Lightbox */
.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:10000;display:none;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.lightbox-content img,.lightbox-content video{max-width:90vw;max-height:90vh;object-fit:contain;display:block}
.lightbox-close{position:fixed;top:20px;right:24px;background:none;border:none;color:var(--mid);font-size:1.4rem;cursor:pointer;z-index:10001;transition:color 0.2s;font-family:var(--font)}
.lightbox-close:hover{color:var(--white)}
.lightbox-prev,.lightbox-next{position:fixed;top:50%;background:none;border:none;color:var(--dim);font-size:1.6rem;cursor:pointer;z-index:10001;transition:color 0.2s;font-family:var(--font);padding:12px}
.lightbox-prev{left:12px;transform:translateY(-50%)}
.lightbox-next{right:12px;transform:translateY(-50%)}
.lightbox-prev:hover,.lightbox-next:hover{color:var(--white)}

@media(max-width:768px){
  .gallery{grid-template-columns:repeat(2,1fr);gap:2px}
}
@media(max-width:480px){
  .gallery{grid-template-columns:1fr;gap:2px}
}