body.cinema.velvet #invitation{width:100%;max-width:none;margin:0;padding:0}
body.cinema.velvet #invitation .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body.cinema.velvet #invitation .venue{min-height:0}
body.cinema.velvet #invitation #venue-photo img{border-radius:16px;max-height:300px;width:100%;object-fit:contain}
body.cinema.velvet #invitation .gallery{align-items:flex-start}
body.cinema.velvet #invitation .rsvp .rsvp-disclosure{margin-inline:auto!important;text-align:center!important}
body.cinema.velvet #invitation .rsvp .rsvp-disclosure>summary{text-align:center!important;text-align-last:center!important}
body.cinema.velvet #invitation .rsvp .rsvp-disclosure__panel{text-align:start!important;text-align-last:start!important}
body.cinema.velvet #invitation .story-dress h3,body.cinema.velvet #invitation .story-gifts h3{font-size:28px;line-height:1.25;margin-bottom:20px}
body.cinema.velvet #invitation .story-dress,body.cinema.velvet #invitation .story-gifts{padding-block:32px}
body.cinema.velvet #invitation :focus-visible{outline:3px solid #dcaf77;outline-offset:4px}
body.cinema.velvet #invitation .rsvp-deadline{text-align:center!important;text-align-last:center!important;margin-inline:auto!important}
body.cinema.velvet .selected-music{background:#210f19;color:#fff2dc;border:1px solid #946b77;font-size:16px}
@media(max-width:1000px){body.cinema.velvet #invitation .hero{grid-template-columns:1fr}}
@media(max-width:760px){body.cinema.velvet #invitation .hero-copy{width:100%}}
@media(prefers-reduced-motion:reduce){body.cinema.velvet #invitation *{animation:none!important;transition:none!important;opacity:1}}