.blog-hero{padding: 60px 48px;text-align:center}
.blog-hero-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#1a1a1a;margin-bottom:16px;font-family:Inter,'DM Sans',sans-serif}
.blog-hero-title{font-size:clamp(36px,5vw,60px);font-family: Inter, "DM Sans", sans-serif;color:#1a1615;line-height:1.1;margin-bottom:20px}
.blog-hero-sub{font-size:15px;color:#5A5E7A;max-width:480px;margin:0 auto;font-family:Inter,'DM Sans',sans-serif;line-height:1.7}
.blog-grid-section{padding:80px 48px;background:var(--cd-bg,#f7f5f2)}
.blog-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;justify-content:start}
.blog-card{background:#fff;border-radius:2px;overflow:hidden;text-decoration:none;display:block;transition:transform 0.2s,box-shadow 0.2s}
.blog-card:hover{transform:translateY(-4px)}
.blog-card-img{width:100%;height:200px;object-fit:cover;background:#E8E8E0}
.blog-card-img-placeholder{width:100%;height:200px;overflow:hidden}.blog-card-img-placeholder img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.blog-card:hover .blog-card-img-placeholder img{transform:scale(1.04)}
.blog-card-body{padding:24px}
.blog-card-cat{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#1a1a1a;font-family:Inter,'DM Sans',sans-serif;margin-bottom:10px}
.blog-card-title{font-size:20px;font-family:Inter,'DM Sans',sans-serif;color:#1a1615;line-height:1.3;margin-bottom:12px}
.blog-card-excerpt{font-size:13px;color:#5A5E7A;font-family:Inter,'DM Sans',sans-serif;line-height:1.7;margin-bottom:16px}
.blog-card-meta{font-size:11px;color:#9A9EA8;font-family:Inter,'DM Sans',sans-serif}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-grid-section{padding:60px 24px}.blog-hero{padding:80px 24px 40px}}
/* ── PAGE HERO — consistent across all pages ── */
@media(max-width: 768px) {
}

/* Hero text - no background box */
.page-hero p, .page-hero h1, .page-hero h2, .blog-hero p, .blog-hero h1, .blog-hero h2, .blog-hero-sub, .blog-hero-title { background: transparent !important; }