.article-page{--navy:#06284b;--pink:#d90b55;--ink:#102c49;--muted:#49627d;--soft:#f6f8fb;color:var(--ink);font-family:inherit}
.article-wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.article-hero{position:relative;min-height:470px;display:flex;align-items:flex-end;overflow:hidden;background:#06284b}
.article-hero picture,.article-hero img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,54,.94) 0%,rgba(3,28,54,.78) 38%,rgba(3,28,54,.18) 70%,rgba(3,28,54,.06) 100%)}
.article-hero-copy{position:relative;z-index:1;padding:78px 0 68px;max-width:720px;color:#fff}
.article-eyebrow{margin:0 0 13px;font-size:.82rem;font-weight:800;letter-spacing:.16em;color:#ff4d87}
.article-hero h1{margin:0 0 20px;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.98;letter-spacing:-.04em;color:#fff}
.article-hero .lead{font-size:1.18rem;line-height:1.65;max-width:660px;color:#fff;margin:0}
.article-body{padding:72px 0}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;align-items:start}
.article-content>p:first-child{font-size:1.22rem;line-height:1.75;margin-top:0;color:#284865}
.article-content h2{font-size:1.8rem;line-height:1.2;margin:46px 0 12px;color:var(--navy)}
.article-content p{font-size:1.04rem;line-height:1.78;color:#294660}
.article-note{margin:42px 0;padding:24px 26px;border-left:4px solid var(--pink);background:#fff5f8;border-radius:0 14px 14px 0}
.article-note strong{color:var(--navy)}
.article-side{position:sticky;top:110px;background:var(--soft);border:1px solid #e2e8ef;border-radius:18px;padding:26px}
.article-side h2{font-size:1.2rem;margin:0 0 15px;color:var(--navy)}
.article-side a{display:block;padding:14px 0;border-top:1px solid #dce3ea;color:#a90743;font-weight:750;text-decoration:none;line-height:1.35}
.article-side a:first-of-type{border-top:0}
.article-side a:hover{text-decoration:underline}
.article-cta{background:var(--navy);color:#fff;padding:58px 0}
.article-cta .article-wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}
.article-cta h2{font-size:2rem;margin:0 0 8px;color:#fff}
.article-cta p{margin:0;color:#fff;max-width:680px;line-height:1.6}
.article-btn{display:inline-block;background:#c7074b;color:#fff;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none;white-space:nowrap}
.article-btn:hover{background:#a9063f}
@media(max-width:800px){
 .article-wrap{width:min(100% - 32px,720px)}
 .article-hero{min-height:620px;align-items:flex-end}
 .article-hero picture,.article-hero img{height:100%;object-position:center}
 .article-hero:after{background:linear-gradient(0deg,rgba(3,28,54,.96) 0%,rgba(3,28,54,.78) 45%,rgba(3,28,54,.12) 82%)}
 .article-hero-copy{padding:50px 0 44px;max-width:none}
 .article-hero h1{font-size:clamp(2.35rem,11vw,3.55rem)}
 .article-hero .lead{font-size:1.06rem}
 .article-body{padding:48px 0}
 .article-layout{display:block}
 .article-side{position:static;margin-top:46px}
 .article-cta .article-wrap{display:block}
 .article-btn{margin-top:24px}
}