.event-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 2.5rem;
  margin-bottom: 3rem;
}

.event-poster {
  aspect-ratio: 3/4;
  background: var(--black-elevated);
  border: 1px solid var(--line);
  overflow: hidden;
}
.event-poster img { width: 100%; height: 100%; object-fit: cover; }

.event-title { font-size: 1.15rem; margin-top: 0.3rem; }
.event-venue { color: var(--muted-gray); font-size: 0.85rem; margin-top: 0.15rem; }

.event-card--past { opacity: 0.75; }