.blog-featured { display: grid; grid-template-columns: 1.2fr minmax(280px, .8fr); gap: 28px; align-items: stretch; margin-bottom: 48px; justify-items: start; }
.blog-hero-card, .article-card { width: 100%; }
.blog-hero-card img { aspect-ratio: 16/10; }
.blog-card-body, .article-card-body { padding: 24px; }
.eyebrow { color: var(--clr-lime); font-family: var(--font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }
.blog-card-body h2, .article-card-body h3 { font-family: var(--font-display); font-size: clamp(28px,4vw,42px); line-height: 1.1; margin: 8px 0 12px; }
.blog-card-body p, .article-card-body p { color: var(--clr-muted); }
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; justify-items: start; }
.article-card img { aspect-ratio: 4/3; }
.article-card-body h3 { font-size: 25px; }
@media(max-width:850px) { .blog-featured, .article-grid { grid-template-columns: minmax(0,1fr); } }