/* ==================================
   11. GALLERY
================================== */
.gallery-grid {
  display: grid; gap: 16px; margin-top: 35px;
  grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px;
}
.gallery-item { position: relative; border-radius: 22px; overflow: hidden; height: 100%; }
.gallery-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-medium); }
.gallery-item:hover img { transform: scale(1.06); }
.gallery-item figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 16px;
  background: linear-gradient(transparent, rgba(36, 19, 11, 0.82)); color: var(--white); font-weight: 600; z-index: 2;
}
.gallery-actions { text-align: center; margin-top: 32px; }