.blog-list{background:var(--color-bg-primary);padding:var(--space-5xl)0}.blog-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.blog-grid{gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-text-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.blog-image-wrapper{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-overlay{opacity:0;background:linear-gradient(#0000,#00000080);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.blog-card:hover .blog-overlay{opacity:1}.blog-category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:var(--color-text-primary);left:var(--space-md);padding:var(--space-xs)var(--space-sm);top:var(--space-md);background:#ffffffe6;font-size:.75rem;font-weight:600;position:absolute}.blog-content{padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.blog-meta{color:var(--color-text-tertiary);gap:var(--space-md);margin-bottom:var(--space-sm);font-size:.85rem;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.blog-title{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700;line-height:1.3}.blog-excerpt{color:var(--color-text-secondary);margin-bottom:var(--space-lg);flex:1;font-size:.95rem;line-height:1.6}.blog-link{color:var(--color-text-primary);align-items:center;gap:var(--space-xs);font-size:.9rem;font-weight:600;transition:gap .3s;display:inline-flex}.blog-link:hover{gap:var(--space-sm)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}