.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery-item{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;aspect-ratio:4/3}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.gallery-item:hover img{transform:scale(1.06)}
.gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery-item span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(44,33,27,0.7));color:#faf6f1;padding:30px 12px 10px;font-size:12px;font-weight:500;opacity:0;transition:var(--transition)}
.gallery-item:hover span{opacity:1}
.lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(44,33,27,0.92);backdrop-filter:blur(10px);align-items:center;justify-content:center}
.lightbox.open{display:flex;flex-direction:column;gap:14px}
.lightbox img{max-width:90vw;max-height:80vh;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.lightbox-close{position:absolute;top:20px;right:28px;background:none;border:none;color:#faf6f1;font-size:30px;cursor:pointer;transition:var(--transition)}
.lightbox-close:hover{transform:rotate(90deg)}
.lightbox-label{color:#faf6f1;font-size:15px;font-weight:500}
@media(max-width:768px){
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.gallery-item:nth-child(1){grid-column:span 2;grid-row:span 1}
}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-item:nth-child(1){grid-column:span 1}}