.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.blog-card { background: var(--color-bg-card); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-lg); overflow: hidden; transition: all var(--transition-base); }
.blog-card:hover { border-color: rgba(180,145,103,0.3); transform: translateY(-4px); box-shadow: var(--shadow-glow); }
.blog-card__image { width: 100%; height: 200px; background: linear-gradient(135deg, #111, #1a1a1a); display: flex; align-items: center; justify-content: center; color: var(--color-accent-gold); font-size: var(--text-4xl); }
.blog-card__body { padding: var(--space-lg); }
.blog-card__meta { display: flex; align-items: center; gap: var(--space-md); margin-bottom: var(--space-md); }
.blog-card__date { font-size: var(--text-xs); color: var(--color-text-light); }
.blog-card__category { font-size: var(--text-xs); padding: 3px 10px; background: rgba(180,145,103,0.1); border-radius: 100px; color: var(--color-accent-gold); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.blog-card__title { font-family: var(--font-display); font-size: var(--text-lg); color: #fff; margin-bottom: var(--space-sm); line-height: 1.4; }
.blog-card__excerpt { font-size: var(--text-sm); line-height: 1.7; margin-bottom: var(--space-md); }
.blog-card__link { font-size: var(--text-sm); font-weight: 600; color: var(--color-accent-gold); display: inline-flex; align-items: center; gap: var(--space-xs); transition: gap var(--transition-fast); }
.blog-card__link:hover { gap: var(--space-sm); }
.blog-card__link::after { content: '\2192'; }
@media (max-width: 1024px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .blog-grid { grid-template-columns: 1fr; } }
