.hero-copy .eyebrow, .hero-invitation, .hero-date { text-wrap: balance; }
.hero-copy .eyebrow { max-width: 280px; margin-inline: auto; }
.hero-invitation { max-width: 300px; margin-inline: auto; }
.late-night-course .course-heading { justify-content: flex-start; gap: 0 24px; }
.wedding footer a { color: #877a8b; }
.wedding footer a:hover, .wedding footer a:focus-visible { color: var(--purple); }
@media (max-width: 720px) {
  .hero-copy .eyebrow { max-width: 200px; }
  .hero-copy .eyebrow span { display: block; }
  .hero-invitation { max-width: 270px; }
}