.article-hero{padding:145px 0 44px;background:#fff;text-align:center}
.article-hero h1{max-width:960px;margin:12px auto 0;font-size:var(--heading-md)}
.article-deck{
  max-width:820px;
  margin:26px auto 0;
  color:#4B5059;
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2.6vw,2.35rem);
  line-height:1.3;
}
.article-cover{height:min(66vw,720px);margin-top:42px;overflow:hidden}
.article-cover img{width:100%;height:112%;object-fit:cover}
.article-body{background:#fff}
.article-layout{display:grid;grid-template-columns:.42fr 1fr .32fr;gap:36px}
.article-meta-sticky,.article-aside{position:sticky;top:110px;align-self:start}
.article-meta-sticky p{color:var(--muted);font-size:.66rem;line-height:1.8;letter-spacing:.08em;text-transform:uppercase}
.article-content p{margin:0 0 28px;color:#2B2F36;font-family:var(--font-display);font-size:1.5rem;line-height:1.58}
.article-content p:first-child::first-letter{float:left;padding-right:9px;color:var(--blue);font-size:5rem;line-height:.8}
.article-aside button{padding:9px 12px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;font-size:.65rem}
.article-end{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}