/* ============================================================
   components/rsvp.css — RSVP call-to-action (links to Google Form).
   The form URL lives on the <a> in index.html.
   ============================================================ */
.rsvp{background:var(--paper-2);padding:clamp(70px,10vh,110px) 0;text-align:center;}
.rsvp .sprig{margin-bottom:1.8rem;}
.rsvp h2{font-family:'Italianno', cursive;font-size:clamp(2.8rem,10vw,4rem);margin-bottom:.4rem;}
.rsvp .by{font-family:var(--ui);letter-spacing:.26em;text-transform:uppercase;font-size:.7rem;color:var(--sage-deep);margin-bottom:1.4rem;}
.rsvp p.lead{font-style:italic;color:var(--ink-soft);max-width:34ch;margin:0 auto 3.4rem;}
.rsvp-btn{
  display:inline-block;text-decoration:none;cursor:pointer;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);
  font-family:var(--ui);letter-spacing:.26em;text-transform:uppercase;font-size:.74rem;
  padding:1.05rem 2.6rem;transition:background .3s,color .3s;
}
.rsvp-btn:hover{background:transparent;color:var(--ink);}

@media(max-width:520px){
  .rsvp{padding:clamp(52px,9vh,76px) 0;}
  .rsvp .by{font-size:.62rem;letter-spacing:.17em;line-height:1.55;}
  .rsvp p.lead{margin-bottom:2.4rem;}
  .rsvp-btn{max-width:100%;padding:1rem 1.2rem;font-size:.66rem;letter-spacing:.18em;line-height:1.4;}
}