.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;width:100%}.blog-card{position:relative;display:flex;flex-direction:column;cursor:pointer;aspect-ratio:4/5;overflow:hidden;border-radius:16px;group:hover}.blog-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:1}.blog-card:hover .blog-image{transform:scale(1.08)}.blog-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 50%);z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 24px}.blog-meta{font-family:var(--font-ui);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;gap:12px;color:rgba(255,255,255,.8)}.blog-title{font-family:var(--font-display);font-size:clamp(20px,2vw,24px);font-weight:500;line-height:1.2;margin:0;color:#ffffff}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}