/*
 * ============================================================
 *  VNV MARKETING — BLOG PAGE (blog.html)
 * ============================================================
 */

.blog-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 28px; margin: 60px 0 100px;
}
.blog-card {
  background: var(--card); border: 3px solid var(--ink);
  border-radius: 12px; padding: 32px;
  box-shadow: 6px 6px 0 var(--ink);
  display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .3s var(--ease);
}
.blog-card:hover { transform: translateY(-6px); box-shadow: 10px 10px 0 var(--ink); }

.blog-meta {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase;
  margin-bottom: 16px;
}
.blog-card h3 {
  font-size: 24px; font-family: 'Inter', sans-serif;
  font-weight: 700; text-transform: none;
  line-height: 1.3; margin-bottom: 12px;
}
.blog-card p { font-size: 14.5px; color: var(--muted); line-height: 1.6; margin-bottom: 24px; }
.blog-link   {
  font-family: 'JetBrains Mono', monospace; font-size: 12px;
  text-transform: uppercase; font-weight: 700;
  display: flex; align-items: center; gap: 6px;
}

@media (max-width: 960px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .blog-grid { grid-template-columns: 1fr; } }