.media-rail { padding-block: var(--section-pad); }
.media-rail {
  display: block;
  background: rgba(var(--color-background));
  color: rgba(var(--color-text));
}
.media-rail__heading { margin-bottom: 32px; }
.media-rail__item {
  margin: 0; flex: 0 0 258px;
  background: rgba(var(--color-card-background)); border-radius: var(--radius); overflow: hidden;
  border: 1px solid rgba(var(--color-text), 0.1);
}
.media-rail__item img, .media-rail__item svg { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.media-rail__item figcaption { padding: 16px; color: rgba(var(--color-text)); font-size: 14px; line-height: 1.45; }
@media (max-width: 760px) {
  .media-rail__item { flex-basis: 210px; }
}
@media (max-width: 480px) {
  .media-rail__item figcaption { padding: 12px; font-size: 13px; }
}