/* ===== ART WALL — Full-Size Images (no cropping) ===== */
.artgrid {
  --ag-gap: 1.5rem;
  --ag-radius: 14px;
  --ag-shadow: 0 10px 30px rgba(0,0,0,.12);
  --ag-shadow-hover: 0 18px 50px rgba(0,0,0,.18);
  --ag-bg: #ffffff;
  --ag-soft: #f6f8fb;
  --ag-text: #1a1a1a;
  --ag-muted: #6c757d;

  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem 2rem;
  color: var(--ag-text);
}

.artgrid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); /* bigger cards */
  gap: var(--ag-gap);
  background: linear-gradient(180deg, var(--ag-bg) 0%, var(--ag-soft) 100%);
  padding: calc(var(--ag-gap) * .75);
  border-radius: 20px;
  list-style: none;
  margin: 0;
}

.art-tile {
  border-radius: var(--ag-radius);
  box-shadow: var(--ag-shadow);
  background: #fff;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.art-tile:hover { transform: translateY(-3px); box-shadow: var(--ag-shadow-hover); }

.art-tile img {
  display: block;
  width: 100%;       /* fill container width */
  height: auto;      /* keep natural aspect ratio */
  object-fit: contain; /* don’t crop */
}

.art-tile__caption {
  padding: .75rem 1rem;
  font-size: .95rem;
  color: var(--ag-muted);
  background: #fafafa;
  border-top: 1px solid rgba(0,0,0,.06);
}