.c-media-strip {
  display: grid;
  gap: var(--space-5);
  grid-auto-columns: minmax(min(82vw, 18rem), min(62vw, 48rem));
  grid-auto-flow: column;
  overflow-x: auto;
  padding-block-end: var(--space-3);
}

.c-media-frame {
  margin: 0;
  min-width: 0;
}

.c-media-frame__stage {
  aspect-ratio: var(--media-aspect-ratio, var(--media-aspect-ratio-default));
  background: var(--brand-panel-background);
  border: var(--line-strong);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-console-panel);
  overflow: hidden;
}

.c-media-frame img,
.c-media-frame video,
.c-media-frame__placeholder {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.c-media-frame__placeholder {
  background:
    var(--brand-hex-grid),
    radial-gradient(circle at 50% 45%, var(--color-plant-being-haze), transparent 34%),
    linear-gradient(135deg, var(--color-goldberg-plate-dark), var(--color-goldberg-plate));
  background-size: 68px 40px, auto, auto;
}

.c-media-frame figcaption,
.c-post-figure__caption {
  color: var(--color-console-text-dim);
  font-size: 0.92rem;
  margin-block-start: var(--space-3);
}

.c-post-figure {
  margin-block: var(--space-6);
}

.c-post-figure img,
.c-post-figure video,
.c-post-image {
  border: var(--line-strong);
  border-radius: var(--radius-medium);
  display: block;
  width: 100%;
}