/* Injected sections (Wedding Party, Guest Information), written in the template's own faces and
 * colour TOKENS. var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252) var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371) var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62) var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec) are replaced by build.py stage_sections() with
 * the var(--token-..., fallback) forms from content.SECTIONS["vars"], so a palette change through
 * the tokens reaches these blocks the same way it reaches the template's.
 *
 * Scoped under .rs-section so nothing here can outrank a template rule (Villa Astor concierge
 * finding 2: element resets under an id root beat every class rule in the widget). */
.rs-section{position:relative;width:100%;box-sizing:border-box;padding:120px 0;background:var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec);color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);font-family:"Inter","Inter Placeholder",sans-serif}
.rs-section *{box-sizing:border-box}
.rs-inner{width:min(1037px,calc(100% - 48px));margin:0 auto}
.rs-head{text-align:center;margin:0 0 64px}
.rs-kicker{margin:0 0 14px;font-family:"Inter","Inter Placeholder",sans-serif;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371)}
.rs-title{margin:0;font-family:"Lustria","Lustria Placeholder",serif;font-size:42px;font-weight:400;line-height:1.2;letter-spacing:-.6px;text-transform:uppercase;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);text-wrap:balance}

/* wedding party: two lists, name left, role right, hairline rules */
.rs-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.rs-side{margin:0;padding:0 0 14px;font-family:"Inter","Inter Placeholder",sans-serif;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);border-bottom:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 16%,transparent)}
.rs-list{list-style:none;margin:0;padding:0}
.rs-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 16%,transparent)}
.rs-name{font-family:"Lustria","Lustria Placeholder",serif;font-size:22px;font-weight:400;line-height:1.2;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-role{flex:0 0 auto;font-family:"Inter","Inter Placeholder",sans-serif;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371);text-align:right}

/* guest information: an exclusive accordion, the reference's own device */
.rs-faq{max-width:864px;margin:0 auto;border-top:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 16%,transparent)}
.rs-q{border-bottom:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 16%,transparent)}
.rs-qs{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none}
.rs-qs::-webkit-details-marker{display:none}
.rs-qs:focus-visible{outline:2px solid var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);outline-offset:4px}
.rs-qt{font-family:"Lustria","Lustria Placeholder",serif;font-size:20px;font-weight:400;line-height:1.3;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-plus{position:relative;flex:0 0 auto;width:14px;height:14px}
.rs-plus::before,.rs-plus::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.5px;background:var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371);transition:transform .25s ease}
.rs-plus::after{transform:rotate(90deg)}
.rs-q[open] .rs-plus::after{transform:rotate(0deg)}
.rs-qa{padding:0 44px 22px 0;max-width:680px}
.rs-qa p{margin:0 0 12px;font-family:"Inter","Inter Placeholder",sans-serif;font-size:14px;font-weight:400;line-height:1.65;color:var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252)}
.rs-qa p:last-child{margin-bottom:0}
.rs-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.rs-link{color:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rs-link:hover{color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}

@media (max-width:1199.98px){
  .rs-section{padding:100px 0}
}
@media (max-width:809.98px){
  .rs-section{padding:80px 0}
  .rs-inner{width:calc(100% - 40px)}
  .rs-head{margin-bottom:44px}
  .rs-title{font-size:32px}
  .rs-cols{grid-template-columns:1fr;gap:44px 0}
  .rs-name{font-size:20px}
  .rs-row{padding:15px 0}
  .rs-qt{font-size:18px}
  .rs-qa{padding-right:24px}
}
@media (prefers-reduced-motion:reduce){
  .rs-plus::before,.rs-plus::after{transition:none}
}

/* the RSVP dialog (sections.js buildDialog). Paper card over an inked backdrop, the template's own
 * pill choices and hairline inputs, the wax seal from the page hung over the top edge. Scoped
 * under .rs-modal, tokens only, no literal colours. */
html.rs-lock{overflow:hidden}
.rs-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;font-family:"Inter","Inter Placeholder",sans-serif;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-modal[hidden]{display:none}
.rs-modal *{box-sizing:border-box}
/* the steps and the sent panel are display:flex/block by class; the hidden attribute must still win */
.rs-modal [hidden]{display:none!important}
.rs-modal-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}
.rs-shell{position:relative;width:min(540px,100%);opacity:0;transform:translateY(14px);transition:opacity .22s ease,transform .22s ease}
.rs-card{position:relative;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec);padding:12px;box-shadow:0 30px 80px color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 45%,transparent)}
/* the hairline frame is a real box, not a pseudo-element on the scroller, so it wraps the whole
 * content when the card has to scroll on a short phone */
.rs-frame{border:1px solid color-mix(in srgb,var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371) 70%,transparent);padding:52px 32px 28px}
.rs-in .rs-modal-bg{opacity:1}
.rs-in .rs-shell{opacity:1;transform:none}
.rs-seal{position:absolute;top:0;left:50%;width:74px;height:auto;z-index:2;transform:translate(-50%,-42%);filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 30%,transparent))}
.rs-close{position:absolute;top:18px;right:18px;z-index:2;width:36px;height:36px;border:0;background:transparent;color:var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252);cursor:pointer;border-radius:999px;display:flex;align-items:center;justify-content:center}
.rs-close:hover{color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);background:color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 6%,transparent)}
.rs-close:focus-visible{outline:2px solid var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);outline-offset:2px}
.rs-close-x{display:block;font-size:30px;line-height:1;font-weight:300;transform:rotate(45deg)}
.rs-m-kicker{text-align:center;margin:0 0 10px}
.rs-m-title{margin:0;text-align:center;font-family:"Lustria","Lustria Placeholder",serif;font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.3px;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);text-wrap:balance}
.rs-m-lead{margin:10px 0 28px;text-align:center;font-size:14px;line-height:1.6;color:var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252)}
.rs-form{display:block}
.rs-step{display:flex;flex-direction:column;gap:22px}
.rs-field{display:flex;flex-direction:column;gap:10px}
.rs-label{margin:0;font-size:13px;font-weight:500;line-height:1.3;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-pills{display:grid;gap:10px}
.rs-pills-2{grid-template-columns:1fr 1fr}
.rs-pills-4{grid-template-columns:repeat(4,1fr)}
.rs-pill{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 10%,transparent);background:color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 6%,var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec));color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);font-size:14px;line-height:1.2;text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.rs-pill input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.rs-pill:hover{border-color:color-mix(in srgb,var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62) 60%,transparent)}
.rs-pill:has(input:checked){background:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);border-color:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);color:var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec)}
.rs-pill:has(input:focus-visible){outline:2px solid var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);outline-offset:2px}
.rs-pill-s{font-size:11px;line-height:1.3;margin-top:3px;opacity:.75}
.rs-pills-tall .rs-pill{border-radius:24px;min-height:56px}
.rs-input{width:100%;margin:0;padding:10px 0 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 22%,transparent);border-radius:0;background:transparent;font-family:"Inter","Inter Placeholder",sans-serif;font-size:16px;line-height:1.4;color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525);outline:0;transition:border-color .15s ease}
.rs-input::placeholder{color:color-mix(in srgb,var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252) 55%,transparent)}
.rs-input:focus{border-bottom-color:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62)}
.rs-textarea{resize:vertical;min-height:112px}
.rs-error{margin:0;min-height:0;font-size:12px;line-height:1.4;color:var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371);font-style:italic}
.rs-error:empty{display:none}
.rs-has-error .rs-input{border-bottom-color:var(--token-0ea039ab-9e74-45f5-b796-0da0457bfb1b, #cdb371)}
.rs-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}
.rs-dots{display:flex;gap:6px}
.rs-dot{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525) 18%,transparent)}
.rs-dot-on{background:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-btn{appearance:none;border:0;border-radius:999px;background:var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);color:var(--token-d2f22f9b-1f87-4c9f-b6ba-c3cc7b9334c3, #f4efec);font-family:"Inter","Inter Placeholder",sans-serif;font-size:14px;font-weight:500;line-height:1;padding:14px 24px;cursor:pointer;transition:background .15s ease}
.rs-btn:hover{background:color-mix(in srgb,var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62) 85%,var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525))}
.rs-btn:disabled{opacity:.6;cursor:default}
.rs-btn:focus-visible,.rs-link-btn:focus-visible{outline:2px solid var(--token-a4da4dd7-326c-4d82-a8fc-49dacbcf314b, #6f7e62);outline-offset:3px}
.rs-link-btn{appearance:none;border:0;background:transparent;padding:8px 0;font-family:"Inter","Inter Placeholder",sans-serif;font-size:14px;color:var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rs-link-btn:hover{color:var(--token-8699c157-d0c2-4daf-83bb-bd73d745b779, #252525)}
.rs-done{text-align:center}
.rs-done-b{margin:0 auto;max-width:400px;font-size:14px;line-height:1.65;color:var(--token-6c6cfca4-4f88-4d2d-9e5d-eeddb32cf149, #525252)}
.rs-done-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px}
@media (max-width:600px){
  .rs-modal{align-items:flex-end;padding:0}
  .rs-shell{width:100%;transform:translateY(24px)}
  .rs-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:10px}
  .rs-frame{padding:46px 14px 22px}
  .rs-m-title{font-size:24px}
  .rs-pills-4{grid-template-columns:repeat(2,1fr)}
  .rs-pill{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .rs-modal-bg,.rs-shell,.rs-pill,.rs-btn,.rs-input{transition:none}
}
