.design-cinematic{--stage-w:min(100vw, 32rem);--stage-h:100svh}.phone-viewport .design-cinematic,.mobile-live-preview .design-cinematic{--stage-w:100cqw;--stage-h:100cqh}.rendered-invitation.design-cinematic{background:color-mix(in srgb, var(--invite-bg) 88%, #000);padding:0;overflow:clip;container-type:normal}.design-cinematic:before{content:"";z-index:-1;background:var(--cine-backdrop) center / cover no-repeat;filter:blur(28px)brightness(.82)saturate(.9);pointer-events:none;position:fixed;inset:-3rem}.card-invitation.card-cinematic{isolation:isolate}:is(.embedded-renderer,.embedded-card,.phone-viewport .design-cinematic,.mobile-live-preview .design-cinematic).design-cinematic:before{position:absolute;inset:0}@media (max-width:40rem){.card-invitation.card-cinematic:before{background-image:var(--cine-bg-1,var(--cine-backdrop));filter:none}}.phone-viewport .card-invitation.card-cinematic:before{background-image:var(--cine-bg-1,var(--cine-backdrop));filter:none}.phone-viewport .rendered-invitation.design-cinematic,.phone-frame-always .phone-viewport .rendered-invitation.design-cinematic{padding:0}.design-cinematic .invitation-decoration,.design-cinematic .design-effects{display:none}.design-cinematic .invitation-sheet{width:min(100%, var(--stage-w));background:var(--invite-paper);border:0;min-height:0;box-shadow:0 0 4rem #00000038}.cine-stage{width:100%;height:var(--stage-h);background:var(--invite-bg);position:relative;overflow:hidden}.cine-frame{width:max(100%, calc(var(--stage-h) * 9 / 16));aspect-ratio:9/16;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container:cine-frame/inline-size}.cine-frame>video,.cine-frame>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.opening-screen.cinematic-opening{place-items:initial;background:color-mix(in srgb, var(--invite-bg) 70%, #000);color:var(--invite-ink);transition:opacity .65s,visibility .65s;display:block}.cinematic-opening .cine-stage{width:var(--stage-w);margin-inline:auto}.cinematic-opening .cine-cover{transition:opacity .7s}.cinematic-opening.cine-phase-playing .cine-cover{opacity:0}.cine-seal{top:var(--cine-seal-y);left:var(--cine-seal-x);width:calc(var(--cine-seal-d) * 100%);aspect-ratio:1;color:var(--cine-seal-ink);font-family:var(--font-script);font-size:calc(var(--cine-seal-d) * 34cqi);opacity:.94;text-shadow:0 .04em #00000047,0 -.03em #ffffff4d;pointer-events:none;justify-content:center;align-items:center;line-height:1;transition:opacity .26s,transform .6s;display:flex;position:absolute;transform:translate(-50%,-50%)}.cine-seal>span+span{margin-top:.42em}.cine-seal em{vertical-align:.4em;margin-inline:.06em .04em;font-size:.48em;font-style:normal}.cine-cover-copy{display:contents}.cine-tap,.cine-cover-guest{text-align:center;pointer-events:none;width:min(86%,26rem);margin:0;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.cine-tap{top:calc(var(--cine-seal-y) - var(--cine-seal-d) * 28.125% - 6.5% - var(--cine-seal-pad,0%));font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;font-size:clamp(.7rem,2.9cqi,.86rem);font-weight:600;animation:2.4s ease-in-out infinite cine-tap-breathe}.cine-cover-guest{top:calc(var(--cine-seal-y) + var(--cine-seal-d) * 28.125% + 8% + var(--cine-seal-pad,0%));gap:.3rem;display:grid}.cine-cover-guest span{letter-spacing:.22em;text-transform:uppercase;opacity:.8;font-size:clamp(.62rem,2.5cqi,.74rem)}.cine-tap,.cine-cover-guest{text-shadow:0 0 .6em var(--invite-bg), 0 0 1.2em var(--invite-bg), 0 0 2em var(--invite-bg)}.cine-cover-guest b{font-family:var(--font-display);font-size:clamp(1.15rem,5cqi,1.45rem);font-style:italic;font-weight:500}.cinematic-opening:not(.cine-phase-cover) :is(.cine-seal,.cine-tap,.cine-cover-guest){opacity:0;animation:none}.cinematic-opening:not(.cine-phase-cover) .cine-seal{transform:translate(-50%,-62%)scale(.96)}.cine-open-button{z-index:5;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.cine-open-button:focus{outline:none}.cinematic-opening:has(.cine-open-button:focus-visible) .cine-tap{text-underline-offset:.5em;text-decoration:underline}.cine-skip{z-index:6;top:max(1rem, env(safe-area-inset-top));color:#fff;min-height:2.75rem;font:inherit;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047;border:1px solid #ffffff73;border-radius:999px;padding:.4rem 1rem;font-size:.72rem;font-weight:600;position:absolute;right:1rem}@keyframes cine-tap-breathe{0%,to{opacity:.55}50%{opacity:1}}.cine-hero{position:relative}.cine-hero-text{top:var(--cine-box-y);z-index:2;width:min(100% - 2.5rem, var(--stage-w) - 2.5rem);min-height:var(--cine-box-h);color:var(--cine-hero-ink);text-align:center;isolation:isolate;align-content:center;justify-items:center;gap:.55rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.cine-hero-text:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffffb8,#ffffff4d 70%,#fff0);border-radius:50%;position:absolute;inset:-12% -8%}.cine-ink-light .cine-hero-text:before{background:radial-gradient(closest-side,#0000006b,#0000)}.cine-ink-light .cine-hero-text{text-shadow:0 1px 12px #00000059}.cine-hero.is-playing .cine-hero-text>*{animation:1.1s cubic-bezier(.2,.7,.2,1) both cine-rise}.cine-hero-text>:nth-child(2){animation-delay:.12s}.cine-hero-text>:nth-child(3){animation-delay:.26s}.cine-hero-text>:nth-child(4){animation-delay:.42s}.cine-hero-text>:nth-child(5){animation-delay:.56s}.cine-eyebrow{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:clamp(.6rem,2.4cqi,.72rem);font-weight:600}.cine-names{font-family:var(--font-script);overflow-wrap:anywhere;margin:0;font-size:clamp(2.5rem,13cqi,4.4rem);font-weight:400;line-height:1.05}.cine-amp{vertical-align:.35em;margin-inline:.12em;font-size:.62em;font-style:normal}.cine-date{font-family:var(--font-display);justify-items:center;gap:.2rem;display:grid}.cine-date-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;width:min(100%,17rem);display:grid}.cine-date-row span{letter-spacing:.22em;text-transform:uppercase;border-block:1px solid;padding-block:.2rem;font-size:clamp(.58rem,2.3cqi,.7rem);font-weight:600}.cine-date-row b{font-size:clamp(2.2rem,10cqi,3rem);font-weight:500;line-height:1}.cine-date-weekday{letter-spacing:.28em;text-transform:uppercase;font-size:clamp(.62rem,2.4cqi,.74rem);font-weight:600}.cine-venue{font-family:var(--font-display);gap:.2rem;margin:.3rem 0 0;font-size:clamp(1rem,4.4cqi,1.25rem);font-style:italic;display:grid}.cine-venue small{font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;font-size:.56rem;font-style:normal;font-weight:600}.cine-hero .guest-greeting,.cine-hero .guest-greeting strong{color:inherit}.cine-scroll-cue{bottom:max(1.2rem, env(safe-area-inset-bottom));z-index:2;color:var(--cine-hero-ink);letter-spacing:.3em;text-transform:uppercase;opacity:.85;justify-items:center;gap:.35rem;font-size:.56rem;font-weight:600;display:grid;position:absolute;left:50%;transform:translate(-50%)}.cine-scroll-cue i{transform-origin:top;background:currentColor;width:1px;height:1.6rem;animation:1.8s ease-in-out infinite cine-scroll-line;display:block}@keyframes cine-rise{0%{opacity:0;filter:blur(4px);transform:translateY(.9rem)}to{opacity:1;filter:none;transform:none}}@keyframes cine-scroll-line{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(.6rem)}}.cine-topbar{z-index:60;width:min(100%, var(--stage-w));background:color-mix(in srgb, var(--invite-paper) 72%, transparent);height:3.1rem;color:var(--invite-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--invite-accent) 22%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto -3.1rem;padding:0 .9rem 0 1.1rem;animation:.6s .4s both cine-bar-in;display:flex;position:sticky;top:0}.cine-topbar-names{font-family:var(--font-script);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;overflow:hidden}.cine-topbar-names em{font-size:.8em;font-style:normal}.cine-topbar a{background:var(--invite-accent);min-height:2.25rem;color:var(--invite-paper);letter-spacing:.16em;border-radius:999px;align-items:center;padding:0 1rem;font-size:.68rem;font-weight:700;text-decoration:none;display:inline-flex}@keyframes cine-bar-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.design-cinematic :is(.cine-band,.invitation-description,.event-facts,.invitation-rsvp-slot,.experience-sections>section,.preview-contact){--cine-band:var(--cine-bg-1,none);width:auto;box-shadow:none;background:linear-gradient(color-mix(in srgb, var(--invite-paper) 38%, transparent), color-mix(in srgb, var(--invite-paper) 38%, transparent)), var(--cine-band) center / cover no-repeat, var(--invite-paper);text-align:center;border:0;border-radius:0;margin:0;padding:clamp(2.8rem,12cqi,4rem) clamp(1.25rem,7cqi,2rem)}.design-cinematic .experience-sections>section:nth-child(3n+1){--cine-band:var(--cine-bg-3,var(--cine-bg-1,none))}.design-cinematic .experience-sections>section:nth-child(3n+2),.design-cinematic .invitation-sheet>.invitation-rsvp-slot{--cine-band:var(--cine-bg-2,var(--cine-bg-1,none))}.design-cinematic :is(.cine-band,.experience-card,.invitation-description,.event-facts,.gallery-heading) h2{color:var(--invite-accent);font-family:var(--font-script);margin:0 0 .6rem;font-size:clamp(2.2rem,10cqi,2.9rem);font-weight:400;line-height:1.15}.design-cinematic .experience-card .eyebrow{letter-spacing:.3em;font-size:.62rem}.design-cinematic .invitation-rsvp-slot .rsvp-card{max-width:26rem;margin-inline:auto;box-shadow:0 1rem 3rem #0000001f}.design-cinematic .schedule-card ol{width:min(100%,22rem);margin-inline:auto}.design-cinematic .invitation-footer{background:var(--invite-paper)}.cine-photo .invitation-main-image{max-width:22rem;margin:0 auto}.cine-save{justify-items:center;gap:.6rem;display:grid}.cine-save h2{margin-bottom:0!important}.cine-until{letter-spacing:.26em;text-transform:uppercase;opacity:.8;margin:0;font-size:.66rem;font-weight:600}.cine-countdown{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,21rem);margin-top:.4rem;display:grid}.cine-countdown span{justify-items:center;gap:.2rem;display:grid}.cine-countdown span+span{border-left:1px solid color-mix(in srgb, var(--invite-accent) 30%, transparent)}.cine-countdown b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,8.5cqi,2.4rem);font-weight:500;line-height:1}.cine-countdown small{letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:.55rem;font-weight:600}.cine-calendar{border:1px solid var(--invite-accent);min-height:2.75rem;color:var(--invite-accent);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;margin-top:.9rem;padding:0 1.4rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.cine-calendar:hover,.cine-calendar:focus-visible{background:var(--invite-accent);color:var(--invite-paper)}.card-invitation.card-cinematic{background:color-mix(in srgb, var(--invite-bg) 88%, #000);min-height:0;padding:0 0 2.5rem;display:block}.phone-viewport .card-invitation.card-cinematic{padding:0 0 1.5rem}.card-cinematic>.cine-hero,.card-cinematic>.cine-save{width:min(100%, var(--stage-w));margin-inline:auto}.card-cinematic>.card-sheet{z-index:2;width:min(100% - 1.5rem, var(--stage-w) - 1.5rem);margin:-2.5rem auto 1rem;position:relative}.card-cinematic>.card-sheet-closing{margin-top:1rem}@media (prefers-reduced-motion:reduce){.cine-hero-text>*,.cine-topbar,.cine-tap,.cine-scroll-cue i{animation:none!important}}.phone-frame-always .phone-viewport .cine-topbar,.editor-live-preview .phone-viewport .cine-topbar{height:4.9rem;margin-bottom:-4.9rem;padding-top:1.8rem}.cine-hero.is-playing .cine-still{animation:16s ease-in-out infinite alternate cine-still-drift}@keyframes cine-still-drift{0%{transform:scale(1)}to{transform:scale(1.07)translateY(-1.5%)}}@media (prefers-reduced-motion:reduce){.cine-hero .cine-still{animation:none!important}}.card-cinematic>.card-sheet-closing{padding:.45rem}.card-cinematic>.card-sheet-closing .card-body{padding-inline:.45rem}.card-cinematic-content{display:contents}