.story-cards { padding-block: var(--section-pad); }
.story-cards--pad-top { padding-bottom: 0; }
.story-cards--pad-bottom { padding-top: 0; }
.story-cards--pad-none { padding-block: 0; }
.story-cards {
  display: block;
  background: rgba(var(--color-background));
  color: rgba(var(--color-text));
}
.story-cards__heading { margin-bottom: var(--story-cards-head-gap, 28px); }
.story-cards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--story-cards-min, 280px), 1fr));
  gap: 20px;
}
.story-cards__item {
  margin: 0;
  background: rgba(var(--color-card-background));
  border: 1px solid var(--theme-line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.story-cards__item img, .story-cards__item svg {
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: rgba(var(--color-media-background));
}
.story-cards__body { padding: 24px; display: flex; flex-direction: column; gap: 16px; flex: 1; }
.story-cards__quote { font-size: 16px; line-height: 1.55; flex: 1; text-wrap: pretty; margin: 0; }
.story-cards__who { font: 700 14px/1.3 var(--font-body); }
.story-cards__role {
  display: block; font: 500 11px/1.4 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--theme-text-mono); margin-top: 5px;
}
@media (max-width: 900px) {
  .story-cards__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
}
@media (max-width: 760px) {
  .story-cards__body { padding: 20px; }
}
@media (max-width: 560px) {
  .story-cards__grid { grid-template-columns: 1fr; }
}