/* Loaded last; preserves the design while correcting article media sizing. */
.hero-grid {
  gap: clamp(32px, 4.5vw, 76px);
  grid-template-columns: minmax(0, 2.15fr) minmax(250px, .6fr);
}
.article-body figure.table { margin: 2rem 0; max-width: 100%; overflow-x: auto; }
.article-body table { border-collapse: collapse; font-size: clamp(.88rem, 1.3vw, 1rem); line-height: 1.55; width: 100%; }
.article-body th, .article-body td { border: 1px solid currentColor; padding: .75em .9em; text-align: left; vertical-align: top; }
.article-body th { background: #172019; color: #fff; font-weight: 700; }
.article-body tbody tr:nth-child(even) { background: rgba(70,87,47,.07); }
.article-body img { height: auto; max-width: 100%; }
.article-body figure.image { margin: 2rem 0; }
.article-body figcaption { font-size: .82rem; line-height: 1.5; margin-top: .6rem; opacity: .75; }
.article-video { aspect-ratio: 16 / 9; margin: 2rem 0; overflow: hidden; width: 100%; }
.article-video iframe { border: 0; display: block; height: 100%; width: 100%; }
.hero h1 {
  font-size: clamp(58px, 7.2vw, 138px);
  letter-spacing: -.068em;
  line-height: .86;
  text-wrap: balance;
}
@media (max-width: 1050px) and (min-width: 801px) {
  .hero-grid { grid-template-columns: minmax(0, 1.85fr) minmax(230px, .65fr); }
  .hero h1 { font-size: clamp(58px, 7.4vw, 82px); }
}
@media (max-width: 800px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(48px, 14vw, 78px); line-height: .88; }
}
.article-hero > .article-art.article-photo {
  aspect-ratio: 16 / 9 !important;
  margin-left: calc(-1 * var(--page));
  max-height: min(70vh, 720px);
  width: calc(100% + (2 * var(--page))) !important;
}
.article-hero > .article-photo > img { object-fit: cover; }
@media (max-width: 800px) {
  .article-hero > .article-art.article-photo {
    aspect-ratio: 16 / 9 !important;
    margin-left: -16px;
    max-height: none;
    width: calc(100% + 32px) !important;
  }
}