.blog-card{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-base)var(--ease-out-expo);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--duration-base)var(--ease-out);z-index:1;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--studio-border-accent);transform:translateY(-4px)}.blog-card:hover:before{opacity:1}.blog-card-image{background:var(--studio-bg-surface);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.blog-card-image svg{width:48px;height:48px;color:var(--studio-text-muted);opacity:.5}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow)var(--ease-out-expo)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-3);background:var(--studio-accent);color:var(--studio-text-inverse);font-family:var(--font-body);font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:var(--shadow-sm);position:absolute}.blog-card-content{padding:var(--space-5);z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.blog-card-title{margin:0 0 var(--space-3)0;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--studio-text-primary);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-excerpt{margin:0 0 var(--space-4)0;font-family:var(--font-body);font-size:var(--text-small);color:var(--studio-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-micro);color:var(--studio-text-muted);padding-top:var(--space-3);border-top:1px solid var(--studio-border);flex-wrap:wrap;display:flex}.blog-card-author{font-weight:var(--weight-medium);color:var(--studio-text-secondary)}.blog-card-separator{color:var(--studio-border)}.blog-card-date,.blog-card-reading-time{color:var(--studio-text-muted)}[data-theme=light] .blog-card{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .blog-card:hover{box-shadow:var(--shadow-lg)}[data-theme=light] .blog-card-image{background:var(--studio-bg-elevated)}@media (max-width:768px){.blog-card-image{height:180px}.blog-card-content{padding:var(--space-4)}.blog-card-title{font-size:var(--text-small)}.blog-card-excerpt{font-size:var(--text-micro)}}@media (max-width:480px){.blog-card-image{height:160px}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:before,.blog-card-image img{transition:none}.blog-card:hover,.blog-card:hover .blog-card-image img{transform:none}}