.article-page { background:var(--cream); }
.article-header { position:relative; background:var(--aqua); }
.article-header .site-header { position:relative; }
.article-hero { padding:95px 14vw 105px; background:var(--aqua); }
.article-hero .eyebrow { margin-bottom:30px; }
.article-hero h1 { max-width:980px; font-size:clamp(52px,7vw,104px); }
.article-hero .lead { max-width:720px; margin:35px 0 0; font-size:20px; line-height:1.5; }
.article-layout { display:grid; grid-template-columns:minmax(190px,.35fr) minmax(0,1fr); gap:8vw; padding:95px 14vw 120px; }
.article-aside { font:500 10px/1.7 "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
.article-aside a { display:inline-block; margin-top:22px; border-bottom:1px solid currentColor; }
.article-body { max-width:760px; }
.article-body h2 { margin:65px 0 22px; font-size:clamp(34px,4vw,54px); line-height:1; }
.article-body h2:first-child { margin-top:0; }
.article-body p { font-size:18px; line-height:1.72; }
.article-body blockquote { margin:65px 0; padding:35px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); font-size:clamp(28px,3vw,42px); line-height:1.08; }
.article-cta { margin-top:75px; padding:40px; background:var(--lime); }
.article-cta h2 { margin:0 0 20px; }
.article-cta p { max-width:580px; }
.article-links { display:flex; flex-wrap:wrap; gap:14px 25px; margin-top:28px; }
.article-links .button { margin:0; }
.article-footer { padding:28px 5vw; }
@media (max-width:720px) {
  .article-header nav { display:none; }
  .article-hero { padding:70px 7vw 75px; }
  .article-hero h1 { font-size:49px; }
  .article-hero .lead { font-size:18px; }
  .article-layout { grid-template-columns:1fr; padding:65px 7vw 85px; }
  .article-aside { padding-bottom:28px; border-bottom:1px solid var(--line); }
  .article-body p { font-size:17px; }
  .article-cta { margin-left:-3vw; margin-right:-3vw; padding:32px 6vw; }
}