:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
:root{--paper:#f2eee8;--ink:#1d1517;--stone:#6e6466;--garnet:#7a1528;--teal:#0d4a44;--champagne:#d8c08f;--midnight:#121629;--frame:#f7f3ea;--foil:linear-gradient(105deg,#8a6a3a 0%,#d9bf86 16%,#f6e7c1 26%,#b8924f 38%,#e9d29c 52%,#9c7a43 64%,#f3e2b6 79%,#b08c4e 90%,#8a6a3a 100%);--bg:var(--midnight);--fg:#efe9e1;--muted:#efe9e1c7;--rule:#efe9e12e;--accent:var(--champagne);--serif:"Instrument Serif","Iowan Old Style","Times New Roman",serif;--sans:"Geist","Helvetica Neue",Arial,sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--nastaliq:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting",serif;--gut:18px;--ease:cubic-bezier(.16,1,.3,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--first,#5b1222)}html.flat{transition:background-color 1.4s var(--ease)}body{color:var(--fg);font:400 1.0625rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;overflow-x:clip}body.sealed{height:100%;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}::selection{background:var(--champagne);color:var(--ink)}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.mono{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.88rem;line-height:1.5}.label{color:var(--muted);margin:0}.wrap{padding-inline:var(--gut)}em{font-style:italic}.ln{padding-bottom:.04em;display:block;overflow:hidden}.ln .w{display:inline-block}figure{margin:0}.silk{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}main{z-index:1;position:relative}body.veiled main,body.veiled .nav{visibility:hidden}.foil{background:var(--foil);color:#0000;-webkit-text-fill-color:transparent;background-position:40%;background-size:320% 100%;-webkit-background-clip:text;background-clip:text}.pol-card{aspect-ratio:88/107;background:var(--frame);transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--tilt,0deg));flex-direction:column;padding:6.2% 6.2% 0;display:flex;position:relative;box-shadow:0 1px 1px #14060a29,0 20px 34px -16px #14060a8c,inset 0 0 0 1px #ffffff80;container-type:inline-size}.pol-card .ph{aspect-ratio:1;background:#28241f;flex:none;display:block;position:relative;overflow:hidden}.pol-card .ph img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.pol-card .ph:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000024,inset 0 1px 4px #00000047}.pol-card .cap{color:var(--ink);font:italic 400 9cqw/1 var(--serif);letter-spacing:-.01em;white-space:nowrap;flex:1;justify-content:space-between;align-items:center;gap:6%;margin:0;padding:0 1.5%;display:flex}.pol-card .cap .mono{letter-spacing:.04em;color:#8a8079;font-size:4.6cqw;font-style:normal}.cover{z-index:50;color:var(--paper);touch-action:none;--toran:150px;position:fixed;inset:0;overflow:hidden}.cover:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 66%,#0804084d,#0000 72%);position:absolute;inset:0}.curtain{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-in{left:0;right:0;top:var(--toran);bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:0 var(--stack,22px);text-align:center;transform-origin:50% 45%;z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;container-type:inline-size}.cover-in>*{flex-shrink:0}.bism{aspect-ratio:768/171.4;-webkit-background-clip:border-box;background-clip:border-box;width:min(66cqw,560px);margin:0;-webkit-mask:url(/img/bismillah.svg) 50%/contain no-repeat;mask:url(/img/bismillah.svg) 50%/contain no-repeat}.cover-couple{font:400 clamp(4rem,21vw,10rem)/.84 var(--serif);letter-spacing:-.04em;margin:3vh 0 0}.cover-couple .ln{padding:0 .05em .08em;display:block}.cover-couple .amp{letter-spacing:0;margin-right:.04em;font-size:.8em;font-style:italic}.cover-rule{background:linear-gradient(90deg,#0000,#d8c08fcc,#0000);width:min(66vw,420px);height:1px;margin:3.6vh 0 2.8vh;display:block}.cover-k{color:var(--champagne);letter-spacing:.14em;margin:0;font-size:.86rem}.cover-name{font:400 clamp(2.6rem,12vw,5.2rem)/1 var(--serif);letter-spacing:-.01em;color:#fbf7f0;text-wrap:balance;margin:1.4vh 0 0}.cover-open{background:var(--paper);height:56px;color:var(--ink);font:500 1.06rem/1 var(--sans);letter-spacing:.01em;transition:background .4s,gap .5s var(--ease);border-radius:999px;align-items:center;gap:16px;margin-top:4.2vh;padding:0 28px;display:inline-flex}.cover-open svg{width:24px;height:12px}.cover-open path{fill:none;stroke:currentColor;stroke-width:1.2px}.cover-open:hover{background:#fff;gap:22px}.cover :focus-visible{outline-color:var(--paper)}.cover.lifting{pointer-events:none}@media (min-width:900px){.cover-couple .ln{display:inline}.cover-couple{font-size:clamp(6rem,11vw,11rem)}.cover-k{font-size:.92rem}}@media (max-height:740px){.bism{width:min(60cqw,440px)}.cover-couple{margin-top:2vh;font-size:clamp(3.2rem,17vw,8rem)}.cover-rule{margin:2.6vh 0 2vh}.cover-name{font-size:clamp(2.2rem,10vw,4rem)}.cover-open{height:48px;margin-top:3vh}}.nav{z-index:40;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gut) 12px;color:var(--fg);pointer-events:none;transition:color .5s,transform .7s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";z-index:-1;opacity:0;background:#0e101ed6;transition:opacity .4s,background .5s;position:absolute;inset:0}.nav.solid:before{opacity:1}.nav.ink{color:var(--ink)}.nav.ink:before{background:#f2eee8b8}.nav.away{transform:translateY(-110%)}.nav:focus-within{transform:none}.nav>*{pointer-events:auto}.nav-mark{font:400 1.6rem/1 var(--serif);text-decoration:none}.nav-r{align-items:center;gap:10px;display:flex}.nav-sound{border:1px solid;border-color:color-mix(in srgb,currentColor 40%,transparent);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s,border-color .3s;display:grid}.nav-sound:hover{border-color:currentColor}.nav-sound svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-sound .spk{fill:currentColor}.nav-sound .on,.nav-sound[aria-pressed=true] .off{display:none}.nav-sound[aria-pressed=true] .on{display:inline}.nav-rsvp{background:var(--champagne);height:44px;color:var(--ink);font:600 .98rem/1 var(--sans);letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 22px;text-decoration:none;transition:background .3s;display:inline-flex}.nav-rsvp:hover{background:#e6d2a6}.nav-link{font:500 .78rem/1 var(--sans);padding:6px 0;text-decoration:none;position:relative}.nav-link:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-link .mono{opacity:.7;margin-left:2px;font-size:.62rem}.hero{min-height:100svh;padding:calc(64px + env(safe-area-inset-top,0px)) var(--gut) 22px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow-x:clip}.hero-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;padding-top:10px;display:flex}.hm-for,.hm-r{font:400 clamp(1.25rem,5vw,1.7rem)/1.15 var(--serif);letter-spacing:-.005em;text-transform:none;color:var(--muted)}.hm-for em,.hm-r em{color:var(--fg);font-style:normal}.hm-r{text-align:right;white-space:nowrap}.names-wrap{align-self:center;font-size:clamp(5.6rem,35vw,24rem);position:relative}.hero-k{font:italic 400 clamp(1.5rem,6.4vw,2.6rem)/1.1 var(--serif);color:var(--champagne);margin:0 0 .12em .04em;overflow:hidden}.hero-k span{display:inline-block}.names{font:400 1em/.82 var(--serif);letter-spacing:-.045em;z-index:1;margin:0;padding-block:.08em .1em;position:relative}.names .ln{padding-right:.05em}.names .ln2{padding-left:.06em}.names .amp{letter-spacing:0;margin-right:.06em;font-style:italic}.hero-foot{align-items:end;gap:18px;padding-top:14px;display:grid}.hero-line{font:400 1.55rem/1.2 var(--serif);text-wrap:pretty;max-width:24ch;margin:0}.hero-date{color:var(--muted);margin:0;font-size:.9rem}.letter{gap:28px;padding-block:140px 160px;display:grid}.salaam{font:400 clamp(1.6rem,6.6vw,2.6rem)/1.1 var(--serif);letter-spacing:-.01em;color:var(--fg);margin:0}.salaam em{color:var(--champagne)}.letter-body{font:400 clamp(1.9rem,8.6vw,4.4rem)/1.08 var(--serif);letter-spacing:-.015em;text-wrap:pretty;max-width:22ch;margin:0}.letter-body .word{opacity:.18}.letter-sign{font:italic 400 1.9rem/1 var(--serif);color:var(--muted);margin:0}.ev{position:relative}.ev-open{color:var(--paper);flex-direction:column;justify-content:center;min-height:100svh;padding:110px 0 90px;display:flex;position:relative;overflow:hidden}.ev-open-in{gap:18px;display:grid}.ev-top{color:var(--champagne);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.ev-urdu{font:500 clamp(5.5rem,34vw,17rem)/1.9 var(--nastaliq);text-align:right;direction:rtl;height:2em;margin:calc(28px - .3em) 0 0;overflow:visible}.ev-title{font:400 clamp(3.4rem,16vw,10rem)/.9 var(--serif);letter-spacing:-.035em;margin:0}.ev-title em{padding-right:.06em}.ev-addr{font:400 1.6rem/1.25 var(--serif);color:#f2eee8db;justify-items:start;margin:0;font-style:normal;display:grid}.ev-addr-n{color:var(--paper)}.ev-map{color:var(--champagne);border-bottom:1px solid #d8c08f73;margin-top:14px;padding:10px 0 4px;font-size:.92rem;text-decoration:none;transition:border-color .3s}.ev-map:after{content:" ↗"}.ev-map:hover{border-color:var(--champagne)}.ev-when{grid-template-columns:repeat(3,1fr);gap:0 12px;margin-top:18px;display:grid}.ev-when div{gap:4px;padding:12px 0 0;display:grid}.ev-when dt{color:var(--champagne)}.ev-when dd{font:400 1.8rem/1 var(--serif);text-transform:none;letter-spacing:0;margin:0}.sec-head{gap:16px;margin-bottom:40px;display:grid}.split>*{margin-bottom:-.14em;padding-bottom:.14em}.h2{font:400 clamp(2.9rem,13.5vw,7.4rem)/.92 var(--serif);letter-spacing:-.03em;text-wrap:balance;max-width:14ch;margin:0}.h2 em{padding-right:.06em}.links{flex-wrap:wrap;gap:10px 22px;margin:0;display:flex}.links a,.links button{font:500 1.06rem/1 var(--sans);border-bottom:1px solid var(--rule);align-items:center;gap:6px;padding:12px 0;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.links a:after{content:"↗";opacity:.6;font-size:.8em}.links a:hover,.links button:hover{border-color:currentColor}.rsvp{padding-block:60px 120px}.form{gap:0;max-width:720px;display:grid}.q{border-top:1px solid var(--rule);gap:14px;padding:18px 0 22px;display:grid}.q-l{justify-content:space-between;gap:12px;display:flex}.q-l .mono{color:var(--muted)}.opts{gap:8px;display:grid}.opt{text-align:left;border:1px solid var(--rule);width:100%;font:400 1.6rem/1.05 var(--serif);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:border-color .3s,background .3s,color .3s;display:flex}.opt i{opacity:.5;border:1px solid;border-radius:50%;flex:none;width:18px;height:18px;position:relative}.opt:hover{border-color:#efe9e16b}.opt[aria-pressed=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}.opt[aria-pressed=true] i{opacity:1}.opt[aria-pressed=true] i:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:3px}.in{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--fg);font:400 1.55rem/1.3 var(--serif);resize:none;background:0 0;border-radius:0;padding:8px 0}.in::placeholder{color:var(--muted);opacity:.7}.in:focus{border-color:var(--fg);outline:none}.rsvp-lede{font:400 1.75rem/1.2 var(--serif);max-width:26ch;margin:0}.send{background:var(--champagne);width:100%;height:64px;color:var(--ink);font:500 1.12rem/1 var(--sans);transition:opacity .3s,transform .4s var(--ease),background .3s;border-radius:999px;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.send:hover{background:#e6d2a6}.send svg{width:22px;height:12px}.send path{fill:none;stroke:currentColor;stroke-width:1.3px}.send:active{transform:scale(.985)}.send{text-align:center;text-decoration:none}.send[aria-disabled=true]{opacity:.3;pointer-events:none}.form-note{color:var(--muted);margin:16px 0 0;font-size:1rem}.q-ev{align-items:baseline;gap:12px;display:flex}.q-ev .ur{font:500 1.3rem/1 var(--nastaliq);color:var(--champagne)}.q-ev b{font:400 2rem/1 var(--serif)}.in[type=tel]{font-family:var(--serif)}.stamp .ur{font:500 13px var(--nastaliq);fill:currentColor;letter-spacing:0}.done{border-top:1px solid var(--rule);gap:18px;padding-top:22px;display:grid;position:relative}.done h3{font:400 clamp(2.6rem,12vw,5.6rem)/.95 var(--serif);letter-spacing:-.03em;max-width:12ch;margin:0}.done p{color:var(--muted);max-width:40ch;margin:0;font-size:1.12rem}.stamp{width:96px;height:96px;color:var(--accent);justify-self:end;margin-bottom:-58px}.stamp text{font:500 7.2px var(--mono);letter-spacing:.18em;fill:currentColor}.stamp circle,.stamp path{fill:none;stroke:currentColor;stroke-width:1px}.close{padding-block:40px calc(30px + env(safe-area-inset-bottom,0px));overflow:hidden}.marquee{padding:18px 0;overflow:hidden}.mq-track{width:max-content;font:400 clamp(4rem,18vw,11rem)/1 var(--serif);letter-spacing:-.03em;white-space:nowrap;will-change:transform;align-items:center;display:flex}.mq-track>span{padding-right:.36em}.mq-dot{border:1px solid var(--champagne);flex:none;width:.09em;height:.09em;margin-right:.36em;transform:rotate(45deg)}.mq-track em{font-style:italic}.close-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 16px;padding-top:16px;display:flex}.close-foot .nav-link{font:inherit;text-transform:inherit;color:inherit}@media (min-width:820px){:root{--gut:36px}.mono{font-size:1rem}.names-wrap{padding-top:2vh;font-size:clamp(10rem,21vw,24rem)}.names{display:grid}.names .ln2{justify-self:end;padding-left:0}.hero-k{margin-bottom:-.1em;font-size:clamp(2rem,2.8vw,3rem)}.hero-foot{grid-template-columns:repeat(12,1fr)}.hero-line{grid-column:1/span 6;font-size:2rem}.hero-date{text-align:right;grid-column:8/span 5;font-size:1.05rem}.letter{grid-template-columns:repeat(12,1fr);padding-block:180px}.letter>*{grid-column:3/span 9}.sec-head{grid-template-columns:repeat(12,1fr);align-items:start}.sec-head .label{grid-column:1/span 3}.sec-head .h2{grid-column:4/span 9}.form{margin-left:calc(25% + 9px)}.opts{grid-template-columns:1fr 1fr}.ev-open{padding:150px 0 120px}.ev-open-in{grid-template-columns:repeat(12,1fr);column-gap:36px}.ev-top,.ev-when{grid-column:1/-1}.ev-urdu{grid-column:6/-1;margin-top:10px;font-size:clamp(9rem,17vw,17rem)}.ev-title{grid-column:1/span 8;margin-top:-.5em}.ev-addr{grid-column:9/-1;align-self:end;padding-bottom:.6em;font-size:2rem}.ev-when dd{font-size:2.6rem}.ev-when{margin-top:40px}.stamp{width:120px;height:120px;margin-bottom:-90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.letter-body .word{opacity:1}}.pv{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;transition:transform .7s var(--ease),opacity .5s;white-space:nowrap;background:#0e1222f0;border-radius:22px;grid-template-columns:auto auto;align-items:center;gap:4px 2px;padding:5px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -12px #00000080}.pv-l{color:#f2eee899;padding:0 8px 0 12px;font-size:.62rem}.pv-seg{justify-content:flex-end;gap:2px;display:flex}.pv-seg+.pv-seg{border-top:1px solid #f2eee824;grid-column:1/-1;justify-content:stretch;padding-top:4px}.pv-seg+.pv-seg a{text-align:center;flex:1}.pv a{font:500 .8rem/1 var(--sans);color:#efe9e1;border-radius:999px;padding:10px 13px;text-decoration:none;transition:background .3s,color .3s}.pv a:hover{background:#f2eee81f}.pv a[aria-current]{color:#1d1517;background:#f2eee8}.pv{border:1px solid #f2eee81a}.pv.away{opacity:0;transform:translate(-50%,150%)}.pv-on .cover-in{bottom:calc(112px + env(safe-area-inset-bottom,0px))}.pv-on .hero{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}@media (max-width:380px){.pv a{padding:10px}}@media (min-width:820px){.pv{border-radius:999px;gap:2px;display:flex}.pv-seg+.pv-seg{border-top:0;border-left:1px solid #f2eee82e;margin-left:6px;padding:0 0 0 6px}.pv-on .cover-in{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.pv-on .hero{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}}.dev{opacity:0;pointer-events:none;background:#2a2b24;position:absolute;inset:0}.scene{padding-block:60px 120px}.scene-grid{gap:56px;display:grid}.scene-fig{justify-items:center;gap:22px;display:grid}.scene-pol{width:min(76vw,330px);color:var(--ink);transition:transform .9s var(--ease);text-decoration:none}.scene-pol .ph{background:#fbf9f4}.scene-pol .qr,.scene-pol .qr svg{width:100%;height:100%;display:block}.scene-pol .qr path{fill:var(--ink)}.scene-pol:hover,.scene-pol:focus-visible{--tilt:0deg;--dy:-6px}.scene-pol:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.scene-fig figcaption{color:var(--muted);text-align:center}.scene-lede{font:400 1.75rem/1.2 var(--serif);text-wrap:pretty;max-width:26ch;margin:0 0 40px}.scene-steps{margin:0 0 36px;padding:0;list-style:none}.scene-steps li{grid-template-columns:44px 1fr;gap:4px 12px;padding:16px 0;display:grid}.scene-steps .mono{color:var(--muted);padding-top:.55em}.scene-steps h3{font:400 2.1rem/1 var(--serif);letter-spacing:-.01em;margin:0}.scene-steps p{color:var(--muted);grid-column:2;max-width:40ch;margin:0;font-size:1.1rem}@media (min-width:820px){.scene-grid{grid-template-columns:repeat(12,1fr);align-items:start;column-gap:36px}.scene-fig{grid-column:1/span 5;justify-items:start;padding-top:10px}.scene-pol{width:min(28vw,360px)}.scene-fig figcaption{text-align:left}.scene-info{grid-column:7/span 6}.scene-steps li{grid-template-columns:60px 1fr 1.2fr;padding:26px 0 28px}.scene-steps p{grid-column:3;padding-top:.45em}}html.boot main,html.boot .nav,html.boot .cover-in{visibility:hidden;animation:0s 6s forwards boot-show}@keyframes boot-show{to{visibility:visible}}
