.article-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--white)}
.article-hero-inner{position:relative;display:flex;align-items:center;min-height:590px;padding-block:78px}
.article-hero-copy{position:relative;z-index:1;width:min(58%,720px);padding:28px 0}
.article-hero-copy h1{max-width:720px;margin:20px 0 18px;font:700 clamp(2.8rem,5.2vw,5.7rem)/.96 var(--font-display);text-transform:uppercase}
.article-hero-copy h2{max-width:600px;margin:0;color:#d6ddd5;font:600 clamp(1.05rem,1.7vw,1.45rem)/1.35 var(--font-body);letter-spacing:.045em;text-transform:uppercase}
.article-hero-photo{position:absolute;z-index:0;inset:0 calc((100% - 100vw)/2) 0 auto;width:min(70vw,1020px);margin:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 16%,rgba(0,0,0,.72) 48%,#000 66%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 16%,rgba(0,0,0,.72) 48%,#000 66%)}
.article-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:28px;color:#b9c3ba;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.article-breadcrumb a{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.article-breadcrumb span:last-child{max-width:420px}
.article-content{padding-block:74px 90px}
.article-reading-row{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:clamp(36px,7vw,100px);align-items:center;margin:0 0 24px}
.article-reading-row--reverse{grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr)}
.article-reading-row--reverse .article-infographic{grid-column:1;grid-row:1}
.article-reading-row--reverse .article-reading-copy{grid-column:2;grid-row:1}
.article-reading-copy p{margin:0 0 20px;color:#535d55;font-size:.98rem;line-height:1.75}
.article-reading-copy p:last-child{margin-bottom:0}
.article-reading-copy strong{color:var(--ink)}
.article-infographic{min-width:0;margin:0;padding:4px 0}
.article-infographic figcaption{margin:0 0 8px;color:var(--accent-dark);font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.article-infographic svg{display:block;width:100%;height:auto;overflow:visible}
.article-cta{margin:26px 0 60px}
.article-related{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:58px;padding-top:24px;border-top:1px solid #d6dad3}
.article-related a{color:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration-color:var(--accent);text-underline-offset:5px}
.article-related a:hover{color:var(--accent-dark)}
@media(max-width:760px){.article-hero-inner{display:block;min-height:0;padding-block:48px 28px}.article-hero-copy{width:min(100%,720px);padding:10px 0 28px}.article-hero-copy h1{font-size:clamp(2.35rem,10vw,3.8rem);margin:14px 0}.article-hero-copy h2{font-size:.95rem}.article-hero-photo{position:relative;inset:auto;width:calc(100% + 21px);height:auto;aspect-ratio:4/3;margin-left:0;mask-image:linear-gradient(90deg,rgba(0,0,0,.08),#000 32%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.08),#000 32%)}.article-breadcrumb{margin-top:20px;font-size:.58rem}.article-content{padding-block:48px 62px}.article-reading-row,.article-reading-row--reverse{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.article-reading-row--reverse .article-infographic,.article-reading-row--reverse .article-reading-copy{grid-column:auto;grid-row:auto}.article-reading-row--reverse .article-reading-copy{order:1}.article-reading-row--reverse .article-infographic{order:2}.article-reading-copy p{font-size:.92rem;line-height:1.68;margin-bottom:17px}.article-infographic figcaption{font-size:.59rem}.article-cta{margin:18px 0 42px}.article-related{display:grid;justify-content:start;margin-top:40px}}
@media(max-width:480px){.article-hero-photo{width:calc(100% + 16px)}}