.article-hero { padding:13vw 6vw 9vw; color:var(--white); background:var(--ink); }.article-hero .eyebrow { color:#b4b8ae; }.article-hero h1 { max-width:1160px; margin-bottom:42px; font-size:clamp(4rem,9vw,9.5rem); }.article-hero h1 em { color:var(--accent); font-style:normal; }.intro-copy { max-width:680px; margin:0; color:#c4c7bf; font-size:clamp(1.05rem,1.6vw,1.25rem); }.article-body { max-width:770px; margin:0 auto; padding:110px 6vw 130px; font-size:1.08rem; }.article-body p { margin-bottom:28px; }.article-body .kicker { margin-bottom:16px; color:#646961; font-size:.7rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }.article-body h2 { margin:70px 0 26px; font-size:clamp(2.6rem,5vw,4.6rem); }.article-body aside { margin:60px -6vw; padding:42px 6vw; color:var(--white); background:#252821; }.article-body aside .eyebrow { color:#b4b8ae; }.article-body aside p:last-child { max-width:650px; margin:0; font-family:var(--sans); font-size:clamp(1.5rem,3vw,2.5rem); letter-spacing:-.04em; line-height:1.05; }.takeaway { margin:90px -6vw 0; padding:60px 6vw; background:#d9d7ce; }.takeaway h2 { max-width:770px; margin:0 0 24px; }.takeaway p:not(.eyebrow) { max-width:640px; }.sources { margin-top:80px; padding-top:28px; border-top:1px solid var(--line); color:#646961; font-size:.83rem; }.sources p { margin-bottom:12px; }.sources a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }@media (max-width:700px) { .article-hero { padding:130px 6vw 75px; }.article-hero h1 { font-size:clamp(3.4rem,15vw,5.4rem); }.article-body { padding-top:75px; font-size:1rem; }.article-body h2 { margin-top:55px; }.takeaway { margin-top:65px; padding-top:48px; padding-bottom:48px; } }