.article-body__header { padding-block: 27px 54px; text-align: center; }
.article-body__title { max-width: 890px; margin-inline: auto; font-family: var(--font-display); font-size: 70px; font-weight: 500; line-height: .94; text-transform: uppercase; }
.article-body__lead { max-width: 736px; margin: 24px auto 0; font-size: 18px; font-weight: 500; line-height: 25px; }
.article-body__hero { max-width: var(--media-container); margin-inline: auto; aspect-ratio: 1440 / 553; }
@media (max-width: 639px) {
  .article-body__header { padding-block: 6px 30px; }
  .article-body__title { max-width: 390px; font-size: 48px; line-height: 1.1; }
  .article-body__lead { max-width: 370px; margin-top: 30px; font-size: 16px; line-height: 25px; }
  .article-body__hero { aspect-ratio: 390 / 447; }
}
.article-body { min-inline-size: 0; }