.blog-categories{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:.5rem;display:flex}.blog-cat-btn{font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#f5f7fa;min-height:44px;padding:.5rem 1.25rem;font-weight:500}.blog-cat-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.blog-cat-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.blog-card:hover{border-color:var(--color-primary);color:inherit;transform:translateY(-6px);box-shadow:0 20px 40px #243c6e1f,0 0 0 1px #243c6e0f}.blog-card__image{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-card__image:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#00000014);height:40%;position:absolute;bottom:0;left:0;right:0}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card__image img{transform:scale(1.08)}.blog-card__body{padding:var(--space-md)var(--space-lg);flex-direction:column;flex:1;display:flex}.blog-card__meta{margin-bottom:var(--space-xs);align-items:center;gap:.75rem;display:flex}.blog-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);border-radius:var(--radius-full);background:linear-gradient(135deg,#243c6e14,#f2a0070f);padding:.3rem .75rem;font-size:.68rem;font-weight:700}.blog-card__date{font-size:var(--text-xs);color:var(--color-text-subtle)}.blog-card__title{margin-bottom:var(--space-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__cta{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-primary);align-items:center;gap:.25rem;font-weight:700;transition:gap .3s,color .2s;display:inline-flex}.blog-card:hover .blog-card__cta{color:var(--color-secondary);gap:.5rem}