@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-arabic-400-normal-AKnCEuAE.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-400-normal-DTcVTQXE.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/aref-ruqaa-arabic-700-normal-D30apH1C.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-700-normal-DLleZ2O-.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-latin-400-normal-BaTgTcXa.woff2) format("woff2"),url(/assets/aref-ruqaa-latin-400-normal-CD776mpm.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-normal-CFtfchNt.woff2) format("woff2"),url(/assets/playfair-display-latin-400-normal-DHYHbkg3.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-600-normal-CZLGqjJe.woff2) format("woff2"),url(/assets/playfair-display-latin-600-normal-CxxueQ0Z.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-italic-LeeEXsx5.woff2) format("woff2"),url(/assets/playfair-display-latin-400-italic-hIeePEuE.woff) format("woff")}.inv{--bg:#2E1820;--card:#F5ECDF;--ink:#3B2029;--soft:#7A5A62;--a1:#C6A15B;--a2:#8E4A5A;background:var(--bg);color:var(--ink);min-height:100dvh;overflow-x:clip;font-family:var(--fe)}.inv *{box-sizing:border-box}.inv .ar{font-family:var(--fa);line-height:1.7}.inv .en{font-family:var(--fe)}.inv-sec{position:relative;padding:4.5rem 1.25rem;max-width:44rem;margin:0 auto;text-align:center;color:#f3eadb}.inv-paper{background:var(--card);color:var(--ink);border-radius:1.5rem;padding:2rem 1.25rem;box-shadow:0 20px 50px -24px #0000008c}.inv-hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:5rem 1.25rem 4rem;text-align:center;color:#f3eadb;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--a1) 22%,transparent),transparent 60%)}.inv-hero h1{margin:0;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.inv-names-ar{font-size:clamp(2.3rem,10vw,4.2rem);color:var(--a1)}.inv-names-en{font-size:clamp(1.8rem,8vw,3.2rem);font-style:italic}.inv-hero{color:var(--hero-ink,#F3EADB)}.inv-kicker{letter-spacing:.2em;font-size:.8rem;text-transform:uppercase;color:var(--a1)}.inv-line{width:min(15rem,70vw);height:1.5rem;color:var(--a1)}.inv-line path{stroke-dasharray:1;stroke-dashoffset:1}.inv-line.is-drawn path{animation:inv-draw 1.8s ease forwards}@keyframes inv-draw{to{stroke-dashoffset:0}}.inv-rise{opacity:0;transform:translateY(18px)}.inv-ready .inv-rise,.inv-rise.is-in{animation:inv-rise .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*.14s)}@keyframes inv-rise{to{opacity:1;transform:none}}.inv-title{font-size:clamp(1.7rem,6vw,2.4rem);margin:0 0 1rem;font-weight:600}.inv-flip{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;direction:ltr;max-width:26rem;margin:1.5rem auto 0}.inv-flip>div{background:linear-gradient(#fff1 50%,#0002 50%),var(--a2);border:1px solid color-mix(in srgb,var(--a1) 55%,transparent);border-radius:.7rem;padding:.7rem 0 .45rem;color:#fff}.inv-flip b{display:block;font-size:clamp(1.6rem,8vw,2.4rem);font-weight:600;font-variant-numeric:tabular-nums;animation:inv-flip .5s ease;transform-origin:50% 50%}.inv-flip span{font-size:.68rem;opacity:.85}@keyframes inv-flip{0%{transform:rotateX(-80deg);opacity:.2}to{transform:none;opacity:1}}.inv-moment{position:relative;display:grid;gap:1rem;padding:2.5rem 0;overflow:hidden}.inv-moment .bg{position:absolute;inset:0;display:grid;place-items:center;color:var(--a1);opacity:.16;transform:translate3d(0,var(--py,0px),0);pointer-events:none}.inv-moment h3{font-size:1.6rem;margin:0;color:var(--a1);position:relative}.inv-moment p{margin:0 auto;max-width:28rem;line-height:1.9;position:relative;font-size:1.1rem}.inv-cards{display:grid;gap:1rem}@media(min-width:640px){.inv-cards{grid-template-columns:repeat(3,1fr)}}.inv-dcard{background:var(--card);color:var(--ink);border-radius:1rem;padding:1.4rem 1rem;border:1px solid var(--a1);outline:4px solid color-mix(in srgb,var(--card) 100%,transparent);outline-offset:-9px}.inv-dcard small{display:block;letter-spacing:.14em;text-transform:uppercase;color:var(--a2);font-size:.72rem}.inv-dcard b{display:block;margin-top:.35rem;font-size:1.35rem;font-weight:600;overflow-wrap:anywhere}.inv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.3rem;border-radius:999px;border:1px solid var(--a1);background:var(--a1);color:#22140f;font:600 1rem var(--fe);cursor:pointer;text-decoration:none;transition:transform .2s,opacity .2s}.inv-btn:hover:not(:disabled){transform:translateY(-2px)}.inv-btn:disabled{opacity:.55;cursor:not-allowed}.inv-btn.ghost{background:transparent;color:inherit}.inv-btn:focus-visible,.inv-seal:focus-visible,.inv-ctl:focus-visible,.inv-field:focus-visible{outline:3px solid var(--a1);outline-offset:3px}.inv-row{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1rem}.inv-gal{position:relative}.inv-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.inv-track::-webkit-scrollbar{display:none}.inv-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3/2;border-radius:1rem;overflow:hidden;background:var(--card);color:var(--a2);--ill-bg:color-mix(in srgb,var(--a1) 14%,var(--card));border:1px solid var(--a1)}.inv-slide img,.inv-illus{width:100%;height:100%;object-fit:cover;display:block}.inv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--a1);background:#0006;color:#fff;cursor:pointer;display:grid;place-items:center}.inv-arrow.p{inset-inline-start:.4rem}.inv-arrow.n{inset-inline-end:.4rem}.inv-dots{display:flex;gap:.4rem;justify-content:center;margin-top:.8rem}.inv-dots i{width:7px;height:7px;border-radius:50%;background:#fff4}.inv-dots i.on{background:var(--a1)}.inv-form{text-align:start;display:grid;gap:.9rem}.inv-form label{font-size:.9rem;font-weight:600;color:var(--soft)}.inv-field{width:100%;min-height:48px;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--a2) 40%,transparent);background:#fff;color:var(--ink);padding:.6rem .9rem;font:1rem var(--fe)}.inv-choice{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.inv-choice button{min-height:52px;border-radius:.8rem;border:1.5px solid var(--a2);background:transparent;color:var(--ink);font:600 1rem var(--fa);cursor:pointer;padding:.3rem .5rem}.inv-choice button[aria-pressed=true]{background:var(--a2);color:#fff}.inv-step{display:flex;align-items:center;gap:.6rem}.inv-step button{width:48px;height:48px;border-radius:50%;border:1px solid var(--a2);background:#fff;font-size:1.3rem;cursor:pointer;color:var(--ink)}.inv-step output{min-width:2.5rem;text-align:center;font-size:1.5rem;font-weight:600}.inv-thanks{animation:inv-rise .8s ease both;padding:1rem 0}.inv-note{font-size:.82rem;line-height:1.7;border-radius:.7rem;padding:.7rem 1rem;background:#fff2;border:1px solid #fff3;color:#f3eadb}.inv-top{position:sticky;top:0;z-index:20;padding:.5rem 1rem;text-align:center;font:600 .8rem var(--fa);background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3eadb}.inv-ctls{position:fixed;z-index:75;bottom:.8rem;inset-inline-start:.8rem;display:flex;gap:.5rem}.inv-ctl{min-height:44px;padding:0 .9rem;border-radius:999px;border:1px solid var(--a1);background:#000a;color:#fff;font:600 .85rem var(--fe);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.inv-foot{padding:3rem 1.25rem 5rem;text-align:center;color:#f3eadb;display:grid;gap:1rem;justify-items:center;font-size:.85rem}.inv-skel{background:linear-gradient(90deg,#fff1,#fff3,#fff1);background-size:200% 100%;animation:inv-sh 1.4s linear infinite;border-radius:1rem}@keyframes inv-sh{to{background-position:-200% 0}}.inv-env{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 40%,color-mix(in srgb,var(--env) 55%,#000),#0b0507);overflow:hidden;transition:opacity .6s ease;perspective:1100px}.inv-env.done{opacity:0;pointer-events:none}.inv-stage{position:relative;width:min(86vw,26rem);aspect-ratio:1.45;transform-style:preserve-3d;transition:transform 1.2s ease}.inv-env[data-ph=rise] .inv-stage,.inv-env[data-ph=fill] .inv-stage{transform:translateY(12%)}.inv-back{position:absolute;inset:0;background:var(--env-d);border-radius:.4rem;box-shadow:0 30px 60px -20px #000}.inv-front{position:absolute;inset:0;background:var(--env);border-radius:.4rem;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);z-index:3}.inv-front:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff2,transparent 40%,#0003)}.inv-card{position:absolute;inset:7% 7% 10%;background:var(--card);color:var(--ink);z-index:2;display:grid;place-items:center;text-align:center;border-radius:.3rem;transition:transform 1s cubic-bezier(.3,.7,.2,1),opacity .5s;font-family:var(--fe);padding:.5rem;overflow:hidden}.inv-card b{font-size:clamp(1rem,5vw,1.5rem);font-weight:600}.inv-env[data-ph=rise] .inv-card{transform:translateY(-62%);z-index:4}.inv-env[data-ph=fill] .inv-card{transform:translateY(-62%) scale(6);z-index:4;opacity:0;transition:transform .9s ease-in,opacity .8s ease-in}.inv-flapw{position:absolute;inset:0 0 auto;height:58%;transform-origin:50% 0;transition:transform .9s cubic-bezier(.5,0,.2,1),z-index 0s .45s;z-index:5}.inv-flapw i{position:absolute;inset:0;background:var(--env-f);clip-path:var(--flap);filter:drop-shadow(0 6px 4px #0004)}.inv-env[data-ph=flap] .inv-flapw,.inv-env[data-ph=rise] .inv-flapw,.inv-env[data-ph=fill] .inv-flapw{transform:rotateX(180deg);z-index:1}.inv-env[data-ph=flap] .inv-flapw i,.inv-env[data-ph=rise] .inv-flapw i,.inv-env[data-ph=fill] .inv-flapw i{background:var(--env-d)}.inv-seal{position:absolute;z-index:7;left:50%;top:58%;width:5.2rem;height:5.2rem;margin:-2.6rem 0 0 -2.6rem;display:grid;place-items:center;border:0;cursor:pointer;font:600 1.15rem var(--fe);letter-spacing:.05em;color:color-mix(in srgb,var(--a1) 55%,#000);text-shadow:0 1px 0 #fff4,0 -1px 1px #0008;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--a2) 70%,#fff),var(--a2) 60%,color-mix(in srgb,var(--a2) 60%,#000));border-radius:50%;box-shadow:inset 0 0 0 .3rem #0002,inset 0 2px 6px #fff5,0 6px 14px #0007;animation:inv-pulse 2.4s ease-in-out infinite}.inv-seal.wax{background:radial-gradient(circle at 35% 30%,#8a3446,#6b1f31 60%,#4a1322);color:#e7c98a;border-radius:46% 54% 50% 50%/52% 46% 54% 48%}.inv-seal.ring{background:transparent;border:3px solid var(--a2);color:var(--a2);box-shadow:inset 0 0 0 .35rem #fff6,0 0 0 .3rem var(--a1);text-shadow:none}.inv-seal.cap{border-radius:.5rem;background:linear-gradient(135deg,#F0D487,var(--a1) 55%,#9c7a2c);color:#1d2a4a;transform:rotate(45deg)}.inv-seal.cap span{transform:rotate(-45deg)}.inv-seal.tag{border-radius:.3rem;width:5.8rem;height:3.6rem;margin:-1.8rem 0 0 -2.9rem;background:#f7f0e0;color:var(--a1);text-shadow:none;box-shadow:0 5px 10px #0005;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.inv-seal.cloud{background:#fff;color:var(--a2);text-shadow:none;border-radius:60% 40% 55% 45%/60% 55% 45% 40%;box-shadow:-1.4rem .6rem 0 -.5rem #fff,1.4rem .6rem 0 -.5rem #fff,0 6px 14px #0003}.inv-seal.cracked{animation:inv-crack .5s ease forwards}@keyframes inv-pulse{50%{transform:scale(1.07)}}.inv-seal.cap{animation-name:inv-pulse-cap}@keyframes inv-pulse-cap{50%{transform:rotate(45deg) scale(1.07)}}@keyframes inv-crack{30%{transform:scale(1.15) rotate(6deg)}to{transform:scale(.4) rotate(-20deg);opacity:0}}.inv-ribbon{position:absolute;z-index:4;inset:0;pointer-events:none}.pk-ribbon .inv-ribbon{background:linear-gradient(transparent 44%,var(--a1) 44% 50%,transparent 50%);opacity:.8}.pk-twine .inv-ribbon{background:linear-gradient(90deg,transparent 49%,var(--a1) 49% 51%,transparent 51%);opacity:.9}.pk-cap .inv-ribbon{border:.45rem solid transparent;border-image:linear-gradient(135deg,#F0D487,var(--a1),#9c7a2c) 1;opacity:.8}.inv-hint{position:absolute;bottom:12vh;left:0;right:0;text-align:center;color:#f3eadb;font:1.1rem var(--fa);padding:0 1rem}.inv-envctl{position:absolute;top:1rem;inset-inline:1rem;display:flex;justify-content:space-between;gap:.5rem;z-index:9}.inv-parts{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}.inv-parts span{position:absolute;left:50%;bottom:20%;background:var(--a1);border-radius:50%;opacity:0;animation:inv-burst 3s ease-out forwards}.inv-parts span.alt{background:var(--a2)}.pt-wedding span{border-radius:100% 0}.pt-engagement span{border-radius:50% 50% 50% 0}.pt-graduation span{border-radius:1px}.pt-dinner span{border-radius:100% 0}.pt-newborn span{filter:blur(1px)}@keyframes inv-burst{0%{opacity:0;transform:translate(0) rotate(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) * -1)) rotate(var(--rot)) scale(1)}}@media(prefers-reduced-motion:reduce){.inv *,.inv *:before,.inv *:after{animation:none!important;transition:none!important}.inv-rise{opacity:1;transform:none}.inv-line path{stroke-dashoffset:0}.inv-track{scroll-behavior:auto}}.inv-ctl:disabled{opacity:.5;cursor:not-allowed}.inv-strip{position:sticky;top:0;z-index:80;display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .6rem;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:none}.inv-strip::-webkit-scrollbar{display:none}.inv-strip a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;padding:0 .8rem;border-radius:999px;border:1px solid var(--a1);color:#f3eadb;font:600 .8rem var(--fa);text-decoration:none}.inv-strip a.on{background:var(--a1);color:#22140f}.inv-strip a.gal{margin-inline-start:auto;border-style:dashed}.inv-has-strip .inv-envctl{top:calc(8.25rem + env(safe-area-inset-top,0px))}.inv-has-strip .inv-top{top:3.2rem}
