.article-hero .article-hero-grid {
  padding-block: 6rem;
}
@container main (max-width: 47.9375rem) {
  .article-hero .article-hero-grid {
    padding-block: 2.5rem;
    padding-bottom: 0;
  }
}
.article-hero .article-hero-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article-hero .article-hero-heading {
  font: var(--h1-font);
  font-weight: 600;
}
.article-hero .article-hero-excerpt {
  font: var(--body-large-font);
}
.article-hero .article-hero-meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.25rem;
  font: var(--body-font);
  font-size: 1rem;
  color: var(--subdued);
}
@media print, screen and (min-width: 48rem) {
  .article-hero .article-hero-meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
  }
}