main {
  padding-top: 0;
}

.hero {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft-lg);
}

@media (min-width: 1024px) {
  #upcoming-events .grid-3 {
    align-items: stretch;
  }
}

#reservation-cta .card {
  align-items: flex-start;
}

@media (min-width: 768px) {
  #reservation-cta .card {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
}