.sample-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.sample-grid article {
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}

.sample-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.sample-grid article div { padding: 22px; }
.sample-grid h3 { font-family: serif; font-size: 24px; margin: 5px 0; }
.sample-grid small { color: var(--gold); letter-spacing: .12em; }
.sample-grid p, .sample-note { color: var(--muted); }
.sample-note { font-size: 13px; }

@media (max-width: 760px) {
  .sample-grid { grid-template-columns: 1fr; }
}