.tm-c { background: var(--cream); padding: 96px 0 120px; }
.tm-c__head { margin-bottom: 48px; max-width: 720px; }
.tm-c__head h2 { font-family: var(--font-serif); font-weight: 400; font-size: clamp(32px, 4.4vw, 56px); margin: 0; }
.tm-c__wall {
  columns: 1;
  column-gap: 20px;
}
@media (min-width: 600px)  { .tm-c__wall { columns: 2; } }
@media (min-width: 900px)  { .tm-c__wall { columns: 3; } }
@media (min-width: 1200px) { .tm-c__wall { columns: 4; } }
.tm-c__card {
  break-inside: avoid;
  margin: 0 0 20px;
  padding: 20px 22px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.tm-c__card blockquote {
  margin: 0;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 16px;
  line-height: 1.45;
  color: var(--navy);
}
.tm-c__card figcaption {
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 500;
}
.tm-c__card figcaption strong { color: var(--teal); font-weight: 600; }