.custom-blog-grid{display:grid;gap:1.5rem;grid-auto-flow:dense;grid-auto-rows:320px;grid-template-columns:repeat(3,1fr)}.blog-card{align-items:flex-end;background-color:#000;color:#fff;display:flex;height:100%;justify-content:flex-start;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-4px)}.blog-card.featured{grid-column:span 2;grid-row:span 1}.blog-card-image{background-position:50%;background-size:cover;inset:0;position:absolute;z-index:1}.blog-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.85));inset:0;position:absolute;transition:background .3s ease;z-index:2}.blog-card:hover .blog-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.7))}.blog-card-text{background:linear-gradient(0deg,#000,transparent);max-width:100%;padding:1.5rem;position:relative;z-index:3}.blog-card-text h3{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.3;margin:.3rem 0 .6rem}.blog-card-text p{color:#ddd;font-size:.95rem;line-height:1.5;margin:0}.blog-tag{background:rgba(0,0,0,.55);border-radius:3px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.4px;margin-bottom:.6rem;padding:.3rem .6rem;text-transform:uppercase}@media (max-width:992px){.custom-blog-grid{grid-auto-rows:280px;grid-template-columns:repeat(2,1fr)}.blog-card.featured{grid-column:span 2}}@media (max-width:600px){.custom-blog-grid{grid-auto-rows:260px;grid-template-columns:1fr}.blog-card.featured{grid-column:span 1}}