.invitation-scroll{--scroll-ink:#f4eee2;--scroll-muted:#c9bdab;--scroll-gold:#d7b979;--scroll-night:#071510;--scroll-glass:color-mix(in srgb,var(--scroll-night) 72%,transparent);--scroll-line:color-mix(in srgb,var(--scroll-gold) 34%,transparent);--pointer-x:0px;--pointer-y:0px;position:relative;isolation:isolate;width:100%;overflow:clip;background:var(--scroll-night);color:var(--scroll-ink)}.scroll-embedded{max-height:62rem;overflow:auto}.scroll-chrome{position:fixed;inset:0 0 auto;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem clamp(1rem,3vw,2.5rem);color:var(--scroll-ink);pointer-events:none}.scroll-chrome>*{pointer-events:auto}.scroll-chrome a{justify-self:start}.scroll-chrome p{font:500 .62rem/1 var(--font-body-lat);letter-spacing:.16em;text-transform:uppercase}.scroll-chrome p span{color:var(--scroll-gold)}.scroll-chrome button{justify-self:end;min-width:2.75rem;min-height:2.75rem;color:var(--scroll-ink)}.scroll-chrome button,.scroll-demo{border:1px solid var(--scroll-line);background:var(--scroll-glass);backdrop-filter:blur(1rem)}.scroll-demo{position:fixed;inset-inline-end:clamp(4.5rem,8vw,7rem);top:1rem;z-index:81;display:flex;gap:.55rem;align-items:center;padding:.65rem .8rem;font-size:.65rem}.scroll-demo a{color:var(--scroll-gold)}.scroll-rail{position:fixed;z-index:70;inset-inline-end:1.3rem;top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:.65rem;direction:ltr}.scroll-progress{position:absolute;z-index:-1;top:.55rem;bottom:.55rem;width:1px;background:var(--scroll-line)}.scroll-progress-fill{position:absolute;inset:0;transform-origin:top;background:var(--scroll-gold)}.scroll-rail button{position:relative;width:1.1rem;height:1.1rem;display:grid;place-items:center}.scroll-rail button i{width:.34rem;height:.34rem;border-radius:50%;background:var(--scroll-muted);box-shadow:0 0 0 .3rem var(--scroll-night);transition:transform .25s ease,background .25s ease}.scroll-rail button b{position:absolute;inset-inline-end:1.5rem;width:max-content;padding:.35rem .55rem;background:var(--scroll-glass);color:var(--scroll-muted);opacity:0;translate:.5rem 0;pointer-events:none;font-size:.58rem;font-weight:400;transition:opacity .25s ease,translate .25s ease}.scroll-rail button:focus-visible b,.scroll-rail button:hover b{opacity:1;translate:0 0}.scroll-rail button.is-active i{transform:scale(2.1);background:var(--scroll-gold)}.scroll-scene{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:7rem clamp(1.3rem,6vw,6rem)}.scroll-opening-backdrop,.scroll-scene-art{position:absolute;inset:-8%;z-index:-3;will-change:transform}.scroll-opening-backdrop img,.scroll-scene-art img{object-fit:cover}.scroll-scene:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--scroll-night) 20%,transparent),color-mix(in srgb,var(--scroll-night) 13%,transparent) 45%,color-mix(in srgb,var(--scroll-night) 76%,transparent))}.scroll-kicker{color:var(--scroll-gold);font-size:clamp(.67rem,1vw,.78rem);letter-spacing:.17em;text-transform:uppercase}[lang=ar] .scroll-kicker{letter-spacing:.03em}.scroll-opening{min-height:120svh;align-items:center;perspective:1600px}.scroll-opening:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--scroll-night) 8%,transparent),color-mix(in srgb,var(--scroll-night) 66%,transparent))}.scroll-opening-copy{position:absolute;top:13%;z-index:2;width:min(90%,52rem);text-align:center;text-shadow:0 .2rem 2rem var(--scroll-night)}.scroll-opening-copy h1{margin:.5rem 0;font-family:var(--font-display-active);font-size:clamp(2.6rem,6vw,5.5rem);font-weight:400;line-height:1.05;opacity:0;transform:translateY(1rem);transition:opacity 1.2s ease .45s,transform 1.2s ease .45s}.is-open .scroll-opening-copy h1{opacity:1;transform:none}.scroll-guest{display:flex;flex-direction:column;gap:.25rem;color:var(--scroll-muted);font-size:.72rem;opacity:0;transition:opacity 1s ease .8s}.scroll-guest strong{color:var(--scroll-ink);font-family:var(--font-display-active);font-size:1.25rem;font-weight:400}.is-open .scroll-guest{opacity:1}.scroll-keepsake{position:relative;z-index:3;width:min(74vw,30rem);aspect-ratio:4/5;margin-top:5rem;transform-style:preserve-3d;filter:drop-shadow(0 2rem 4rem color-mix(in srgb,var(--scroll-night) 80%,transparent))}.keepsake-card{position:absolute;inset:13% 14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--scroll-line);background:linear-gradient(145deg,#f5efe3,#d8cab3);color:var(--scroll-night);text-align:center;box-shadow:inset 0 0 0 .5rem color-mix(in srgb,var(--scroll-gold) 22%,transparent)}.keepsake-card:before{content:"";position:absolute;inset:9%;border:1px solid color-mix(in srgb,var(--scroll-gold) 44%,transparent);border-radius:48% 48% 0 0}.keepsake-card:after{content:"✦";position:absolute;top:15%;color:var(--scroll-gold);font-size:1rem}.keepsake-card p{font-family:var(--font-display-active);font-size:clamp(1.8rem,5vw,3.6rem);line-height:1.15}.keepsake-card span{font-size:.66rem}.keepsake-panel{position:absolute;top:0;width:50%;height:100%;overflow:hidden;backface-visibility:hidden;transition:transform 1.35s cubic-bezier(.16,1,.3,1),filter .8s ease}.keepsake-panel img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:cover}.keepsake-left{left:0;transform-origin:left center}.keepsake-left img{left:0}.keepsake-right{right:0;transform-origin:right center}.keepsake-right img{right:0}.is-open .keepsake-left{transform:rotateY(-112deg) translateX(-2%);filter:brightness(.62)}.is-open .keepsake-right{transform:rotateY(112deg) translateX(2%);filter:brightness(.62)}.scroll-seal{position:absolute;z-index:5;top:50%;left:50%;translate:-50% -5%;display:flex;flex-direction:column;align-items:center;gap:.85rem;color:var(--scroll-ink);text-shadow:0 .2rem 1rem var(--scroll-night)}.scroll-seal span{width:5.1rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--scroll-gold);border-radius:50%;background:var(--scroll-glass);box-shadow:0 0 0 .55rem color-mix(in srgb,var(--scroll-gold) 9%,transparent),0 0 3rem color-mix(in srgb,var(--scroll-gold) 22%,transparent);transition:transform .6s cubic-bezier(.16,1,.3,1)}.scroll-seal:hover span{transform:scale(1.08) rotate(-8deg)}.is-open .scroll-seal{top:auto;bottom:15%}.is-open .scroll-seal span{transform:scale(.72)}.scroll-seal b{max-width:14rem;font-size:.7rem;font-weight:400}.scroll-begin{position:absolute;z-index:6;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--scroll-ink);opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity .8s ease 1s,transform .8s ease 1s}.is-open .scroll-begin{opacity:1;pointer-events:auto;transform:none}.scroll-begin span{font-size:.65rem}.scroll-begin i{color:var(--scroll-gold);font-style:normal;animation:scroll-breathe 1.8s ease-in-out infinite}@keyframes scroll-breathe{50%{transform:translateY(.5rem)}}.scroll-welcome{min-height:150svh}.scroll-welcome .scroll-scene-art{transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .6s cubic-bezier(.16,1,.3,1)}.scroll-gate-arch{position:absolute;z-index:-1;inset:7% 9% -15%;border:1px solid var(--scroll-line);border-radius:50% 50% 0 0;box-shadow:inset 0 0 6rem color-mix(in srgb,var(--scroll-night) 70%,transparent)}.scroll-gate-arch:after{content:"";position:absolute;inset:.7rem;border:1px solid color-mix(in srgb,var(--scroll-gold) 18%,transparent);border-radius:inherit}.scroll-welcome-copy{max-width:56rem;text-align:center;text-shadow:0 .2rem 2rem var(--scroll-night)}.scroll-welcome-copy h2{margin:1rem 0;font-family:var(--font-display-active);font-size:clamp(4rem,12vw,10rem);font-weight:400;line-height:.95;text-wrap:balance}[lang=ar] .scroll-welcome-copy h2{line-height:1.15}.scroll-welcome-copy>p:not(.scroll-kicker){max-width:36rem;margin-inline:auto;font-family:var(--font-display-active);font-size:clamp(1.1rem,2.2vw,1.75rem);line-height:1.8;color:var(--scroll-muted)}.scroll-calligraphy{display:block;margin-top:2rem;font-family:var(--font-display-ar);font-size:clamp(2rem,5vw,4rem);color:var(--scroll-gold);opacity:.5}.scroll-petals{position:absolute;inset:0;pointer-events:none}.scroll-petals i{--delay:calc(var(--petal) * -.73s);position:absolute;top:-8%;left:calc((var(--petal) * 6.1%) + 2%);width:.8rem;height:.45rem;border-radius:90% 0 90% 10%;background:var(--scroll-ink);opacity:.5;animation:petal-fall calc(8s + (var(--petal) * .19s)) linear var(--delay) infinite}@keyframes petal-fall{to{transform:translate3d(calc((var(--petal) - 8) * 5px),115svh,0) rotate(420deg)}}.scroll-date{min-height:135svh}.scroll-date:after{background:radial-gradient(circle at 27% 50%,color-mix(in srgb,var(--scroll-night) 5%,transparent),color-mix(in srgb,var(--scroll-night) 74%,transparent) 48%)}.scroll-date-copy{width:min(100%,72rem);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(2rem,8vw,8rem)}.moon-dial-wrap{text-align:center}.moon-dial-wrap>p{margin-top:1.2rem;color:var(--scroll-muted);font-size:.7rem}.moon-dial{position:relative;width:min(62vw,23rem);aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--scroll-gold) 13%,transparent),transparent 65%);color:var(--scroll-ink);box-shadow:0 0 6rem color-mix(in srgb,var(--scroll-gold) 14%,transparent),inset 0 0 3rem color-mix(in srgb,var(--scroll-night) 80%,transparent)}.moon-dial,.moon-dial:after,.moon-dial:before{border:1px solid var(--scroll-line);border-radius:50%}.moon-dial:after,.moon-dial:before{content:"";position:absolute}.moon-dial:before{inset:11%}.moon-dial:after{inset:23%}.moon-orbit{inset:5%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.moon-orbit,.moon-orbit i{position:absolute;border-radius:50%}.moon-orbit i{top:50%;left:0;width:1.4rem;aspect-ratio:1;translate:-50% -50%;background:var(--scroll-gold);box-shadow:0 0 2rem var(--scroll-gold)}.moon-core{position:absolute;inset:30%;display:grid;place-content:center;border-radius:50%;background:color-mix(in srgb,var(--scroll-night) 76%,transparent);backdrop-filter:blur(.8rem)}.moon-core b{font-family:var(--font-display-lat);font-size:clamp(2.7rem,6vw,5rem);font-weight:400;color:var(--scroll-gold)}.moon-core small{font-size:.65rem}.scroll-date-card{text-shadow:0 .2rem 2rem var(--scroll-night)}.scroll-date-card h2{margin:1rem 0;font-family:var(--font-display-active);font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:1.05;text-wrap:balance}.scroll-date-card>p:not(.scroll-kicker){color:var(--scroll-muted)}.date-phases{display:flex;gap:.6rem;margin:2rem 0;direction:ltr}.date-phases button{min-width:5rem;padding:.75rem;border:1px solid var(--scroll-line);background:var(--scroll-glass);color:var(--scroll-muted);transition:border-color .25s ease,transform .25s ease}.date-phases button.is-active{border-color:var(--scroll-gold);color:var(--scroll-ink);transform:translateY(-.3rem)}.date-phases b,.date-phases span{display:block}.date-phases b{font-family:var(--font-display-lat);font-size:1.5rem;font-weight:400;color:var(--scroll-gold)}.date-phases span{font-size:.58rem}.scroll-text-action{padding:.4rem;border-bottom:1px solid;color:var(--scroll-gold);font-size:.72rem}.scroll-venue{min-height:140svh}.scroll-venue:after{background:linear-gradient(90deg,color-mix(in srgb,var(--scroll-night) 82%,transparent),color-mix(in srgb,var(--scroll-night) 18%,transparent) 58%,color-mix(in srgb,var(--scroll-night) 68%,transparent))}.venue-reflection{position:absolute;z-index:-1;inset:52% 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--scroll-gold) 15%,transparent),transparent);mask-image:repeating-linear-gradient(0deg,#000 0 2px,transparent 3px 7px);animation:water-shift 5s ease-in-out infinite alternate}@keyframes water-shift{to{transform:skewX(3deg) translateX(1.5%)}}.scroll-venue-copy{width:min(100%,70rem)}.scroll-venue-copy>h2{max-width:48rem;margin:1rem 0 1.5rem;font-family:var(--font-display-active);font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:1;text-shadow:0 .2rem 2rem var(--scroll-night)}.venue-moments{display:flex;gap:.65rem;flex-wrap:wrap}.venue-moments button{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border:1px solid var(--scroll-line);background:var(--scroll-glass);color:var(--scroll-muted);backdrop-filter:blur(1rem)}.venue-moments button[aria-selected=true]{border-color:var(--scroll-gold);color:var(--scroll-ink)}.venue-moments span{color:var(--scroll-gold);font-family:var(--font-display-lat)}.venue-moments b{font-size:.7rem;font-weight:400}.venue-ticket{width:min(100%,31rem);margin-top:1.2rem;padding:1.5rem;border:1px solid var(--scroll-line);background:var(--scroll-glass);backdrop-filter:blur(1.4rem);transform-origin:top}.venue-ticket>p,.venue-ticket>span{color:var(--scroll-muted);font-size:.72rem}.venue-ticket>strong{display:block;margin:.35rem 0;font-family:var(--font-display-lat);font-size:2.5rem;font-weight:400;color:var(--scroll-gold)}.venue-ticket>div{display:flex;gap:1rem;margin-top:1rem;color:var(--scroll-gold);font-size:.7rem}.scroll-details{min-height:135svh}.scroll-details:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--scroll-night) 28%,transparent),color-mix(in srgb,var(--scroll-night) 80%,transparent))}.scroll-details-copy{width:min(100%,68rem);text-align:center}.scroll-details-copy>h2{max-width:50rem;margin:1rem auto 2rem;font-family:var(--font-display-active);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:1.05}.relic-stage{display:grid;grid-template-columns:.55fr 1.45fr;gap:1rem;align-items:stretch;perspective:1200px}.relic-choices{display:grid;gap:.65rem}.relic-choices button{min-height:5.5rem;display:grid;grid-template-columns:3rem 1fr;align-items:center;text-align:start;border:1px solid var(--scroll-line);background:var(--scroll-glass);color:var(--scroll-muted);backdrop-filter:blur(1rem)}.relic-choices button.is-active{border-color:var(--scroll-gold);color:var(--scroll-ink);transform:translateX(calc(var(--relic-shift,1) * .4rem))}[dir=rtl] .relic-choices button.is-active{--relic-shift:-1}.relic-choices i{font-size:1.8rem;font-style:normal;color:var(--scroll-gold);text-align:center}.relic-choices span{font-size:.7rem}.relic-card{min-height:19rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:1px solid var(--scroll-line);background:linear-gradient(145deg,color-mix(in srgb,var(--scroll-glass) 90%,transparent),color-mix(in srgb,var(--scroll-gold) 8%,var(--scroll-glass)));backdrop-filter:blur(1.5rem);box-shadow:0 2rem 6rem color-mix(in srgb,var(--scroll-night) 68%,transparent)}.relic-card>span{font-size:3rem;color:var(--scroll-gold)}.relic-card>p{color:var(--scroll-gold);font-size:.65rem;letter-spacing:.12em}.relic-card h3{margin:.8rem 0;font-family:var(--font-display-active);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.2}.relic-card small{max-width:25rem;color:var(--scroll-muted)}.relic-card a{margin-top:1rem;color:var(--scroll-gold);font-size:.7rem}.scroll-rsvp{min-height:120svh}.scroll-rsvp:after{background:color-mix(in srgb,var(--scroll-night) 62%,transparent)}.scroll-rsvp-card{width:min(100%,62rem);display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--scroll-line);background:var(--scroll-glass);backdrop-filter:blur(1.6rem);box-shadow:0 2rem 8rem color-mix(in srgb,var(--scroll-night) 78%,transparent)}.scroll-rsvp-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,5vw,4rem);border-inline-end:1px solid var(--scroll-line)}.scroll-rsvp-copy>img{margin-bottom:1.5rem}.scroll-rsvp-copy h2{margin:.8rem 0;font-family:var(--font-display-active);font-size:clamp(2.7rem,5vw,4.8rem);font-weight:400;line-height:1.05}.scroll-rsvp-copy>p:last-child{color:var(--scroll-muted);line-height:1.8}.scroll-rsvp-card form{padding:clamp(2rem,5vw,4rem);display:grid;align-content:center;gap:1rem}.scroll-choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.scroll-choices legend,.scroll-field>span{grid-column:1/-1;display:block;margin-bottom:.45rem;color:var(--scroll-gold);font-size:.66rem}.scroll-choices label{cursor:pointer}.scroll-choices input{position:absolute;opacity:0}.scroll-choices label span{display:block;padding:.8rem;border:1px solid var(--scroll-line);text-align:center;font-size:.72rem}.scroll-choices input:checked+span{border-color:var(--scroll-gold);background:var(--scroll-gold);color:var(--scroll-night)}.scroll-field :is(select,textarea){width:100%;padding:.8rem;border:1px solid var(--scroll-line);background:color-mix(in srgb,var(--scroll-night) 68%,transparent);color:var(--scroll-ink);outline:none}.scroll-field :is(select,textarea):focus{border-color:var(--scroll-gold)}.scroll-field textarea{resize:none}.scroll-sample a,.scroll-submit{padding:.9rem 1rem;background:var(--scroll-gold);color:var(--scroll-night);text-align:center;font-size:.75rem}.scroll-submit:disabled{opacity:.5}.scroll-saved{color:var(--scroll-gold);font-size:.72rem}.scroll-sample{min-height:24rem;padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;text-align:center}@media (max-width:700px){.scroll-chrome{padding:.8rem 1rem}.scroll-demo{top:4.2rem;inset-inline:1rem auto}.scroll-rail{inset-inline-end:.65rem}.scroll-rail button b{display:none}.scroll-scene{padding:7rem 2rem 6rem 1.3rem}[dir=rtl] .scroll-scene{padding-inline:2rem 1.3rem}.scroll-opening{min-height:110svh}.scroll-opening-copy{top:15%}.scroll-keepsake{width:min(82vw,24rem);margin-top:4rem}.scroll-seal{top:54%}.is-open .scroll-seal{bottom:14%}.scroll-welcome{min-height:125svh}.scroll-gate-arch{inset:10% 6% -8%}.scroll-welcome-copy h2{font-size:clamp(4rem,18vw,6.5rem)}.scroll-date{min-height:125svh}.scroll-date-copy{grid-template-columns:1fr;gap:2rem;text-align:center}.moon-dial{width:min(64vw,18rem)}.scroll-date-card h2{font-size:clamp(2.6rem,12vw,4.3rem)}.date-phases{justify-content:center}.date-phases button{min-width:4.5rem;padding:.6rem}.scroll-venue{min-height:125svh}.scroll-venue:after{background:linear-gradient(180deg,color-mix(in srgb,var(--scroll-night) 45%,transparent),color-mix(in srgb,var(--scroll-night) 72%,transparent))}.scroll-venue-copy>h2{font-size:clamp(3.2rem,15vw,5.2rem)}.venue-moments{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.venue-moments button{flex:0 0 auto}.scroll-details{min-height:125svh}.relic-stage{grid-template-columns:1fr}.relic-choices{grid-template-columns:repeat(3,1fr)}.relic-choices button{min-height:5rem;grid-template-columns:1fr;place-content:center;gap:.2rem;text-align:center}.relic-choices button.is-active{transform:translateY(-.3rem)}.relic-card{min-height:17rem}.scroll-rsvp{min-height:115svh}.scroll-rsvp-card{grid-template-columns:1fr;max-height:none}.scroll-rsvp-copy{padding:1.5rem;border-inline-end:0;border-bottom:1px solid var(--scroll-line)}.scroll-rsvp-copy>img{display:none}.scroll-rsvp-copy h2{margin:.4rem 0;font-size:2.5rem}.scroll-rsvp-copy>p:last-child{font-size:.75rem}.scroll-rsvp-card form{padding:1.5rem;gap:.75rem}.scroll-sample{min-height:12rem;padding:1.5rem}}@media (prefers-reduced-motion:reduce){.scroll-petals,.venue-reflection{display:none}.scroll-opening-backdrop,.scroll-scene-art,.scroll-welcome .scroll-scene-art{transform:none!important}.keepsake-panel,.moon-orbit,.scroll-begin,.scroll-guest,.scroll-opening-copy h1{transition-duration:.01s}.scroll-begin i{animation:none}}