/* ─────────────────────────────────────────
   SECTION — RSVP
───────────────────────────────────────── */

.rsvp {
  background: var(--inverse);
  color: var(--cream-50);
}

.rsvp .eyebrow {
  color: var(--on-inverse-muted);
}

.rsvp .script-heading {
  color: var(--cream-50);
}

.rsvp-sub {
  max-width: 480px;
  margin: 20px auto 0;
  color: var(--on-inverse-muted);
}

.rsvp-container {
  max-width: 760px;
}

.rsvp-form {
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}