/* Shares the wedding site's palette, type, header, and footer. */
[hidden]{display:none!important}
.rsvp-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--cream)}
.rsvp-nav a{display:grid;place-items:center;min-height:54px;padding:0 16px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid transparent}
.rsvp-nav a[aria-current]{color:var(--navy);border-color:var(--coral)}
.rsvp-nav a:hover{color:var(--navy);background:var(--blue-pale)}
.rsvp-coming-soon{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 226px);background:var(--cream)}
.rsvp-photo{min-height:560px;position:relative}
.rsvp-photo img{position:absolute;height:100%;object-fit:cover;object-position:center 48%}
.rsvp-copy{align-self:center;padding:clamp(48px,7vw,100px) var(--pad)}
.rsvp-copy h1{margin:0 0 32px;font:400 clamp(52px,6.2vw,88px)/1.02 var(--serif);letter-spacing:-.035em}
.rsvp-copy>p:not(.eyebrow){max-width:420px;color:var(--muted)}
.rsvp-copy .rsvp-status{color:var(--navy)!important;font-weight:500;border-left:2px solid var(--coral);padding-left:16px}
.rsvp-copy .soft-button{border-color:var(--navy);color:var(--navy);font-size:10px}
.rsvp-copy .soft-button:hover{background:var(--navy);color:var(--cream)}
@media(max-width:760px){.rsvp-coming-soon{display:flex;flex-direction:column}.rsvp-photo{min-height:0;height:36svh;max-height:380px}.rsvp-copy{width:100%;padding:44px var(--pad) 56px}.rsvp-copy h1{font-size:clamp(46px,12vw,68px)}.rsvp-nav{gap:0 2px;padding:0 8px}.rsvp-nav a{min-height:44px;padding:0 10px;font-size:9px}.rsvp-copy .soft-button{margin-top:18px}}