.post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.post-grid--wide { grid-template-columns: repeat(2,1fr); }
.post-card { display: block; }
.post-card__image { aspect-ratio: 1.3; display: grid; place-items: center; overflow: hidden; border-radius: 16px; margin-bottom: 19px; background: var(--ink); color: var(--accent); font-size: 1.65rem; font-weight: 780; line-height: 1; letter-spacing: 0; }
.post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s; }
.post-card:hover .post-card__image img { opacity: .94; }
.post-card time { color: var(--muted); font-size: .8rem; font-weight: 750; }
.post-card h3, .post-card h2 { font-size: 1.6rem; margin-top: 7px; }
.post-card p { color: var(--muted); }

@media (max-width: 760px) {
  .post-grid, .post-grid--wide { grid-template-columns: 1fr; }
}