.blog-hero {
  background: linear-gradient(180deg, #08110d, #0a0f0d);
  padding: 128px 0 80px;
}

.post-grid {
  display: grid;
  gap: 24px;
}

.post-card {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.thumb {
  height: 180px;
  background: rgba(255,255,255,.03);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.post-content {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.post-meta { color: var(--text-gray-500); font-size: .95rem; margin-bottom: 0; }
.post-content h2 { font-size: 1.9rem; margin-bottom: 0; }
.post-content p { margin-bottom: 0; }
.post-content .btn { margin-top: auto; align-self: flex-start; }

@media (min-width: 900px) {
  .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}