.invitation-closed{overflow-x:hidden}.invitation-opening{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:55px 24px 28px;background:var(--paper);overflow:hidden}.invitation-opening:before{content:'';position:absolute;inset:18px;border:1px solid var(--accent);border-radius:240px 240px 8px 8px;z-index:-1;opacity:.55}.invitation-opening:not(.photo-opening){background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--accent),transparent 72%),transparent 60%),var(--paper)}.opening-frame{position:relative;z-index:1}.opening-monogram{font:clamp(65px,10vw,115px)/1.05 Georgia,serif;letter-spacing:-.05em;white-space:pre-line;margin:24px 0;color:var(--ink)}.opening-names{font:italic 32px/1.25 Georgia,serif;margin:20px 0}.opening-date{font-size:11px;letter-spacing:.24em}.opening-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 50%;z-index:-2}.photo-opening{color:#493c36;background:#f5ecdf;max-width:680px;margin:auto}.photo-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(#f8f0e53d,transparent 25%,transparent 60%,#f6ebdedd 82%,#f6ebde);z-index:-1}.photo-opening .opening-monogram{color:#715031;margin:12px 0}.photo-opening .opening-names{font-size:26px}.opening-bottom{margin-top:60px;z-index:1}.opening-guest span,.opening-guest strong{display:block}.opening-guest span{font-size:11px}.opening-guest strong{font:22px/1.4 Georgia,serif;margin:6px 0 20px}.opening-note{font-size:9px;letter-spacing:.12em;margin-top:22px}.open-invitation{border-radius:35px;min-width:205px;justify-content:center}.photo-opening .primary{background:#745539;color:#fff8eb;border-color:#745539}.interior-couple-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}body[data-design] .hero-art:has(.interior-couple-photo){padding:0;min-height:640px}.opening-frame{animation:appear .8s ease both}
[data-design=confetti-club] .opening-monogram,[data-design=common-ground] .opening-monogram,[data-design=executive-forum] .opening-monogram{font-family:'Segoe UI',sans-serif;font-weight:900}
[data-design=confetti-club] .invitation-opening:before{border:10px dashed var(--accent);border-radius:30px;transform:rotate(-4deg)}[data-design=seventeen-glow] .invitation-opening{background:radial-gradient(ellipse,#9d508855,transparent 70%),var(--paper)}[data-design=back-together] .opening-frame{border:12px solid #fff6;padding:30px;transform:rotate(-3deg)}[data-design=common-ground] .invitation-opening:before,[data-design=executive-forum] .invitation-opening:before{border-radius:0}[data-design=one-derful] .invitation-opening{background:repeating-conic-gradient(from 0deg at 50% 40%,#dd9e6114 0deg 15deg,transparent 15deg 30deg),var(--paper)}
@media(min-width:701px){body.invitation-closed:has(.photo-opening){background:#e9e0d4}.photo-opening{min-height:100svh;height:1000px;max-height:1200px}.photo-opening .opening-photo{object-position:center 52%}.photo-opening .opening-monogram{font-size:80px}}
@media(max-width:700px){.invitation-opening{padding-top:38px}.opening-monogram{font-size:74px}.photo-opening{min-height:850px;height:100svh}.photo-opening .opening-photo{object-fit:cover}.photo-opening .opening-monogram{font-size:66px}.photo-opening .opening-names{font-size:24px}body[data-design] .hero-art:has(.interior-couple-photo){min-height:490px}}
@media(prefers-reduced-motion:reduce){.opening-frame{animation:none}}