@media (min-width: 961px) {
  .articles-hero-visual figcaption {
    inset-inline-end: calc(var(--article-space-xs) + 32px);
  }
}

/* Keep the catalogue photograph inside the mobile viewport and retain a calm crop. */
@media (max-width: 760px) {
  body[data-page="articles"][data-article-view="hub"] .articles-hero-visual {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    margin-inline: 0;
  }

  body[data-page="articles"][data-article-view="hub"] .articles-hero-visual img {
    object-position: center 28%;
  }
}

@media (max-width: 420px) {
  body[data-page="articles"][data-article-view="hub"] .articles-hero-visual {
    width: 100%;
    margin-inline: 0;
  }
}