.sp-page-hero{padding:140px 80px 100px;background:var(--primary);}
.sp-page-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;}
.sp-page-hero__eyebrow{color:var(--button-bg);}
.sp-page-hero__title{color:var(--bg);margin:0;}
.sp-page-hero__body{color:rgba(248,243,238,.75);margin:0;padding-top:8px;}

/* Article grid */
.sp-article-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:rgba(214,207,199,.15);border-radius:12px;overflow:hidden;}
.sp-article-card{background:var(--bg);padding:52px 44px;display:flex;flex-direction:column;gap:0;}
.sp-article-card:hover{background:var(--surface-soft);}
.sp-article-card__cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);margin:0 0 20px;}
.sp-article-card__title{font-family:var(--font-heading);font-size:26px;color:var(--primary);line-height:1.25;margin:0 0 16px;flex-grow:1;text-wrap:balance;}
.sp-article-card__body{font-size:15px;color:var(--muted);line-height:1.65;margin:0 0 32px;text-wrap:pretty;}
.sp-article-card__link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;letter-spacing:.04em;transition:color .2s;align-self:flex-start;}
.sp-article-card__link:hover{color:var(--accent);text-decoration:none;}

/* Featured article */
.sp-featured{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(214,207,199,.15);border-radius:12px;overflow:hidden;margin-bottom:2px;}
.sp-featured__main{background:var(--primary);padding:72px 60px;display:flex;flex-direction:column;gap:0;}
.sp-featured__main .sp-article-card__cat{color:var(--button-bg);}
.sp-featured__main .sp-article-card__title{font-size:36px;color:var(--bg);}
.sp-featured__main .sp-article-card__body{color:rgba(248,243,238,.75);font-size:16px;}
.sp-featured__main .sp-article-card__link{color:var(--button-bg);}
.sp-featured__main .sp-article-card__link:hover{color:var(--bg);}
.sp-featured__side{display:grid;grid-template-rows:1fr 1fr;gap:2px;}
.sp-featured__side .sp-article-card{background:var(--bg-alt);}

.sp-intro-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:80px;}
.sp-intro-split__title{font-family:var(--font-heading);font-size:clamp(36px,3.5vw,52px);color:var(--primary);margin:0;line-height:1.1;text-wrap:balance;}
.sp-intro-split__body{font-size:16px;color:var(--muted);line-height:1.75;margin:0;text-wrap:pretty;}

@media(max-width:960px){
    .sp-page-hero__inner{grid-template-columns:1fr;gap:32px;}
    .sp-article-grid{grid-template-columns:1fr;}
    .sp-featured{grid-template-columns:1fr;}
    .sp-featured__side{grid-template-rows:auto;grid-template-columns:1fr 1fr;}
    .sp-intro-split{grid-template-columns:1fr;gap:28px;}
}
@media(max-width:600px){
    .sp-article-card,.sp-featured__main{padding:40px var(--m-margin);}
    .sp-featured__side{grid-template-columns:1fr;}
}