/* ============================================================
   INFERNO — EVENTS PAGE
   ============================================================ */

.events-hero{
  padding: 160px 0 60px;
  text-align: center;
}
.events-hero .eyebrow{ display: block; margin-bottom: 14px; }
.events-hero h1{ font-size: clamp(40px, 6vw, 64px); }

.events-grid{
  padding: 20px 0 120px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.event-flyer-card{
  border: 1px solid var(--line);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.event-flyer-img{
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: var(--cream-deep);
}
.event-flyer-body{
  padding: 28px 30px;
}
.event-flyer-body .eyebrow{ display: block; margin-bottom: 10px; }
.event-flyer-body h2{ font-size: 26px; margin-bottom: 10px; }
.event-flyer-body p{ color: var(--ink-soft); font-size: 16px; }

.events-empty{
  text-align: center;
  padding: 80px 24px;
  color: var(--ink-soft);
  font-style: italic;
  grid-column: 1 / -1;
}

@media (max-width: 800px){
  .events-grid{ grid-template-columns: 1fr; }
}