.hero-meta p {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .045em;
}

.hero-meta small {
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .2em;
  margin-bottom: .55rem;
}

/* Keep the persistent header legible over every invitation chapter. */
.topbar .brand {
  font-weight: 700;
}

.topbar > p,
.topbar .sound {
  font-weight: 600;
}

@media (max-width: 760px) {
  .hero-meta p {
    font-size: 1rem;
  }

  .hero-meta small {
    font-size: .68rem;
    letter-spacing: .16em;
  }
}