/* Blog grid cards */
.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.blog-card{position:relative;border-radius:14px;overflow:hidden;background:#0b0b0c;color:#fff;box-shadow:0 6px 24px rgba(0,0,0,.24);transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.blog-card .thumb{display:block;position:relative;padding-top:56%}
.blog-card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blog-card .pill{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.7);padding:6px 10px;border-radius:999px;font-size:12px}
.blog-card .body{padding:14px 14px 18px}
.blog-card h3{font-size:18px;margin:0 0 6px}
.blog-card .meta{opacity:.8;font-size:13px}
.blog-card .read{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:10px;background:#ffffff10;color:#fff;border:1px solid #ffffff25}
/* Hero slides inherit the site's .card.hero-main styling; only ensure caption wraps */
.card.hero-main .caption h1{line-height:1.15}