.blog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.blog-card-category{color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-card-category,.blog-card-subcategory{font-size:var(--text-xs)}.meta-separator{opacity:.4}.meta-dot{width:3px;height:3px;background:var(--text-muted);border-radius:50%;opacity:.5}.read-time{font-size:var(--text-xs)}.blog-card-read-more{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);white-space:nowrap}.blog-card-read-more svg{width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out)}.blog-card-hero{position:relative;border-radius:var(--radius-lg);overflow:visible;transition:all var(--duration-normal) var(--ease-out)}.blog-card-hero:before{content:"";position:absolute;top:-4px;left:-4px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;opacity:0;transform:scale(.5);transition:all var(--duration-normal) var(--ease-spring);z-index:10}.blog-card-hero:hover:before{opacity:1;transform:scale(1)}.hero-link{display:block;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;border:1px dashed var(--border);transition:all var(--duration-normal) var(--ease-out)}.blog-card-hero:hover .hero-link{border-style:solid;border-color:var(--accent-primary);box-shadow:0 16px 48px -12px rgba(0,0,0,.2),0 0 0 1px var(--accent-primary)}.hero-image-wrapper{position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--bg-surface)}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}.blog-card-hero:hover .hero-image{transform:scale(1.04)}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,.15) 70%,transparent);pointer-events:none;transition:opacity var(--duration-normal)}.blog-card-hero:hover .hero-image-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.55) 45%,rgba(0,0,0,.2) 70%,transparent)}.hero-overlay-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-2xl);color:white;z-index:2}.hero-featured-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--accent-primary);color:white;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.hero-overlay-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-bottom:var(--space-sm)}.hero-category{color:var(--accent-primary);font-weight:600;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.06em}.hero-meta-sep{opacity:.5}.hero-title{font-family:var(--font-serif);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;font-style:italic;line-height:1.2;margin-bottom:var(--space-sm);color:white;max-width:700px}.hero-description{font-size:var(--text-base);line-height:1.6;color:rgba(255,255,255,.75);margin-bottom:var(--space-lg);max-width:560px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-read-more{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:white;text-transform:uppercase;letter-spacing:.06em}.hero-read-more svg{transition:transform var(--duration-fast) var(--ease-out)}.blog-card-hero:hover .hero-read-more svg{transform:translateX(6px)}.blog-card{position:relative;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);overflow:visible;transition:all var(--duration-normal) var(--ease-out)}.blog-card:before{content:"";position:absolute;top:-4px;left:-4px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;opacity:0;transform:scale(.5);transition:all var(--duration-normal) var(--ease-spring);z-index:10}.blog-card:hover{border-style:solid;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 32px -8px rgba(0,0,0,.12),0 0 0 1px var(--accent-primary)}.blog-card:hover:before{opacity:1;transform:scale(1)}.blog-card-link{display:flex;flex-direction:column;text-decoration:none;height:100%}.blog-card-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-surface)}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-featured-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:white;border-radius:50%}.blog-card-content{display:flex;flex-direction:column;flex:1;padding:var(--space-lg)}.blog-card-title{font-size:var(--text-xl);font-weight:600;line-height:1.3;margin-bottom:var(--space-sm);color:var(--text);transition:color var(--duration-fast)}.blog-card:hover .blog-card-title{color:var(--accent-primary)}.blog-card-description{font-size:var(--text-base);line-height:1.6;color:var(--text-muted);margin-bottom:var(--space-md);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:auto}.blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.blog-card-tag{padding:3px 10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;background:var(--bg-surface);color:var(--text-muted);border-radius:4px;border:1px solid var(--border)}.blog-card:hover .blog-card-read-more svg{transform:translateX(4px)}.blog-card-compact{position:relative;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);overflow:visible;transition:all var(--duration-normal) var(--ease-out)}.blog-card-compact:before{content:"";position:absolute;top:-4px;left:-4px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;opacity:0;transform:scale(.5);transition:all var(--duration-normal) var(--ease-spring);z-index:10}.blog-card-compact:hover{border-style:solid;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 32px -8px rgba(0,0,0,.15),0 0 0 1px var(--accent-primary)}.blog-card-compact:hover:before{opacity:1;transform:scale(1)}.compact-link{display:block;text-decoration:none;overflow:hidden;border-radius:var(--radius-lg)}.compact-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-surface)}.compact-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.blog-card-compact:hover .compact-image{transform:scale(1.05)}.compact-number{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:white;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);transition:all var(--duration-fast) var(--ease-out)}.blog-card-compact:hover .compact-number{background:var(--accent-primary);border-color:var(--accent-primary)}.compact-content{padding:var(--space-md) var(--space-md) var(--space-sm)}.compact-title{font-size:var(--text-base);font-weight:600;line-height:1.35;margin-bottom:var(--space-xs);color:var(--text);transition:color var(--duration-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-compact:hover .compact-title{color:var(--accent-primary)}.compact-footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md) var(--space-md)}.compact-date{font-size:var(--text-xs);color:var(--text-subtle)}.compact-read-more{display:flex;align-items:center;color:var(--accent-primary);opacity:0;transform:translateX(-4px);transition:all var(--duration-fast) var(--ease-out)}.blog-card-compact:hover .compact-read-more{opacity:1;transform:translateX(0)}.compact-read-more svg{transition:transform var(--duration-fast) var(--ease-out)}.blog-card-compact:hover .compact-read-more svg{transform:translateX(3px)}@media (max-width:800px){.blog-card-title{font-size:var(--text-lg)}.blog-card-description{font-size:var(--text-sm)}.blog-card-tags{display:none}.hero-image-wrapper{aspect-ratio:16/9}.hero-overlay-content{padding:var(--space-lg)}.hero-title{font-size:var(--text-2xl)}}@media (max-width:640px){.blog-card-title{font-size:var(--text-base)}.blog-card-content{padding:var(--space-md)}.hero-image-wrapper{aspect-ratio:4/3}.hero-title{font-size:var(--text-xl)}.hero-description{display:none}.hero-overlay-content{padding:var(--space-md) var(--space-lg)}}