
/* KAINOS editorial article layer */
.article-page{background:var(--bg);}
.article-hero{padding-top:var(--nav-h);min-height:640px;display:grid;grid-template-columns:45% 55%;border-bottom:1px solid var(--border);}
.article-hero__copy{padding:95px 7vw 85px 7vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#0a0c0b 0%,#111410 100%)}
.article-eyebrow{font-size:11px;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:20px}
.article-hero h1{font-family:var(--serif);font-size:clamp(52px,5.8vw,86px);font-weight:300;line-height:.92;letter-spacing:-.03em;margin:0 0 28px}
.article-hero h1 em{font-style:italic;color:var(--gold-light)}
.article-hero__intro{max-width:620px;color:var(--text-2);font-size:18px;line-height:1.8;margin:0 0 26px}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-3);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.article-hero__art{min-height:640px;position:relative;overflow:hidden}
.article-hero__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.article-hero__art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,9,.45),transparent 40%),linear-gradient(0deg,rgba(9,10,9,.4),transparent 35%)}
.article-stamp{position:absolute;z-index:2;left:7%;bottom:8%;font-family:var(--serif);font-size:58px;color:rgba(240,235,227,.9);letter-spacing:.08em}
.article-stamp small{display:block;font-family:var(--sans);font-size:10px;color:var(--gold);letter-spacing:.23em;text-transform:uppercase;margin-top:8px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 290px;gap:90px;align-items:start}
.article-wrap{padding:105px 7vw}
.article-kicker{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.article-lead{font-family:var(--serif);font-size:34px;line-height:1.18;color:var(--text);margin:0 0 42px}
.article-section{border-top:1px solid var(--border);padding-top:34px;margin-top:42px}
.article-section h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.1;margin:0 0 16px}
.article-section p{font-size:16px;color:var(--text-2);line-height:1.9;margin:0}
.article-side{position:sticky;top:110px;border-top:1px solid var(--border);padding-top:22px}
.article-side__title{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:15px}
.article-side a{display:block;padding:9px 0;color:var(--text-2);font-size:13px;line-height:1.5;border-bottom:1px solid rgba(240,235,227,.05)}
.article-side a:hover{color:var(--text)}
.article-callout{margin:58px 0 10px;border:1px solid var(--border-md);background:linear-gradient(150deg,#111310,#0c0d0c);padding:30px}
.article-callout h3{font-family:var(--serif);font-size:28px;font-weight:400;margin-bottom:8px}
.article-callout p{color:var(--text-2);font-size:14px;line-height:1.75;margin-bottom:16px}
.article-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.article-links a{border:1px solid var(--border-md);padding:11px 14px;color:var(--text-2);font-size:12px}
.article-links a:hover{border-color:var(--gold);color:var(--text)}
.article-cta{padding:105px 7vw;background:#0c0c0b;border-top:1px solid var(--border);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.article-cta h2{font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:300;line-height:.98;margin:0}
.article-cta h2 em{font-style:italic;color:var(--gold-light)}
.article-cta p{color:var(--text-2);font-size:16px;line-height:1.8;margin:0 0 25px}
@media(max-width:900px){.article-hero{grid-template-columns:1fr}.article-hero__copy{padding:90px 28px 70px}.article-hero__art{min-height:420px}.article-layout{grid-template-columns:1fr}.article-side{position:static}.article-wrap{padding:80px 28px}.article-cta{grid-template-columns:1fr;gap:35px;padding:75px 28px}}
@media(max-width:600px){.article-hero h1{font-size:53px}.article-stamp{font-size:46px}.article-wrap{padding:70px 20px}.article-hero__copy{padding-left:20px;padding-right:20px}.article-hero__intro{font-size:16px}.article-lead{font-size:28px}.article-section h2{font-size:28px}.article-cta{padding-left:20px;padding-right:20px}}
