.story-visual {
  position: relative;
}
.default-image-label:not(:empty) {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  padding: 3px 7px;
  background: #08234ee8;
  color: white;
  font: 11px / 1.4 sans-serif;
  max-width: calc(100% - 16px);
}
.lead-placeholder.has-image {
  background: var(--ink);
  opacity: 1;
}

.lead-placeholder.has-image .lead-media {
  object-fit: contain;
  background: var(--ink);
  opacity: 1;
}

.story-visual.has-image {
  background: var(--paper-deep);
}

.story-visual.has-image img {
  object-fit: contain;
  background: var(--paper-deep);
}

.article-media {
  margin: var(--s8) 0;
  border: var(--line) solid var(--rule);
  background: var(--paper-deep);
}

.article-media .article-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
  margin: 0;
  object-fit: contain;
  background: var(--paper-deep);
}

.article-media figcaption {
  padding: var(--s2) var(--s3);
  border-top: var(--line) solid var(--rule);
  color: var(--ink-soft);
  font: 700 var(--text-meta) / 1.5 var(--font-meta);
}