:root{--cream:#fff8f5;--blush:#fde4ec;--pink:#ffc2d4;--rose:#ff7fa6;--deep:#e3457e;--berry:#a8285a;--lilac:#c6a4f2;--gold:#f2bf63;--ink:#4b2238;--soft:#82566d;--script:"Great Vibes", cursive;--serif:"Fraunces", Georgia, serif;--sans:"Nunito", system-ui, sans-serif;--arabic:"Aref Ruqaa", "Noto Naskh Arabic", serif;--shadow:0 20px 50px -20px #e3457e66;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--gutter:clamp(16px, 4vw, 32px)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--cream);font:400 clamp(15.5px, .95rem + .25vw, 18px)/1.75 var(--sans);letter-spacing:.005em;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(60vmax at 0 0, #ffd9e6, transparent 60%), radial-gradient(55vmax at 100% 35%, #efe2ff, transparent 60%), radial-gradient(50vmax at 25% 100%, #ffe8da, transparent 60%), var(--cream);position:fixed;inset:0}body:after{content:"";z-index:200;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body.locked{overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--rose);outline-offset:3px;border-radius:10px}::selection{background:var(--pink)}#bg,#fx{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#bg{z-index:-1}#fx{z-index:150}.noscript{z-index:300;background:var(--cream);place-items:center;margin:0;font-size:1.2rem;display:grid;position:fixed;inset:0}.script{font-family:var(--script);letter-spacing:.01em;font-weight:400}.title,.hero__name,.paper,.face--back,.finale__line,.units b,.face--front b{font-variation-settings:"SOFT" 100}.title,.sub,.big,.finale__title{text-wrap:balance}p{text-wrap:pretty}.kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--deep);margin:0 0 .6em;font-size:.72rem;font-weight:800}.ar{font:700 clamp(1.8rem, 6vw, 2.4rem)/1.3 var(--arabic);color:var(--gold);margin:0}.ar--big{background:linear-gradient(120deg, var(--gold), var(--deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.05em 0 -.1em;font-size:clamp(2.6rem,9vw,4.2rem);line-height:1.15}.ar--light{color:var(--pink);margin-bottom:.6em;font-size:clamp(1.5rem,5vw,2.2rem)}.title{text-align:center;font:400 clamp(2.3rem, 6.5vw, 3.8rem)/1.1 var(--serif);letter-spacing:-.025em;margin:0}.title em{font:400 1.3em/0 var(--script);color:var(--deep);letter-spacing:0;padding:0 .06em}.title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 12'%3E%3Cpath d='M2 6h24M46 6h24' stroke='%23ff7fa6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M36 10.6c-3-2.2-5-3.6-5-5.6a2.5 2.5 0 0 1 5-.7 2.5 2.5 0 0 1 5 .7c0 2-2 3.4-5 5.6z' fill='%23ff7fa6'/%3E%3C/svg%3E") 50%/contain no-repeat;width:72px;height:12px;margin:.5em auto 0;display:block}.sub{text-align:center;color:var(--soft);max-width:30em;margin:.7em auto clamp(34px,6vw,60px)}.lead{color:var(--soft);max-width:31em;margin:1.1em auto;font-size:1.05em}.hint{color:var(--soft);margin:.7em 0 0;font-size:.85rem}.center{text-align:center}.big{color:var(--deep);margin:0;font-size:clamp(2.5rem,8.5vw,4rem);line-height:1.2}.pop{animation:pop .8s var(--spring) both}.btn{letter-spacing:.02em;min-height:50px;transition:transform .35s var(--spring), box-shadow .35s;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.8em 1.7em;font-weight:800;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.96)}.btn--primary{color:#fff;background:linear-gradient(135deg, var(--rose), var(--deep));box-shadow:0 12px 30px -10px #e3457eb3,inset 0 1px #ffffff59}.btn--light{color:var(--berry);background:#fff;box-shadow:0 12px 30px -12px #00000073}.reveal{opacity:0;transition:opacity 1.1s var(--ease) var(--d,0s), transform 1.1s var(--ease) var(--d,0s);transform:translateY(28px)}.reveal--zoom{transform:scale(.9)}.reveal.in{opacity:1;transform:none}.section{padding:clamp(80px, 13vw, 140px) var(--gutter)}.section>*{max-width:1100px;margin-left:auto;margin-right:auto}.section--tint{background:linear-gradient(#0000,#ffffff8c 15% 85%,#0000)}.footer{padding:28px var(--gutter) calc(28px + env(safe-area-inset-bottom));text-align:center;letter-spacing:.04em;color:#ffe6f099;background:#2a0b1f;font-size:.9rem}.beat{color:var(--rose);animation:1.3s ease-in-out infinite beat;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes beat{0%,30%,to{scale:1}15%{scale:1.22}45%{scale:1.12}}@keyframes float{50%{transform:translateY(-10px)rotate(4deg)}}@keyframes pop{0%{opacity:0;transform:scale(.88)translateY(12px)}}.music{z-index:90;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--pink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);animation:pop .7s var(--spring) both;background:#fffc;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:fixed}.music__disc{background:radial-gradient(circle, #fff 0 13%, var(--rose) 14% 30%, #2b1220 31%);border-radius:50%;flex:none;width:36px;height:36px;animation:4s linear infinite paused spin;box-shadow:inset 0 0 0 5px #3a1a2b}.music__meta{text-align:left;flex-direction:column;max-width:140px;line-height:1.2;display:flex}.music__meta b,.music__meta small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music__meta b{font-size:.82rem}.music__meta small{color:var(--soft);font-size:.7rem}.music__bars{align-items:flex-end;gap:2px;height:14px;display:flex}.music__bars i{background:var(--deep);transform-origin:bottom;border-radius:2px;width:3px;height:30%}.music.playing .music__disc{animation-play-state:running}.music.playing .music__bars i{height:100%;animation:.9s ease-in-out infinite bars}.music.playing .music__bars i:nth-child(2){animation-delay:-.3s}.music.playing .music__bars i:nth-child(3){animation-delay:-.6s}@media (width<=480px){.music__meta{display:none}}@keyframes bars{50%{transform:scaleY(.3)}}.gate{z-index:100;padding:var(--gutter);text-align:center;transition:opacity 1s var(--ease), visibility 1s, transform 1s var(--ease);background:radial-gradient(circle at 50% 45%,#fff,#0000 50%),linear-gradient(160deg,#ffe0ea,#f4e6ff 55%,#ffeedf);flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(6px,1.6vh,14px);display:flex;position:fixed;inset:0;overflow-y:auto}.gate>*{flex-shrink:0}.gate.gone{opacity:0;visibility:hidden;transform:scale(1.08)}.gate .ar{margin:-.3em 0 -.2em;font-size:clamp(2.4rem,9vw,3.2rem);line-height:1.1}.gate__name{color:var(--deep);text-shadow:0 8px 30px #e3457e40;margin:0;padding:0 .12em;font-size:clamp(4.6rem,21vw,8.8rem);line-height:1.05}.giftbox{--w:clamp(130px, 36vw, 190px);width:var(--w);height:calc(var(--w) * .95);animation:wiggle 3.4s var(--ease) infinite;margin:12px 0;position:relative}.giftbox__base,.giftbox__lid{border-radius:12px;position:absolute}.giftbox__base{background:linear-gradient(90deg, transparent 42%, var(--gold) 42% 58%, transparent 58%), linear-gradient(160deg, #ff9dbb, var(--deep));height:68%;box-shadow:inset 0 -12px 24px #a8285a4d, var(--shadow);border-radius:10px 10px 18px 18px;inset:auto 0 0}.giftbox__lid{z-index:1;background:linear-gradient(90deg, transparent 43%, var(--gold) 43% 57%, transparent 57%), linear-gradient(160deg, #ffb3c9, #f0628f);height:24%;transition:transform 1s var(--spring), opacity .7s .3s;top:14%;left:-7%;right:-7%;box-shadow:0 8px 14px -6px #a8285a73}.giftbox__bow{position:absolute;bottom:88%;left:50%}.giftbox__bow:before,.giftbox__bow:after{content:"";width:calc(var(--w) * .26);height:calc(var(--w) * .2);border:calc(var(--w) * .045) solid var(--gold);border-radius:50%/60% 60% 40% 40%;position:absolute;bottom:-4px}.giftbox__bow:before{transform-origin:100% 100%;right:0;transform:rotate(-24deg)}.giftbox__bow:after{transform-origin:0 100%;left:0;transform:rotate(24deg)}.giftbox.open{animation:none}.giftbox.open .giftbox__lid{opacity:0;transform:translate(30%,-260%)rotate(38deg)}.units{grid-template-columns:repeat(4,minmax(62px,84px));gap:8px;display:grid}.units div{background:#ffffffbf;border-radius:16px;padding:.5em 0;box-shadow:0 8px 20px -12px #a8285a66}.units b{font:400 clamp(1.6rem, 6.4vw, 2.3rem)/1.15 var(--serif);font-variant-numeric:tabular-nums;display:block}.units span{letter-spacing:.2em;text-transform:uppercase;color:var(--soft);font-size:.6rem;font-weight:800}.gate__countdown{justify-items:center;display:grid}@media (height<=640px){.giftbox{--w:96px;margin:2px 0 6px}.gate__name{font-size:clamp(3rem,13vh,4.4rem)}.gate .ar{font-size:1.9rem}.units div{padding:.3em 0}.units b{font-size:1.3rem}}@keyframes wiggle{0%,70%,to{transform:none}76%{transform:rotate(-6deg)scale(1.04)}82%{transform:rotate(5deg)scale(1.04)}88%{transform:rotate(-2deg)}}.hero{min-height:100svh;padding:80px var(--gutter);place-items:center;display:grid;position:relative}.hero__inner{align-items:center;gap:clamp(32px,5vw,64px);width:100%;max-width:1100px;display:grid}.hero__text{text-align:center}.hero__title{margin:0;font-weight:400;line-height:.95}.hero__title .script{white-space:nowrap;padding:0 .14em .04em;font-size:clamp(2.6rem,10.5vw,5.4rem);line-height:1.2;display:block}.hero__name{font:italic 300 clamp(4.8rem, 20vw, 9.8rem)/.95 var(--serif);letter-spacing:-.04em;background:linear-gradient(105deg, transparent 42%, #ffd6a0f2 50%, transparent 58%) 200% 0 / 300% 100% no-repeat, linear-gradient(180deg, var(--ink) 35%, var(--berry));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:-.06em;padding:0 .08em .1em;animation:7s ease-in-out 1.5s infinite sheen;display:block}.shimmer{background:linear-gradient(100deg, var(--deep) 20%, var(--gold) 40%, var(--rose) 50%, var(--lilac) 65%, var(--deep) 85%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{letter-spacing:.01em;color:var(--deep);border:1px solid var(--pink);background:#ffffffbf;border-radius:999px;padding:.5em 1.1em;font-size:.84rem;font-weight:700}.hero__photo{width:min(74vw,380px);margin:0 auto;position:relative}.arch{aspect-ratio:4/5;background:var(--blush);border:8px solid #fff;border-radius:999px 999px 28px 28px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 70px -25px #e3457e8c}.arch img{object-fit:cover;width:100%;height:100%}.badge{aspect-ratio:1;filter:drop-shadow(0 6px 14px #a8285a40);width:clamp(90px,25vw,124px);position:absolute;top:-7%;left:-10%}.badge svg{width:100%;height:100%;animation:20s linear infinite spin}.badge circle{fill:#fff}.badge text{font:800 10px var(--sans);fill:var(--deep)}.badge__heart{font-size:clamp(1.3rem,4vw,1.8rem);line-height:1;animation:1.4s ease-in-out infinite beat;position:absolute;top:50%;left:50%;translate:-50% -50%}.sticker{left:var(--x);top:var(--y);animation:float 4s ease-in-out infinite var(--dl,0s);font-size:clamp(1.6rem,5vw,2.3rem);position:absolute}.scroll-cue{border:2px solid var(--rose);opacity:.7;border-radius:20px;width:26px;height:42px;margin-left:-13px;position:absolute;bottom:22px;left:50%}.scroll-cue span{background:var(--rose);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite cue;position:absolute;top:8px;left:50%}@media (width>=900px){.hero__inner{grid-template-columns:1.15fr .85fr}.hero__text{text-align:left}.hero .lead{margin-left:0}.chips{justify-content:flex-start}}.glow{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff7fa638,#c6a4f21a 45%,#0000 70%);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:opacity .8s;position:fixed;top:0;left:0}.glow.on{opacity:1}.tapheart{z-index:140;pointer-events:none;animation:tapheart 1.4s var(--ease) forwards;font-size:22px;position:fixed;translate:-50% -50%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero__inner{animation:linear both heroOut;animation-timeline:view();animation-range:exit exit 90%}}}@keyframes shimmer{to{background-position:-250% 0}}@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes tapheart{20%{opacity:1;transform:translateY(-20px)scale(1.15)}to{opacity:0;transform:translate(var(--dx), -150px) rotate(var(--rot)) scale(.8)}}@keyframes heroOut{to{opacity:.2;translate:0 -40px;scale:.94}}@keyframes sheen{0%,35%{background-position:200% 0,0 0}75%,to{background-position:-100% 0,0 0}}.polaroids{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3.5vw,40px);display:grid}@media (width>=760px){.polaroids{grid-template-columns:repeat(3,1fr)}}.polaroid{width:100%;rotate:var(--r);transition:opacity 1.1s var(--ease) var(--d,0s), transform .6s var(--spring) var(--d,0s), rotate .6s var(--spring), box-shadow .5s;background:#fff;border-radius:6px;padding:9px 9px 0;display:block;position:relative;box-shadow:0 16px 34px -16px #4b223873}.polaroid.in:hover,.polaroid.in:focus-visible{z-index:2;transform:scale(1.05);box-shadow:0 28px 44px -18px #e3457e8c}.polaroid:before{content:"";width:40%;height:20px;rotate:calc(var(--r) * -1.6);background:repeating-linear-gradient(45deg,#ffc2d4e6 0 6px,#ecdfffe6 6px 12px);position:absolute;top:-10px;left:30%}.polaroid__img{aspect-ratio:1;background:var(--blush);display:block;overflow:hidden}.polaroid__img img{object-fit:cover;width:100%;height:100%}.polaroid__cap{font:400 clamp(1.4rem, 3.8vw, 1.85rem)/1.2 var(--script);color:var(--ink);padding:.4em .2em .55em;display:block}.polaroid__cap small{font:800 .6rem/1.8 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rose);display:block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.polaroid{animation:linear both driftA;animation-timeline:view()}.polaroid:nth-child(3n+2){animation-name:driftB}}}@keyframes driftA{0%{translate:0 30px}to{translate:0 -30px}}@keyframes driftB{0%{translate:0 -20px}to{translate:0 40px}}.lightbox{z-index:120;touch-action:pan-y;-webkit-backdrop-filter:blur(8px);animation:fade .35s var(--ease);background:#2d0e22e0;place-items:center;padding:60px 12px;display:grid;position:fixed;inset:0}.lightbox figure{justify-items:center;margin:0;display:grid}.lightbox img{object-fit:contain;max-width:min(92vw,1000px);max-height:76svh;animation:pop .45s var(--spring);border:6px solid #fff;border-radius:14px}.lightbox figcaption{color:#fff;margin-top:.3em;font-size:clamp(1.9rem,5vw,2.7rem)}.lb__btn{color:#fff;background:#ffffff26;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.6rem;display:grid;position:absolute}.lb__close{top:max(12px, env(safe-area-inset-top));font-size:1.1rem;right:12px}.lb__prev,.lb__next{top:50%;translate:0 -50%}.lb__prev{left:10px}.lb__next{right:10px}@media (width<=640px){.lb__prev,.lb__next{top:auto;bottom:max(16px, env(safe-area-inset-bottom));translate:none}.lb__prev{left:calc(50% - 60px)}.lb__next{right:calc(50% - 60px)}}@keyframes fade{0%{opacity:0}}.cards{perspective:1200px;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2.4vw,22px);display:grid}@media (width>=760px){.cards{grid-template-columns:repeat(3,1fr)}}.flip{aspect-ratio:4/5;width:100%;position:relative}.flip__in{transform-style:preserve-3d;transition:transform .8s var(--spring);position:absolute;inset:0}.flip.on .flip__in{transform:rotateY(180deg)}.face{text-align:center;backface-visibility:hidden;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.3em;padding:16px;display:flex;position:absolute;inset:0;box-shadow:0 12px 28px -14px #a8285a66}.face--front{color:var(--berry);background:linear-gradient(150deg,#ffd3e1,#ffb3c9 45%,#e7c8ff)}.face--front:after{content:"";border:1.5px dashed #ffffffd9;border-radius:16px;position:absolute;inset:8px}.face--front em{font-size:clamp(2.2rem,7vw,3rem);font-style:normal;animation:3.5s ease-in-out infinite float}.face--front b{font:italic 400 clamp(1.1rem, 3vw, 1.3rem) var(--serif)}.face--front small{letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:.65rem}.face--back{font:italic 400 clamp(1rem, 2.6vw, 1.22rem)/1.45 var(--serif);border:2px solid var(--blush);text-wrap:balance;background:#fff;transform:rotateY(180deg)}.face--back:before{content:"♥";color:var(--rose);font-style:normal}.cake{--w:clamp(230px, 62vw, 320px);width:var(--w);flex-direction:column;align-items:center;padding-top:30px;display:flex}.tier{border-radius:16px 16px 12px 12px;position:relative;box-shadow:inset 0 -10px 18px #a8285a26}.tier:before{content:"";opacity:.8;background:radial-gradient(circle, var(--gold) 2px, transparent 2.5px) 0 0 / 34px 22px, radial-gradient(circle, #fff 2px, transparent 2.5px) 14px 8px / 28px 26px;position:absolute;inset:45% 8% 14%}.t1{width:58%;height:calc(var(--w) * .2);--c:#fff;background:linear-gradient(#fff6fa,#ffd7e4)}.t2{width:78%;height:calc(var(--w) * .22);--c:#fff2f6;background:linear-gradient(#ffc2d4,#ff9fbd)}.t3{width:96%;height:calc(var(--w) * .25);--c:#ffd6e5;background:linear-gradient(#f1e3ff,#d9bdf7)}.drip{background:radial-gradient(circle at 11% 60%, var(--c) 7px, transparent 7.5px), radial-gradient(circle at 30% 78%, var(--c) 6px, transparent 6.5px), radial-gradient(circle at 50% 64%, var(--c) 8px, transparent 8.5px), radial-gradient(circle at 70% 80%, var(--c) 6px, transparent 6.5px), radial-gradient(circle at 89% 60%, var(--c) 7px, transparent 7.5px), linear-gradient(var(--c) 48%, transparent 48%);border-radius:16px 16px 0 0;height:40%;position:absolute;inset:0 0 auto}.plate{background:linear-gradient(#fff,#f1dbe4);border-radius:50%;width:112%;height:14px;box-shadow:0 10px 22px -8px #4b223859}.candles{height:calc(var(--w) * .24);justify-content:center;align-items:flex-end;gap:clamp(8px,2.5vw,14px);display:flex}.candle{background:repeating-linear-gradient(-45deg, #fff 0 5px, var(--rose) 5px 9px);border-radius:4px 4px 2px 2px;width:clamp(10px,2.8vw,14px);height:70%;position:relative}.candle:nth-child(2n){background:repeating-linear-gradient(-45deg, #fff 0 5px, var(--lilac) 5px 9px);height:60%}.candle:after{content:"";position:absolute;inset:-44px -12px -6px}.flame{transform-origin:50% 90%;filter:drop-shadow(0 0 8px #ffb43ce6);background:radial-gradient(at 50% 72%,#fff 0 18%,#ffe48a 32%,#ffa53a 62%,#0000 75%);border-radius:50%/62% 62% 38% 38%;width:14px;height:24px;margin-left:-7px;transition:transform .35s,opacity .35s;animation:.15s ease-in-out infinite alternate flicker;position:absolute;bottom:calc(100% + 3px);left:50%}.candle.out .flame{opacity:0;animation:none;transform:scale(0)}.candle.out:before{content:"";filter:blur(2px);background:#beaab473;border-radius:50%;width:8px;height:8px;margin-left:-4px;animation:1.6s ease-out forwards smoke;position:absolute;bottom:100%;left:50%}#wishCtl{margin-top:36px}#wishCtl.listening .btn{animation:1.1s ease-in-out infinite pulse}#wishDone{margin-top:28px}@keyframes flicker{to{transform:scale(.92,1.08)rotate(2deg)}}@keyframes smoke{0%{opacity:.8}to{opacity:0;transform:translateY(-50px)scale(3)}}@keyframes pulse{50%{transform:scale(1.06)}}.envelope{--w:clamp(260px, 80vw, 380px);width:var(--w);aspect-ratio:3/2;margin:calc(var(--w) * .35) auto 0;transition:transform .5s var(--spring), opacity .6s;display:block;position:relative}.envelope:hover{transform:translateY(-4px)rotate(-1deg)}.env__back,.env__front,.env__flap{border-radius:14px;position:absolute;inset:0}.env__back{box-shadow:var(--shadow);background:linear-gradient(160deg,#ff9dbb,#f2648f)}.env__paper{z-index:1;color:var(--deep);transition:transform .9s var(--ease) .35s;background:#fffdfb;border-radius:8px;padding-top:7%;font-size:clamp(1.8rem,6.5vw,2.4rem);position:absolute;inset:8% 7% 6%}.env__front{z-index:2;clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);background:linear-gradient(170deg,#ffb7cc,#ff8fb1)}.env__flap{z-index:3;clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;transition:transform .8s var(--ease), z-index 0s .4s;background:linear-gradient(#ffc6d6,#ff9dbb)}.env__seal{z-index:4;font-size:clamp(2rem,7vw,2.6rem);transition:opacity .3s;animation:1.6s ease-in-out infinite beat;position:absolute;top:52%;left:50%;translate:-50% -50%}.envelope.open{pointer-events:none}.envelope.open .env__seal{opacity:0}.envelope.open .env__flap{z-index:0;transform:rotateX(180deg)}.envelope.open .env__paper{transform:translateY(-55%)}.envelope.gone{opacity:0;transform:scale(.85)}.paper{max-width:680px;animation:pop 1s var(--ease) both;font:350 clamp(1.05rem, 2.5vw, 1.22rem)/1.9 var(--serif);background:repeating-linear-gradient(#0000 0 calc(1.9em - 1px),#c6a4f233 calc(1.9em - 1px) 1.9em),#fffdfb;border-radius:6px 6px 22px 22px;padding:clamp(28px,6vw,56px) clamp(22px,6vw,60px);box-shadow:0 30px 60px -30px #4b223873}.paper p{opacity:0;animation:rise .9s var(--ease) forwards calc(var(--i) * .35s + .4s);margin:0 0 1em}.paper p:first-child{font:400 2.2em/1.2 var(--script);color:var(--deep)}.paper .paper__sign{opacity:0;animation:rise .9s var(--ease) forwards var(--sign-delay,2.5s);text-align:right;color:var(--deep);margin:.6em 0 0;font-size:clamp(2.1rem,6.5vw,2.7rem);line-height:1.15}.section--night{isolation:isolate;color:#fff;background:linear-gradient(#0000,#6e28558c 9%,#4a1838 22%,#2b0d22 55%,#2b0d22);position:relative}.section--night:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 50% 45%,#f2bf632e,#0000 70%);position:absolute;inset:20% 0 0}.section--night .title{color:#fff4f8}.section--night .title em{color:var(--pink);text-shadow:0 0 24px #ff7fa68c}.section--night .sub{color:#ffe4eeb8}.section--night .env__back{box-shadow:0 30px 80px -20px #0009,0 0 60px #ff7fa640}.section--night .paper{color:var(--ink);box-shadow:0 40px 90px -30px #000000b3,0 0 90px #f2bf6329}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.finale{min-height:100svh;padding:100px var(--gutter);isolation:isolate;color:#fff;text-align:center;background:radial-gradient(70% 50% at 50% 42%,#8a2a5e,#0000 70%),linear-gradient(#2b0d22,#4a1838 55%,#2a0b1f);place-items:center;display:grid;position:relative;overflow:hidden}.finale:after{content:"";z-index:-1;background:radial-gradient(circle at 50% 45%,#4b143233,#320c28d9);position:absolute;inset:0}.finale__bg{z-index:-2;object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.finale__inner{max-width:720px}.finale__title{text-shadow:0 8px 40px #ff7fa699;margin:0 0 .25em;font-size:clamp(3.2rem,11vw,6rem);line-height:1.05}.finale__line{font:italic 300 clamp(1.15rem, 3.2vw, 1.6rem)/1.5 var(--serif);margin:0 auto .7em}.finale .btn{margin-top:1.2em}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.finale__bg{animation:linear both zoomOut;animation-timeline:view()}}}@keyframes zoomOut{0%{scale:1.2}to{scale:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.paper p,.paper .paper__sign{opacity:1;transform:none;animation-delay:0s!important}}