.next {
  min-height: auto;
  background: linear-gradient(165deg, var(--mint) 0%, var(--mint-soft) 48%, var(--blue) 100%);
}

.next-head h1 { margin-bottom: 1.4rem; }
.event-list { border-top: 1px solid var(--navy); }
.event {
  padding: 1.15rem 0 1.3rem;
  border-bottom: 1px solid rgba(7, 50, 71, .65);
}
.event-date {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: .8rem;
}
.event-date strong {
  font-size: 3.5rem;
  font-weight: 350;
  line-height: .82;
  letter-spacing: -.07em;
}
.event-date span {
  text-align: right;
  font-size: .68rem;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: .08em;
}
.event-meta {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .55rem;
  color: #335b6a;
  font-size: .61rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.event-meta span:last-child { text-align: right; }
.event h2 {
  margin: .35rem 0 .5rem;
  font-size: 1.48rem;
  line-height: 1.02;
  letter-spacing: -.045em;
}
.event p {
  margin: .4rem 0;
  color: #335b6a;
  font-size: .86rem;
  line-height: 1.4;
}
.event a {
  display: inline-block;
  margin-top: .55rem;
  border-bottom: 1px solid;
  font-size: .71rem;
  font-weight: 850;
  text-decoration: none;
}
.event.featured {
  margin-inline: -1.2rem;
  padding-inline: 1.2rem;
  background: rgba(255, 255, 255, .34);
}
.event.planned .event-date strong { font-size: 2.8rem; }
.quick p { font-size: .88rem; }
.all-events-link {
  display: flex;
  justify-content: space-between;
  margin-top: 1.1rem;
  padding: .9rem 0;
  border-top: 1px solid rgba(7, 50, 71, .65);
  border-bottom: 1px solid rgba(7, 50, 71, .65);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .045em;
  text-decoration: none;
  text-transform: uppercase;
}
.all-events-link:hover,
.all-events-link:focus-visible { background: rgba(255, 255, 255, .35); }

@media (max-width: 1050px) {
  .event h2 { font-size: 1.3rem; }
  .event-meta { flex-direction: column; }
  .event-meta span:last-child { text-align: left; }
}

@media (max-width: 760px) {
  .event-list { display: grid; grid-template-columns: 1fr 1fr; }
  .event.featured { margin-inline: 0; padding-inline: 1rem; }
  .event { padding: 1rem; border-right: 1px solid rgba(7, 50, 71, .65); }
  .event.planned { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .event-list { grid-template-columns: 1fr; }
  .event.planned { grid-column: auto; }
}