.article-cover {
  margin: 42px 0 0;
  max-width: 1120px;
}

.article-cover img {
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  filter: saturate(.78);
  background: #242421;
}

.article-cover figcaption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 1.2px;
}

.article-inline-media {
  margin: 42px 0 34px;
}

.article-inline-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: saturate(.82);
  background: #242421;
}

.article-inline-media figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 1.1px;
}

@media (max-width: 640px) {
  .article-cover { margin-top: 30px; }
  .article-cover img { aspect-ratio: 16 / 9; }
  .article-cover figcaption { font-size: 9px; }
  .article-inline-media { margin: 32px 0 26px; }
  .article-inline-media figcaption { font-size: 9px; }
}