@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/faiz-marriage/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(/faiz-marriage/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/faiz-marriage/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/faiz-marriage/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/faiz-marriage/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/faiz-marriage/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(/faiz-marriage/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(/faiz-marriage/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/faiz-marriage/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2) format("woff2"),url(/faiz-marriage/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/faiz-marriage/assets/jost-latin-400-normal-q-RKOgPK.woff2) format("woff2"),url(/faiz-marriage/assets/jost-latin-400-normal-C7S-3Ky6.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/faiz-marriage/assets/jost-latin-500-normal-41lBe9I9.woff2) format("woff2"),url(/faiz-marriage/assets/jost-latin-500-normal-B-AtzreL.woff) format("woff")}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/faiz-marriage/assets/great-vibes-latin-400-normal-q5-78SH_.woff2) format("woff2"),url(/faiz-marriage/assets/great-vibes-latin-400-normal-BAZ173uY.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/faiz-marriage/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/faiz-marriage/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}:root{--brand-primary: #4e3727;--brand-secondary: #efe3d0;--brand-accent: #c9a86a;--ivory: #fbf6ee;--gold-deep: #a8854a;--ink: var(--brand-primary);--ink-soft: color-mix(in srgb, var(--brand-primary) 72%, #b39a82);--gold: var(--brand-accent);--serif: "Cormorant Garamond", "Cormorant", Georgia, serif;--sans: "Jost", system-ui, sans-serif;--script: "Great Vibes", cursive;--arabic: "Amiri", "Noto Naskh Arabic", serif;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ivory);-webkit-text-size-adjust:100%}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}body{font-family:var(--sans);color:var(--ink);background:transparent;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:8px}.backdrop{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 55% at 50% 42%,#fffaf1,#f1e4cd 60%,#e2cda9)}.backdrop.flat:after{content:"";position:absolute;left:50%;top:12vh;width:min(78vw,420px);height:82vh;transform:translate(-50%);border:1.5px solid var(--gold);border-bottom:0;border-radius:50% 50% 0 0/30% 30% 0 0}.gl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}.gl.ready{opacity:1}.backdrop.flat .gl{display:none}.scrim{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse min(62vw,330px) 40vh at 50% 52%,#fbf6eecc,#fbf6ee80 55%,#fbf6ee00),radial-gradient(ellipse 90% 80% at 50% 48%,transparent 55%,rgb(90 60 30 / .2) 100%)}.kicker{font-family:var(--sans);font-weight:450;font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);line-height:2}.italic{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--ink-soft)}.script{font-family:var(--script);color:var(--gold);font-style:normal;font-weight:400}.arabic{font-family:var(--arabic);color:#9a7438;line-height:1.8;text-shadow:0 1px 0 #fff4dc,0 2px 0 #d8b878,0 3px 0 #b8924f,0 9px 14px rgb(80 55 30 / .28)}.emboss{text-shadow:0 1px 0 #fff8ea,0 2px 0 #e2cba0,0 3px 0 var(--gold),0 4px 0 #b08d55,0 10px 16px rgb(80 55 30 / .28)}.gold-text{background:linear-gradient(100deg,#8f6d38,#d9bd84 38%,#a8823f,#ead4a2 72%,#9c7a42);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;filter:drop-shadow(0 2px 0 #e6d0a2) drop-shadow(0 3px 0 #b08d55) drop-shadow(0 12px 14px rgb(80 55 30 / .28))}.measure{max-width:30ch}.lead{font-size:1.45rem}.sub{font-size:1.2rem}.body-text{font-size:.92rem;line-height:1.7;color:var(--ink-soft);margin-top:.8rem}.divider{display:flex;align-items:center;gap:10px;margin:1.1rem 0}.divider i{display:block;height:1px;width:58px;background:linear-gradient(90deg,transparent,var(--gold))}.divider i:last-child{transform:scaleX(-1)}.divider b{width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0,61% 26%,85% 15%,74% 39%,100% 50%,74% 61%,85% 85%,61% 74%,50% 100%,39% 74%,15% 85%,26% 61%,0 50%,26% 39%,15% 15%,39% 26%)}.glass{background:#fffbf48c;border:1px solid rgb(255 255 255 / .85);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 14px 30px -12px #50371e73,inset 0 1px #fffffff2}.card{position:relative;border-radius:26px;text-align:left;background:linear-gradient(155deg,#ffffffe6,#fffaf1bd);border:1px solid rgb(255 255 255 / .95);box-shadow:0 30px 50px -22px #50371e8c,0 2px #c9a86a59,inset 0 0 0 1px #c9a86a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card .tilt{position:relative;overflow:hidden;border-radius:inherit;padding:1.1rem 1.25rem;animation:tilt 9s ease-in-out infinite alternate;transform-style:preserve-3d}.card .tilt:after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgb(255 255 255 / .75) 50%,transparent 58%);transform:translate(-120%)}.scene.in .card .tilt:after{animation:sheen 1.6s var(--ease) 1.2s both}@keyframes sheen{to{transform:translate(120%)}}@keyframes tilt{0%{transform:rotateY(-4deg) rotateX(2deg)}to{transform:rotateY(4deg) rotateX(-2deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.6rem;border-radius:999px;font-family:var(--sans);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.btn:active{transform:scale(.97)}.btn-gold{color:#fffdf8;background:linear-gradient(145deg,#e3c68e,var(--gold) 45%,#9e7b40);box-shadow:0 14px 26px -12px #785528cc,inset 0 1px #fff9}.btn-gold:hover{box-shadow:0 18px 32px -12px #785528e6,inset 0 1px #fff9;transform:translateY(-1px)}.btn-ghost{color:var(--ink);background:#fffbf48c;border:1px solid rgb(201 168 106 / .6);margin-top:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-lg{min-height:54px;padding:0 2rem;font-size:.85rem}.coin,.ico{display:grid;place-items:center;border-radius:50%;flex:none}.coin{width:56px;height:56px;color:#fff8ec;margin:0 auto .8rem;background:radial-gradient(circle at 35% 30%,#f4dda8,#c9a05a 55%,#8e6a30);box-shadow:0 10px 18px -6px #6e4b1eb3,inset 0 1px #ffffffb3}.ico{width:46px;height:46px;color:#6e4f24;background:radial-gradient(circle at 35% 30%,#fff4dc,#e3c68e 60%,#b99354);box-shadow:0 6px 12px -4px #78552899,inset 0 1px #fff}.monogram{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:radial-gradient(circle at 35% 30%,#fffbf2,#f1e2c4);border:1.5px solid var(--gold);box-shadow:0 14px 24px -10px #50371e8c,inset 0 0 0 5px #fbf3e3,inset 0 0 0 6px #c9a86a8c}.monogram span{font-family:var(--serif);font-size:2.1rem;font-weight:600;color:var(--ink)}.monogram em{font-family:var(--script);font-style:normal;color:var(--gold);font-size:1.6rem;margin:0 2px}main{position:fixed;inset:0;overflow:hidden}.scene{--e: 1;--l: 0;--fit: 1;position:absolute;inset:0;display:grid;place-items:center;visibility:hidden;padding:76px 20px 96px;perspective:1000px;perspective-origin:50% 45%}.panel{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;transform-style:preserve-3d;will-change:transform,opacity;transform:translate3d(0,calc(var(--e) * -16vh + var(--l) * 20vh),calc(var(--e) * -380px + var(--l) * 240px)) rotateX(calc(var(--e) * 14deg - var(--l) * 8deg)) scale(var(--fit));opacity:calc(1 - var(--e) * 1.3 - var(--l) * 1.5)}.r{--t: calc(var(--d, 0s) * var(--pace, .7));transition:transform 1s var(--ease) var(--t),opacity .8s ease var(--t),filter .9s ease var(--t)}.scene:not(.in) .r,.cover-card:not(.in) .r{opacity:0}.scene:not(.in) .r-rise{transform:translate3d(0,22px,-140px) rotateX(28deg);filter:blur(3px)}.scene:not(.in) .r-flip{transform:translateZ(-120px) rotateX(75deg);filter:blur(4px)}.scene:not(.in) .r-letter{transform:translateZ(-80px) rotateX(-100deg)}.scene:not(.in) .r-coin{transform:rotateY(540deg) scale(.55)}.scene:not(.in) .r-scale{transform:translateZ(-200px) scale(.7)}.scene:not(.in) .r-line{transform:scaleX(0)}.scene:not(.in) .r-cardL{transform:translate3d(-60px,0,-180px) rotateY(-80deg)}.scene:not(.in) .r-cardR{transform:translate3d(60px,0,-180px) rotateY(80deg)}.scene:not(.in) .r-cardX{transform:translate3d(0,40px,-220px) rotateX(70deg)}.scene:not(.in) .r-flipday{transform:rotateX(-110deg) translateZ(60px) scale(1.1)}.r-coin{transition-duration:1.4s,.6s,1s}.scene.pass .r{transition-delay:0s;transition-duration:.3s}.r-letter{display:inline-block;transform-origin:50% 100%}.r-cardL,.r-cardR,.r-cardX{transform-style:preserve-3d}.crescent-space{height:26vh;max-height:220px}.bismillah{font-size:clamp(2rem,8.4vw,2.6rem)}.scroll-hint{margin-top:2.2rem;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.scroll-hint svg{animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(5px)}}.quote{font-size:4.2rem;line-height:.6;height:2.2rem}.ayah{font-size:clamp(1.55rem,6.6vw,2.1rem);line-height:1.95}.ayah-text{font-size:1.22rem;line-height:1.45;color:var(--ink);margin-top:.6rem;max-width:32ch}.names{font-family:var(--serif);font-weight:600;font-size:clamp(3.6rem,18vw,5.4rem);line-height:.98;color:var(--ink);display:flex;flex-direction:column;align-items:center;margin-top:1.1rem;perspective:600px}.letters{display:block}.letters .word{display:inline-block;white-space:nowrap;margin:0 .12em}.names.long{font-size:clamp(2.5rem,11.5vw,3.9rem);line-height:1.02}.names .parent{display:block;margin:.45rem 0 .1rem;font-family:var(--sans);font-weight:450;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);text-shadow:none}.names .honorific{display:block;margin-bottom:.1rem;font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.45rem;line-height:1.2;color:var(--gold-deep);text-shadow:none}.amp{display:block;font-family:var(--script);font-weight:400;font-size:.82em;color:var(--gold);line-height:1;margin:2px 0 -4px;text-shadow:0 2px 0 #b08d55,0 10px 14px rgb(80 55 30 / .25)}.heading{font-family:var(--serif);font-weight:600;font-size:clamp(2.5rem,11vw,3.3rem);line-height:1.05;color:var(--ink);margin:.5rem 0 .2rem}.heading .script{font-size:.88em;padding:0 .1em;text-shadow:none}.events{width:100%;display:grid;gap:14px;margin-top:1.3rem}.event-top{display:flex;align-items:center;gap:14px}.event-title h3{font-family:var(--serif);font-weight:600;font-size:1.85rem;line-height:1;color:var(--ink)}.event-title .time{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin-top:6px;font-weight:500}.event-ar{margin-left:auto;font-family:var(--arabic);font-size:1.75rem;color:#9a7438;text-shadow:0 2px 0 #e2c991}.event-venue{margin-top:.75rem;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink)}.event-desc{margin-top:.25rem;font-size:.84rem;line-height:1.6;color:var(--ink-soft)}.weekday{display:flex;align-items:center;gap:14px;margin-top:.6rem}.weekday i{height:1px;width:64px;background:var(--gold)}.weekday span{font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink)}.bigday{font-family:var(--serif);font-weight:400;font-size:clamp(8rem,42vw,11rem);line-height:.85;margin-top:.6rem;transform-origin:50% 50%}.month{font-size:2rem;color:var(--ink)}.pill{border-radius:999px;padding:.75rem 1.4rem;margin-top:1.1rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:330px;margin-top:1.1rem}.tile{border-radius:18px;padding:.7rem .2rem .6rem}.tile b{display:block;font-family:var(--serif);font-weight:600;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.tile span{display:block;margin-top:4px;font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.countdown-done{font-size:1.3rem;margin-top:1rem}.venue{width:100%;margin-top:1rem;text-align:center}.venue .tilt{padding:1.6rem 1.4rem 1.4rem}.venue-name{font-family:var(--serif);font-weight:600;font-size:2rem;line-height:1.05;color:var(--ink)}.addr{margin-top:.6rem;font-size:.92rem;line-height:1.6;color:var(--ink)}.venue-note{margin-top:.7rem;font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.45;color:var(--ink-soft)}.venue-actions,.rsvp-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:1.3rem}.qr-block{align-items:center;gap:12px;text-align:left}.qr{padding:6px;background:#fffdf8;border-radius:12px;box-shadow:0 8px 18px -8px #50371e80,inset 0 0 0 1px #c9a86a66;line-height:0}.qr-block b{display:block;font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--ink)}.qr-block span{display:block;margin-top:4px;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.desktop-only{display:none}@media(hover:hover)and (pointer:fine)and (min-width:820px){.desktop-only{display:flex}}.dua{font-size:clamp(1.45rem,6vw,1.9rem);margin-top:1rem;line-height:1.9}.contacts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1.3rem}.chip{display:flex;align-items:center;gap:10px;border-radius:999px;padding:.55rem 1rem .55rem .8rem;text-decoration:none;text-align:left}.chip svg{color:var(--gold-deep)}.chip b{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:600;line-height:1.1}.chip small{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.finale{--e: 1;--l: 0;--fit: 1;position:absolute;inset:0;visibility:hidden;display:grid;align-items:end;justify-items:center;padding:0 24px 130px;text-align:center}.finale .finale-inner{opacity:calc(1 - var(--e) * 1.6);transform:translateY(calc(var(--e) * 8vh)) scale(var(--fit));will-change:transform,opacity}.finale-inner{max-width:420px}.finale-note{font-size:1.3rem;line-height:1.45;color:var(--ink)}.hashtag{font-family:var(--serif);font-weight:600;font-size:1.9rem;margin-top:.8rem}.insta{display:inline-block;margin-top:.6rem;text-decoration:none;border-bottom:1px solid rgb(201 168 106 / .6)}.top{position:fixed;top:0;left:0;right:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:center;padding:0 16px;pointer-events:none;opacity:0;transition:opacity 1s ease .8s}.top.show{opacity:1}.brand{font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft)}.sound{pointer-events:auto;position:absolute;right:14px;top:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.nav{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(calc(100vw - 24px),440px);height:50px;display:flex;align-items:center;border-radius:999px;padding:5px;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:transform .9s var(--ease) 1s,opacity .9s ease 1s}.nav.show{transform:translate(-50%);opacity:1;pointer-events:auto}.nav button{position:relative;z-index:1;flex:1;height:40px;border-radius:999px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);transition:color .4s}.nav button.on{color:#fffdf8;font-weight:500}.nav-ind{position:absolute;top:5px;left:5px;height:40px;max-width:calc(100% - 10px);border-radius:999px;transition:transform .6s var(--ease),opacity .4s;background:linear-gradient(145deg,#e9d5a9,#c29c5c);box-shadow:0 6px 14px -6px #785528b3,inset 0 1px #fff9}.nav-ind{width:calc((100% - 10px) / var(--n, 5))}.cover{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;perspective:1000px;background:radial-gradient(ellipse at 50% 45%,#fbf6ee33,#efe3d099);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity 1s ease .3s,backdrop-filter 1s ease}.cover-card{width:min(100%,380px);padding:2.2rem 1.6rem 2rem;border-radius:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:linear-gradient(160deg,#fffc,#fff9ee99);border:1px solid rgb(255 255 255 / .9);box-shadow:0 40px 70px -30px #50371e99,inset 0 0 0 1px #c9a86a4d,inset 0 0 0 7px #ffffff59,inset 0 0 0 8px #c9a86a59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;animation:coverIn 1.4s var(--ease) both;transition:transform 1.1s var(--ease),opacity .8s ease}@keyframes coverIn{0%{transform:translateZ(-260px) rotateX(18deg);opacity:0}}.cover .r{animation:rise 1.1s var(--ease) both;animation-delay:var(--d);transition:none}@keyframes rise{0%{opacity:0;transform:translate3d(0,18px,-120px) rotateX(24deg)}}.cover .r-coin{animation-name:coin;animation-duration:1.5s}@keyframes coin{0%{opacity:0;transform:rotateY(540deg) scale(.55)}}.cover-bismillah{font-size:1.5rem;margin-bottom:.4rem}.cover-mono{margin:.3rem 0 .6rem}.cover-names{font-family:var(--serif);font-weight:600;font-size:2.6rem;line-height:1.1;color:var(--ink);display:flex;flex-direction:column;align-items:center}.cover-names .cover-name{display:block;font-size:clamp(1.7rem,7.4vw,2.1rem);line-height:1.12}.cover-names small{display:block;font-style:italic;font-weight:500;font-size:.62em;color:var(--gold-deep)}.cover-amp{font-size:1.9rem;line-height:1.1}.cover-names .script{font-size:.85em}.cover-date{margin-top:.2rem}.cover-btn{margin-top:1.2rem}.cover-hint{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-top:.6rem}.cover.leaving{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.cover.leaving .cover-card{transform:translate3d(0,-12vh,320px) rotateX(-24deg);opacity:0}@media(min-width:820px){.kicker{font-size:.72rem}.panel{max-width:500px}}@media(prefers-reduced-motion:reduce){.panel{transform:none;opacity:calc(1 - var(--e) * .9 - var(--l) * .9)}.r{transition:opacity .6s ease}.scene:not(.in) .r{transform:none!important;filter:none!important}.card .tilt,.scroll-hint svg{animation:none}.cover .r,.cover-card{animation:none}}
