.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.gallery-item { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); }
.gallery-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.gallery-item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.gallery-caption { padding: 12px 16px; background: #fff; font-size: .85rem; color: var(--text-secondary); text-align: center; }
@media (max-width:768px) { .gallery-grid { grid-template-columns: 1fr; } }