.gallery-grid{ margin-top: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-item{ border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.05); }
.gallery-item img{ width: 100%; height: 180px; object-fit: cover; display: block; }
.gallery-item .caption{ padding: 10px 12px; color: var(--muted); font-size: 14px; }
@media (max-width: 960px){ .gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px){ .gallery-grid{ grid-template-columns: 1fr; } .gallery-item img{ height: 200px; } }