/* Shared illustrated heroes for the six article pages. */
.article-banner{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:56px;height:517px;margin-top:48px;margin-bottom:64px;padding:48px 76px;border-radius:34px;background:#C2CCD6}
.article-banner::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(39,45,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,45,64,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
.article-banner-copy{min-width:0}.article-banner-label{font-size:16px;line-height:1.5;letter-spacing:-.025em;margin-bottom:30px}
.article-banner h1{font-size:clamp(36px,3.55vw,52px);line-height:1.1;font-weight:600;letter-spacing:-.055em;color:#272D40}
.article-banner-deck{font-size:var(--type-lead);line-height:1.6;letter-spacing:-.035em;margin-top:30px}
.article-banner-meta{font-size:16px;color:#798392;line-height:1.5;letter-spacing:-.025em;margin-top:32px}.article-banner-meta span{margin-inline:5px}
.article-banner-image{position:absolute;right:0;bottom:0;display:block;width:min(56%,690px);height:517px;object-fit:contain;object-position:right bottom;min-width:0;pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.article-banner{padding:44px;gap:32px;grid-template-columns:1fr 1fr}.article-banner h1{font-size:38px}.article-banner h1 br{display:none}.article-banner-meta{font-size:14px}}
@media(max-width:760px){.article-banner{width:calc(100% - 40px);grid-template-columns:1fr;padding:32px 24px;gap:36px;margin-top:24px;margin-bottom:40px;border-radius:24px}.article-banner h1{font-size:clamp(30px,7.8vw,42px)}.article-banner h1 br{display:none}.article-banner-label{font-size:14px;margin-bottom:22px}.article-banner-deck{font-size:18px;margin-top:24px}.article-banner-meta{font-size:13px;margin-top:24px}.article-banner::before{mask-image:linear-gradient(180deg,transparent,black)}.article-banner-image{max-width:580px;margin-inline:auto}}
@media print{.article-banner{margin:0 0 24px;padding:24px;gap:24px}.article-banner h1{font-size:28px}.article-banner-deck{font-size:14px}.article-banner-meta{font-size:12px}}
@media(max-width:760px){.article-banner{height:auto;padding-bottom:0}.article-banner-image{position:relative;right:auto;bottom:auto;width:calc(100% + 48px);max-width:none;height:auto;margin:0 -24px;object-fit:contain}}