.article-hero{
  width:min(1504px,calc(100% - 64px));
  margin:0 auto;
  padding:42px 0 34px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:52px;
  align-items:center;
}
.article-hero .ahead,
.article-hero .hero-cover{
  max-width:none;
  margin:0;
  padding:0;
}
.article-hero .ahead .page{
  width:auto;
  max-width:none;
  margin:0;
  padding:0;
}
.article-hero .ahead h1.sr-only{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:18px 0 20px!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4vw,68px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:500;
  color:var(--tx,#191b20);
}
.article-hero .hero-cover img.cover-img{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  height:auto;
  object-fit:cover;
  border-radius:22px;
  box-shadow:0 22px 54px -32px rgba(25,27,32,.42);
}

/* One left edge for the article hero and the reading area. */
.page{
  width:min(1504px,calc(100% - 64px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}
@media(max-width:980px){
  .article-hero{width:min(760px,calc(100% - 48px));grid-template-columns:1fr;gap:26px;padding:34px 0 26px}
  .article-hero .ahead h1.sr-only{font-size:clamp(36px,7vw,56px)}
  .page{width:min(760px,calc(100% - 48px));max-width:none;padding-left:0;padding-right:0}
}
@media(max-width:640px){
  .article-hero{width:calc(100% - 36px);padding:26px 0 20px;gap:20px}
  .article-hero .ahead h1.sr-only{font-size:clamp(32px,10vw,44px);margin:14px 0 16px!important}
  .article-hero .hero-cover img.cover-img{border-radius:15px}
  .page{width:calc(100% - 36px);padding-left:0;padding-right:0}
}