/* ==========================================================================
   pedrom.link — clay & camera
   ========================================================================== */

.pieces {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 20px;
  border-top: 1px solid var(--ink);
  padding-top: 40px;
}

.piece { margin: 0; }
.piece img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 3px;
  background: #e6dfd0;
  cursor: zoom-in;
  transition: transform 0.25s ease;
}
.piece img:hover { transform: translateY(-3px); }
.piece figcaption { display: flex; flex-direction: column; gap: 4px; padding-top: 12px; }
.piece-name { font-size: 18px; letter-spacing: -0.01em; }
.piece-note { font-size: 14px; line-height: 1.45; color: var(--ink); margin-top: 4px; text-wrap: pretty; }

@media (max-width: 900px) {
  .pieces { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; padding-top: 24px; }
}