.article-hero { position:relative; min-height:34rem; display:flex; align-items:end; padding:5rem 7vw; color:#fff; background:#07172c; isolation:isolate; overflow:hidden; }
.article-hero img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.article-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,18,34,.9),rgba(5,18,34,.52) 65%,rgba(5,18,34,.2)); }
.article-hero-copy { width:min(47rem,100%); }
.article-crumb { margin:0 0 1rem; font-size:.95rem; font-weight:700; }
.article-crumb a { text-underline-offset:.25em; }
.article-hero h1 { display:block; margin:0 0 1.4rem; font-size:clamp(3.3rem,6.5vw,7rem); line-height:.96; }
.article-hero .article-dek { max-width:42ch; margin:0; font-size:clamp(1.08rem,1.6vw,1.34rem); line-height:1.5; }
.article-layout { display:grid; grid-template-columns:minmax(13rem,.4fr) minmax(0,1fr); gap:clamp(3rem,9vw,11rem); padding:5rem 7vw 7rem; }
.article-aside { align-self:start; position:sticky; top:1.5rem; color:var(--ink-soft); font-size:.9rem; }
.article-aside p { margin:0 0 1.4rem; }.article-aside strong { display:block; margin-bottom:.35rem; color:var(--ink); }
.article-aside a { display:block; margin:.55rem 0; text-underline-offset:.25em; }
.article-prose { max-width:45rem; font-size:1.08rem; line-height:1.75; }
.article-prose > p:first-child { font-size:1.28rem; line-height:1.65; }
.article-prose h2 { margin:3.8rem 0 1.2rem; font-size:clamp(2.2rem,3.6vw,3.7rem); line-height:1; }
.article-prose h3 { margin:2.25rem 0 .65rem; font-size:1.55rem; line-height:1.15; }
.article-prose p { max-width:66ch; margin:0 0 1.25rem; }
.article-prose ul { max-width:62ch; margin:0 0 1.5rem; padding-left:1.2rem; }.article-prose li { margin:.55rem 0; }
.article-callout { margin:2.6rem 0; padding:1.5rem 1.7rem; background:#d4ded8; }.article-callout strong { display:block; margin-bottom:.45rem; font:500 1.35rem/1.1 var(--serif); letter-spacing:-.03em; }
.article-prose a { color:#17304e; font-weight:700; text-underline-offset:.25em; }
.article-next { margin-top:4.5rem; padding-top:2rem; border-top:1px solid #9aaca6; }.article-next a { display:inline-block; margin-top:.5rem; }
@media (max-width:700px) { .article-hero { min-height:30rem; padding:7rem 5vw 3.5rem; }.article-layout { display:block; padding:3.5rem 5vw 5rem; }.article-aside { position:static; display:grid; grid-template-columns:1fr 1fr; gap:1rem 2rem; margin-bottom:3rem; }.article-aside p { margin:0; }.article-prose { font-size:1rem; }.article-prose > p:first-child { font-size:1.15rem; }.article-prose h2 { margin-top:3rem; }.article-callout { padding:1.25rem; } }