/* Blog index */
.card.post { padding: 0; display: flex; flex-direction: column; overflow: hidden; transition: border-color .15s, transform .15s; }
.card.post:hover { border-color: var(--red); transform: translateY(-2px); }
.post-img { display: block; aspect-ratio: 40 / 21; background: var(--chrome); overflow: hidden; border-bottom: 2px solid var(--red); }
.post-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.post-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.card.post h3 { color: var(--ink); line-height: 1.15; }
.blog-lead { margin: 0 0 16px; }
.card.post.lead { display: grid; grid-template-columns: 3fr 2fr; border-top: 3px solid var(--red); }
.card.post.lead .post-img { border-bottom: none; aspect-ratio: auto; min-height: 100%; }
.card.post.lead .post-body { justify-content: center; padding: 32px; background: var(--chrome); }
.card.post.lead h3 { color: var(--chrome-ink); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.02; margin: 0 0 12px; }
.card.post.lead p { color: var(--chrome-muted); font-size: 18px; }
.card.post.lead .meta { color: #e85a4f; }
.card.post.featured h3 { font-size: 26px; }
.blog-featured { margin: 0 0 40px; }
.blog-more { font-size: 28px; margin: 0 0 16px; }
@media (max-width: 860px) {
  .card.post.lead { grid-template-columns: 1fr; }
  .card.post.lead .post-img { aspect-ratio: 40 / 21; }
  .card.post.lead .post-body { padding: 22px; }
}