@font-face{font-family:Betterlove Script;src:url(/fonts/BetterloveScriptRegular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Slight;src:url(/fonts/Slight-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic-latin.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#5d4242;--rose:#986c74;--cream:#f9f2ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#e6d2cb;margin:0;font-family:Cormorant Garamond,Georgia,serif}.site{background:radial-gradient(circle at 50% 10%,#fffaf4 0,#f4e9e3 42%,#d7b9b3 100%);min-height:100svh;overflow:clip}.hero{isolation:isolate;place-items:center;min-height:100svh;padding:16px;display:grid;position:relative}.hero:before{content:"";z-index:-1;filter:blur(65px);opacity:.27;background:url(/image%20bg.jpg) 50%/cover;position:absolute;inset:0;transform:scale(1.08)}.scene{aspect-ratio:9/16;background:#e7d5cd;width:min(100%,56.25svh - 18px,660px);position:relative;overflow:hidden;box-shadow:0 26px 85px #6643413b,0 1px 4px #66434133}.scene-image,.empty-scene{width:100%;height:100%;position:absolute;inset:0}.scene-image{object-fit:cover;display:block}.empty-scene{background:url(/hero-empty.png) 50%/cover no-repeat;animation:2.5s ease-in-out .8s both reveal-couple;-webkit-mask-image:linear-gradient(#0000 55%,#000 70%);mask-image:linear-gradient(#0000 55%,#000 70%)}.bismillah{z-index:1;opacity:.78;mix-blend-mode:multiply;transform-origin:top;width:48%;height:auto;position:absolute;top:12%;left:26%;transform:scaleY(.65)}.scene:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 38px #e9cfc120}.title{z-index:2;text-align:center;color:#6b4a4d;text-shadow:0 2px 8px #fffbf4d9,0 0 26px #fff7f0;width:84%;animation:1.6s ease-out .5s both title-appear;position:absolute;top:47%;left:8%;transform:translateY(-50%)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;margin:0 0 2.1em;font-size:clamp(.85rem,2.1vw,1.2rem);font-weight:600;line-height:1}.hero-logo{aspect-ratio:3/2;width:min(70%,210px);margin:0 auto;position:relative;overflow:hidden}.hero-logo img{width:146%;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subtitle{letter-spacing:.22em;text-transform:uppercase;margin:2.8em 0 0;font-size:clamp(.6rem,1.4vw,.75rem);font-weight:600;line-height:1}.petals{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{top:-9%;left:var(--left);width:var(--size);height:calc(var(--size) * .75);opacity:0;filter:blur(var(--blur));animation:petal-fall var(--duration) linear var(--delay) infinite;background:linear-gradient(135deg,#fff2ec 4%,#db9fa7 42%,#a86e7b 100%);border-radius:85% 8% 80% 12%;position:absolute;box-shadow:inset 1px 1px 2px #fff9,0 2px 5px #88545a3d}.petal:nth-child(4n){background:linear-gradient(135deg,#fff8ed,#e9bfc0 54%,#bc858d)}.petal:nth-child(5n){border-radius:10% 75% 12% 80%}.click-petals{z-index:10;pointer-events:none;position:fixed;inset:0}.click-petal{top:var(--y);left:var(--x);background:linear-gradient(135deg,#fff2ec 4%,#db9fa7 42%,#a86e7b 100%);border-radius:85% 8% 80% 12%;width:15px;height:11px;animation:1.8s ease-in-out forwards click-petal-fall;position:absolute;box-shadow:inset 1px 1px 2px #fff9,0 2px 5px #88545a3d}.music-entry{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#f8efe9f2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.music-entry-content{color:#6b4a4d;width:min(100%,360px)}.music-entry-content img{width:min(64%,190px);height:auto;margin:0 auto -18px;display:block}.music-entry-content p{margin:0 0 28px;font-size:clamp(1.3rem,5vw,1.7rem);font-style:italic}.music-entry-content button{color:#fffaf6;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#986c74;border:1px solid #986c74;border-radius:999px;min-height:48px;padding:10px 28px;font:600 .8rem Instrument Sans,Arial,sans-serif;transition:background .2s,transform .2s}.music-entry-content button:hover{background:#79575a;transform:translateY(-2px)}.music-entry-content button:focus-visible{outline-offset:4px;outline:2px solid #79575a}.music-toggle{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;color:#79575a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;transition:color .2s,transform .2s;display:grid;position:fixed}.music-toggle:hover{color:#5d4242;transform:translateY(-2px)}.music-toggle:active{transform:scale(.92)}.music-toggle:focus-visible{outline-offset:3px;outline:2px solid #79575a}.music-toggle svg{filter:drop-shadow(0 0 3px #fffaf6);width:23px;height:23px}.invitation{text-align:center;background:#f8efe9;padding:clamp(72px,11vw,140px) 24px clamp(76px,12vw,150px);position:relative}.invitation-inner{max-width:660px;margin:0 auto}.invitation-copy{isolation:isolate;background:radial-gradient(circle at 10% 8%,#e9c7c35e,#0000 34%),radial-gradient(circle at 90% 92%,#ddb7b15c,#0000 37%),linear-gradient(145deg,#fffaf6 0%,#f8ece6 58%,#f4e5e0 100%);border:1px solid #c9aaa58c;padding:clamp(48px,8vw,82px) clamp(24px,6vw,64px);position:relative;overflow:hidden;box-shadow:0 22px 55px #80575d1c,inset 0 0 0 8px #fffcf982,inset 0 0 0 9px #c9aaa550}.invitation-monogram{width:76px;height:auto;margin:0 auto 24px;display:block}.invitation-copy:before,.invitation-copy:after{content:"";opacity:.58;pointer-events:none;background:url(/invitation-corner.svg) 50%/contain no-repeat;width:112px;height:112px;position:absolute}.invitation-copy:before{top:20px;left:20px}.invitation-copy:after{bottom:20px;right:20px;transform:rotate(180deg)}.invitation-copy>*{z-index:1;position:relative}.invitation h2,.invitation-intro{font-size:clamp(1.15rem,3vw,1.7rem);font-weight:400;line-height:1.35}.invitation h2{white-space:nowrap;margin:0 0 16px}.invitation-intro{max-width:580px;margin:0 auto}.couple-details{margin-top:clamp(30px,6vw,56px)}.person-label{color:#a1787a;letter-spacing:.23em;text-transform:uppercase;margin:0 0 10px;font-size:.85rem;font-weight:600}.person h3{color:var(--rose);white-space:nowrap;margin:0 0 24px;font-family:Slight,Snell Roundhand,Apple Chancery,cursive;font-size:clamp(2rem,6vw,4rem);font-weight:400;line-height:1.15}.person .parentage,.person .address{margin:0;font-size:clamp(1rem,2.6vw,1.45rem);font-weight:400;line-height:1.35}.person .address{margin-top:4px}.couple-amp{color:#b88e91;margin:36px auto;font-family:Betterlove Script,Snell Roundhand,Apple Chancery,cursive;font-size:3rem;line-height:1;display:block}.wedding-card{width:100%;max-width:560px;margin:32px auto 0;position:relative;container-type:inline-size}.wedding-artwork{width:100%;height:auto;display:block}.wedding-card-content{text-align:center;color:#604b40;flex-direction:column;align-items:center;gap:clamp(11px,2.7cqw,16px);display:flex;position:absolute;inset:18% 6% 24%}.wedding-card-content p,.wedding-card-content h3{margin:0}.wedding-card-intro{flex-direction:column;align-items:center;gap:clamp(7px,2cqw,11px);display:flex}.wedding-card-label{color:#93766a;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(12px,3cqw,18px);font-weight:600}.wedding-date{white-space:nowrap;font-size:clamp(31px,9.5cqw,54px);font-style:italic;font-weight:400;line-height:1}.wedding-hijri{color:#836d61;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:clamp(12px,3cqw,17px)}.wedding-nikkah{font-size:clamp(20px,4.8cqw,28px);font-style:italic;font-weight:700}.wedding-countdown{grid-template-columns:repeat(4,1fr);gap:2cqw;width:100%;max-width:84%;margin:3cqw 0;display:grid}.wedding-countdown-unit{flex-direction:column;align-items:center;display:flex}.wedding-countdown-value{font-variant-numeric:tabular-nums;font-size:clamp(24px,7cqw,40px);line-height:1}.wedding-countdown-label{color:#93766a;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:clamp(10px,2.3cqw,14px)}.wedding-day-message{font-size:clamp(20px,4.8cqw,28px);font-style:italic}.wedding-venue-name{font-size:clamp(22px,5.6cqw,32px);font-style:italic;line-height:1.1}.wedding-card-content .wedding-venue-address{color:#836d61;letter-spacing:.08em;margin-top:4px;font-size:clamp(14px,3.4cqw,19px)}.wedding-location-link{color:#604b40;letter-spacing:.12em;text-transform:uppercase;border:1px solid #a48a7b;border-radius:999px;align-items:center;gap:6px;margin-top:1cqw;padding:7px 14px;font-size:clamp(12px,2.7cqw,15px);font-weight:600;text-decoration:none;display:inline-flex}.wedding-location-link:hover,.wedding-location-link:focus-visible{background:#604b4014}.wedding-location-link svg{flex:none;width:14px;height:14px}.sangeet-card{aspect-ratio:9/16;background:#060819;width:100%;max-width:560px;margin:clamp(56px,9vw,90px) auto 0;position:relative;overflow:hidden;container-type:inline-size}.sangeet-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.sangeet-content{pointer-events:none;text-align:center;color:#fffaf6;text-shadow:0 2px 14px #020514,0 1px 3px #020514;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.5cqw,9px);display:flex;position:absolute;inset:17% 6% 46%}.sangeet-content h3,.sangeet-content p{margin:0}.sangeet-title{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:clamp(21px,7cqw - 3px,39px);font-weight:600;line-height:1;position:relative;left:6px}.sangeet-date{white-space:nowrap;font-size:clamp(22px,6cqw,36px);font-style:italic;line-height:1.1}.sangeet-day{letter-spacing:.25em;text-transform:uppercase;font-size:clamp(12px,2.8cqw,16px);font-weight:600}.sangeet-time{font-size:clamp(18px,4.5cqw,27px);font-weight:600}.sangeet-venue{white-space:nowrap;font-size:clamp(20px,5cqw,30px);font-style:italic;line-height:1.1}.sangeet-address{letter-spacing:.08em;font-size:clamp(11px,2.5cqw,14px)}.sangeet-location-link{color:#fffaf6;letter-spacing:.12em;pointer-events:auto;text-transform:uppercase;border:1px solid #fffaf6b8;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:clamp(11px,2.5cqw,14px);font-weight:600;text-decoration:none;display:inline-flex}.sangeet-location-link:hover,.sangeet-location-link:focus-visible{background:#fffaf633}.sangeet-location-link svg{flex:none;width:14px;height:14px}.note-from-us{--template-text:#2f241b;--template-muted:#76614d;--font-instrument-sans:"Instrument Sans";--font-instrument-serif:"Instrument Serif";--template-font-subheading-stack:var(--font-instrument-sans), "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--template-font-display-stack:var(--font-instrument-serif), "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;text-align:center;background:#f8efe9;padding:clamp(64px,10vw,112px) 24px}.note-from-us-inner{max-width:660px;margin:0 auto}.note-from-us h2{color:var(--template-muted);letter-spacing:.22em;text-transform:uppercase;margin:0 0 30px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.85rem,2.1vw,1.2rem);font-weight:600;line-height:1}.note-from-us p{color:#4d3936;letter-spacing:.008em;text-wrap:balance;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.1rem,2.4vw,1.5rem);font-style:italic;font-weight:400;line-height:1.55}footer{text-align:center;color:#79575a;letter-spacing:.1em;background:#ead8d1;padding:24px;font-size:1rem}@keyframes reveal-couple{0%{opacity:1}to{opacity:0}}@keyframes title-appear{0%{opacity:0;filter:blur(7px);transform:translateY(calc(22px - 50%))}to{opacity:1;filter:blur();transform:translateY(-50%)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)rotateY(0)}8%{opacity:var(--opacity)}25%{transform:translate(18px,24vh)rotate(80deg)rotateY(120deg)}50%{transform:translate(-14px,53vh)rotate(170deg)rotateY(260deg)}75%{transform:translate(22px,82vh)rotate(260deg)rotateY(400deg)}88%{opacity:var(--opacity)}to{opacity:0;transform:translate3d(var(--drift), 110vh, 0) rotate(var(--spin)) rotateY(540deg)}}@keyframes click-petal-fall{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(0)}12%{opacity:.95}55%{transform:translate(calc(18px - 50%),65px)rotate(160deg)}to{opacity:0;transform:translate3d(calc(-50% + var(--click-drift)), 160px, 0) rotate(var(--click-spin))}}@keyframes click-petal-appear{0%{opacity:0;transform:translate(-50%,-50%)}25%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)}}@media (max-width:600px){.hero{min-height:auto;padding:0}.scene{width:100%;box-shadow:none}.title{top:48%}.invitation{padding-left:28px;padding-right:28px}.invitation-copy,.wedding-card,.sangeet-card{width:calc(100% + 32px);max-width:none;margin-inline:-16px}.invitation-copy{padding:48px 28px}.invitation-copy:before,.invitation-copy:after{width:82px;height:82px}.click-petal{width:20px;height:15px}.music-toggle{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:100;touch-action:manipulation;width:56px;height:56px}.music-toggle svg{width:26px;height:26px}.person .parentage,.person .address{letter-spacing:-.025em;white-space:nowrap;font-size:clamp(9px,3vw,16px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.empty-scene{animation:none;display:none}.title{opacity:1;filter:none;animation:none}.petals{display:none}.click-petal{animation:.7s ease-out forwards click-petal-appear}}