.article-hero{position:relative;min-height:62vh;display:grid;align-items:end;padding:160px 40px 80px;overflow:hidden;background:#0f172a;color:#fff}
.article-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(1.2)}
.article-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,1) 0%,rgba(15,23,42,0.4) 50%,transparent 100%)}
.article-hero-content{position:relative;z-index:1;width:min(980px,calc(100% - 40px));margin:0 auto}
.article-hero h1{max-width:880px;margin:16px 0;font-size:clamp(40px,7vw,82px);line-height:1;letter-spacing:-1px;font-weight:900}
.article-hero p{max-width:760px;color:rgba(255,255,255,.85);font-size:20px;line-height:1.75}
.article-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.article-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;color:rgba(255,255,255,.7);font-weight:800;font-size:16px}
.article-meta a{color:var(--brand-secondary)}
.article-copy{max-width:880px;margin:0 auto;padding:60px 0;font-size:20px;line-height:1.85;color:var(--text)}
.article-copy p{margin:0 0 24px}
.article-copy img{border-radius:24px;box-shadow:0 24px 48px rgba(15, 23, 42, .08)}
@media(max-width:720px){.article-hero{padding:120px 24px 54px}.article-meta{align-items:flex-start;flex-direction:column}.article-copy{font-size:18px}}