/* Scroll-driven walkers stay a faint background layer below invitation content. */
.story-background{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;user-select:none;visibility:hidden;opacity:var(--story-opacity,.48);mix-blend-mode:multiply;transition:opacity .45s ease}
.story-background.is-ready{visibility:visible}
.story-background[hidden]{display:none}
body.sealed .story-background{opacity:0}
.story-background>svg{display:block;width:100%;height:100%;overflow:hidden}
.story-person{opacity:.95}
.story-person-detail{opacity:.5;stroke-width:.8}
.story-house-detail{opacity:.6;stroke-width:.7}
.story-home-detail{opacity:.65;stroke-width:.7}
.story-window-glass{fill:#d5b77a;fill-opacity:.16;stroke-width:.75}
.story-home-plants{opacity:.8;stroke-width:.75}
.story-ground{opacity:.35}
.rsvp-button{margin-top:23px;font-size:10px;letter-spacing:.06em}
.rsvp-button[hidden]{display:none}
.story-reunion-space{height:248px;margin:0 auto;width:min(260px,100%)}
/* The walkers pass over the paper surface while lettering and photos stay above. */
#top>.invitation-cover,#top>.invitation{z-index:auto}
.main-cover-card{z-index:auto;isolation:auto}
.main-cover-card:before{z-index:0}
.main-cover-card>:not(.cover-corner),.invitation>*,.gallery-section>.wrap,.event-top,.countdown-section>*,.closing>*{position:relative;z-index:3}
.main-cover-card>.cover-corner,.intro-band{z-index:3}
@media(max-width:760px){.story-reunion-space{height:226px}}
@media(prefers-reduced-motion:reduce){.story-background{transition:none}}