/* The middle of every invitation reads on one canvas. Sections only reveal
   their content; they never restart the paper, frame, flowers or lighting. */
.card.continuous-invitation{overflow:clip}
.invitation-flow{position:relative;isolation:isolate;background:var(--story-paper)}
.invitation-flow-backdrop{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:0;color:var(--story-accent)}
.invitation-flow-backdrop>.story-atmosphere{width:100%;height:100%}
.invitation-flow:after{content:"";position:absolute;inset:30px 20px 36px;border:1px solid color-mix(in srgb,var(--story-accent) 45%,transparent);border-radius:180px 180px 140px 140px / 100px 100px 90px 90px;pointer-events:none;z-index:1}
.continuous-invitation .invitation-flow>section{position:relative;z-index:2;isolation:isolate;overflow:visible;margin:0;padding:36px 10%;background:transparent!important;opacity:1;transform:none}
.continuous-invitation .invitation-flow>section:first-of-type{padding-top:86px}
.continuous-invitation .invitation-flow>section:last-of-type{padding-bottom:86px}
.invitation-flow>.cinema-scene>.cinema-item{position:relative;z-index:1}
.invitation-flow .couple-full{margin-bottom:0}
.invitation-flow-backdrop .material-frame,.invitation-flow-backdrop .premium-scene-lines,.invitation-flow-backdrop .luxury-trace{display:none!important}
.invitation-flow-backdrop .material-glint{opacity:.25}
.invitation-flow-backdrop .story-native{opacity:.45}
.invitation-flow-backdrop .story-reading-veil{background:linear-gradient(90deg,color-mix(in srgb,var(--story-paper) 25%,transparent),color-mix(in srgb,var(--story-paper) 90%,transparent) 28%,color-mix(in srgb,var(--story-paper) 90%,transparent) 72%,color-mix(in srgb,var(--story-paper) 25%,transparent))!important;opacity:1!important}
.flow-frame-art{position:absolute;inset:0;opacity:.48;overflow:hidden}
.flow-frame-art img{width:100%;height:100%;object-fit:cover;object-position:center;translate:var(--ambient-x,0px) var(--ambient-y,0px);transition:translate 1s ease-out}
.flow-framed .invitation-flow-backdrop .story-bouquet{display:none}
.flow-framed .invitation-flow-backdrop .story-reading-veil{background:linear-gradient(90deg,color-mix(in srgb,var(--story-paper) 20%,transparent),color-mix(in srgb,var(--story-paper) 82%,transparent) 23%,color-mix(in srgb,var(--story-paper) 90%,transparent) 50%,color-mix(in srgb,var(--story-paper) 82%,transparent) 77%,color-mix(in srgb,var(--story-paper) 20%,transparent))!important}
.material-family-editorial .invitation-flow:after{border-radius:4px}
.material-family-pointed .invitation-flow:after{border-radius:160px 160px 10px 10px / 100px 100px 10px 10px}
.story-kind-woven .invitation-flow:after{border-radius:2px;border-style:double;border-width:3px}
.story-kind-celestial .invitation-flow:after{border-color:color-mix(in srgb,var(--story-accent) 30%,transparent)}
.theme-royal .continuous-invitation .invitation-flow>.rb-section{padding-inline:9%}
.theme-royal .invitation-flow .rb-head{margin-bottom:24px}
.theme-royal .invitation-flow .rb-head .rb-rule{max-width:150px;opacity:.6}
.invitation-flow .live-date .date-save{margin-top:19px}
.invitation-flow .cinema-entered .story-flower-reveal{opacity:1;transform:none}
@media(max-width:360px){.invitation-flow:after{inset-inline:14px}.continuous-invitation .invitation-flow>section{padding-inline:8%}.invitation-flow .rsvp-paper{padding-inline:14px}.invitation-flow .sched{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.flow-frame-art img{translate:none;transition:none}}

.petalfold-floral .invitation-flow>section h2{font:400 32px/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.015em}