/* ============================
   GALLERY GRID LAYOUT
   ============================ */

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
  padding: 20px;
}

/* ============================
   GALLERY ITEM
   ============================ */

.gallery-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ============================
   IMAGE — UNIFORM SQUARE TILES
   ============================ */

.gallery-item img {
  width: 100%;
  height: 260px;        /* uniform square-ish size */
  object-fit: cover;    /* crops nicely without distortion */
  border-radius: 10px;
  display: block;
}

/* ============================
   CAPTION
   ============================ */

.gallery-item .caption {
  font-size: 0.95rem;
  color: #444;
  text-align: center;
  padding: 4px 0;
}