.invitation-slideshow{width:min(100%,460px);margin:32px auto 36px;direction:ltr}
.invitation-slides{position:relative;aspect-ratio:2/3;max-height:70svh;overflow:hidden;background:#fff;touch-action:pan-y}
.invitation-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .75s ease;pointer-events:none}
.invitation-slide.is-current{opacity:1}
.invitation-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.invitation-slide-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}
.invitation-slide-controls button{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #583a2940;color:#583a29;min-width:44px;min-height:44px;padding:6px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:background-color .2s}
.invitation-slide-controls button:hover{background:#f7eeec}
.invitation-slide-controls button:focus-visible,.slide-toggle:focus-visible{outline:2px solid #583a29;outline-offset:4px}
.invitation-slide-dots{display:flex;gap:4px}
.invitation-slide-controls .slide-dot{width:28px;min-width:28px;min-height:44px;padding:0;border:0;background:transparent}
.slide-dot:before{content:'';width:7px;height:7px;background:#583a2940;border-radius:50%;transition:width .3s,background-color .3s}
.slide-dot[aria-current=true]:before{width:22px;background:#583a29}
.invitation-slide-meta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;font-size:13px;line-height:1.8}
.slide-toggle{font:inherit;border:0;border-bottom:1px solid #583a2940;padding:3px 0;background:transparent;min-height:36px;cursor:pointer}
.slide-count{font-size:12px;letter-spacing:.12em}
@media(max-width:700px){.invitation-slideshow{width:100%;max-width:360px;margin:28px auto 32px}.invitation-slide-controls{gap:14px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.invitation-slide,.slide-dot:before{transition:none}}

/* Keep the stage centered when a short screen limits portrait height. */
#invitation .invitation-slideshow{margin-left:auto;margin-right:auto}
#invitation .invitation-slides{width:100%;height:min(70svh,690px);aspect-ratio:auto;max-height:none;margin-left:auto;margin-right:auto}