/* Reuse the homepage imagery without changing article content or controls. */
.article-hero.has-visual { display: grid; gap: 28px; max-width: none; }
.hero-copy { min-width: 0; }
.article-visual { display: block; width: 100%; max-width: 820px; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #e7ebe8; }
@media (min-width: 1001px) {
  .article-hero.has-visual { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 32px; align-items: center; }
  .article-visual { aspect-ratio: 4 / 3; }
}