@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Marcellus&display=swap";:root{--lapis:#062d4a;--lapis-deep:#031c31;--burgundy:#5a0e1d;--red:#7b1c20;--gold:#d0a04e;--gold-soft:#ebcd8a;--paper:#e8d5ab;--ink:#f4dfae}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#26060d}body{margin:0;min-width:320px;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;background:#26060d;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.site-shell{position:relative;width:min(100%,1440px);margin:auto;overflow:hidden;background:var(--lapis-deep) url(/assets/moonlit-garden.png) center top / 100% auto repeat-y;border:10px solid var(--burgundy);outline:2px solid var(--gold);box-shadow:0 0 80px #000}.site-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0014232e;pointer-events:none}.carpet-frame{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 9px #540914e6}.nav{min-height:76px;position:relative;z-index:10;display:grid;grid-template-columns:90px 1fr 90px;align-items:center;background:#e5cfa2f0;color:#50101b;border-bottom:2px solid var(--gold);font:12px Marcellus,serif;letter-spacing:.17em;text-transform:uppercase}.nav a{text-decoration:none;padding:10px 4px}.nav a:hover,.nav a:focus-visible{color:#a35d23}.nav-monogram{grid-column:1;justify-self:center;width:66px;height:66px;display:flex;align-items:center;justify-content:center;background:#5a0e1d;border-inline:1px solid var(--gold)}.nav-monogram img{display:block;width:44px;height:44px;object-fit:contain}.nav-links{grid-column:2;display:flex;justify-content:center;gap:clamp(26px,5vw,78px)}.hero{min-height:850px;position:relative;display:grid;grid-template-columns:46% 54%;align-items:center;padding:86px 7% 100px;isolation:isolate;background:#05243b}.hero:before{content:"";position:absolute;top:30px;right:3%;bottom:42px;left:3%;border:2px solid var(--gold);border-radius:46% 46% 8px 8px/12% 12% 8px 8px;box-shadow:inset 0 0 80px #00000059;z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:3;width:min(100%,570px);text-align:center;text-shadow:0 2px 3px #00111e;background:#021829c2;padding:42px 30px}.eyebrow{font:12px Marcellus,serif;text-transform:uppercase;letter-spacing:.24em;color:var(--gold-soft)}.invitation-line{max-width:320px;margin:18px auto;font-size:20px;font-style:italic;line-height:1.45}h1,h2,h3,p{margin-top:0}h1{font:clamp(48px,6vw,88px)/.92 "Cormorant Garamond",serif;text-transform:uppercase;letter-spacing:.035em;color:#e1ad56}h1 span{display:block;font-size:.72em;font-style:italic}.ornament{display:block;width:32px;height:32px;object-fit:contain;margin:14px auto;opacity:.82}.urdu{font-size:21px;color:var(--gold-soft);margin-bottom:34px}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#05243b;background-image:url(/assets/couple-hero.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #efc36e;background:#651424;color:#f7d98d;padding:15px 25px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font:12px Marcellus,serif;cursor:pointer;box-shadow:inset 0 0 0 3px #651424,inset 0 0 0 4px #efc36e80,0 8px 22px #00000059;transition:.2s ease}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{transform:translateY(-2px);background:#841c2d}.welcome{position:relative;max-width:760px;margin:0 auto 80px;text-align:center;padding:50px 35px;background:#042136db;border-block:1px solid var(--gold)}.welcome h2,.family-scene h2,.rsvp h2{font:clamp(37px,5vw,66px)/1 "Cormorant Garamond",serif;color:#e1ad56}.welcome p:last-child,.family-scene p,.rsvp-heading p{font-size:20px;line-height:1.6}.celebrations{position:relative;padding:30px 5% 120px}.event{min-height:570px;position:relative;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:5%;margin-bottom:90px}.event--right{grid-template-columns:.65fr 1.35fr}.event--right .event-illustration{order:2}.event-illustration{height:440px;border:10px solid #771d26;outline:2px solid var(--gold);box-shadow:0 20px 45px #0000008c;background-color:#062d4a;background-image:url(/assets/event-triptych.png);background-size:300% auto;background-repeat:no-repeat;background-position:left center}.event:nth-child(2) .event-illustration{aspect-ratio:8/5;height:auto;background-image:url(/assets/baraat-scene.png);background-size:contain;background-position:center}.event:nth-child(3) .event-illustration{background-position:right}.event-plaque{width:100%;padding:36px 24px 30px;text-align:center;color:var(--gold-soft);background:#042841f5;border:2px solid var(--gold);border-radius:48% 48% 8px 8px/14% 14% 8px 8px;box-shadow:inset 0 0 0 6px #052b47,inset 0 0 0 7px #d0a04e80,0 20px 44px #0006}.event-day,.event-month{display:block;font-style:italic;font-size:20px}.event-month{font-style:normal;font:13px Marcellus,serif;letter-spacing:.12em;text-transform:uppercase}.event-date{display:block;font-size:80px;line-height:.8;font-weight:400;color:#e7b861}.event-plaque h2{font:42px Cormorant Garamond,serif;text-transform:uppercase;letter-spacing:.09em;color:#e4b25a;margin:0 0 8px}.event-time{font-weight:600;font-size:18px}.event-plaque p{font-size:17px;line-height:1.4}.text-link{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font:11px Marcellus,serif;text-underline-offset:5px}.family-scene{min-height:610px;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch;padding:0;background:#052a45;border-block:2px solid var(--gold)}.family-scene:after{content:none}.family-photo{display:block;width:100%;height:100%;max-height:680px;object-fit:cover;object-position:center 30%}.family-scene>div{position:relative;z-index:1;width:auto;align-self:center;text-align:center;padding:70px 10%}.rsvp{position:relative;display:grid;grid-template-columns:1fr 1.2fr .55fr;gap:5%;padding:120px 7% 90px;background:#02192bd1;border-top:12px solid #6d1521}.rsvp:before{content:"";position:absolute;top:28px;right:3%;bottom:28px;left:3%;border:2px solid var(--gold);pointer-events:none}.rsvp>*{position:relative;z-index:1}.rsvp-heading{align-self:center;text-align:center}form{display:grid;gap:16px;padding:30px;background:#e7d3a8f5;color:#4b1420;border:2px solid var(--gold);box-shadow:0 18px 38px #00000059}form label,fieldset legend{font-weight:600;letter-spacing:.04em}form label span{font-weight:400;opacity:.7}input,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #9b7441;border-radius:0;background:#f7eace;color:#42111a;outline:none}input:focus,textarea:focus{border-color:#6c1724;box-shadow:0 0 0 2px #6c17242e}textarea{min-height:82px;resize:vertical}fieldset{border:0;padding:0;margin:0}.event-choice,.attendance-choice{display:flex;flex-wrap:wrap;gap:8px 20px}.event-choice legend,.attendance-choice legend{width:100%;margin-bottom:5px}.event-choice label,.attendance-choice label{display:flex;align-items:center;gap:6px;font-weight:500}.event-choice input,.attendance-choice input{width:auto;margin:0;accent-color:#6d1625}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-status{min-height:20px;margin:0;font-weight:600;text-align:center}.secondary-button{background:#0a3855;box-shadow:inset 0 0 0 3px #0a3855,inset 0 0 0 4px #efc36e80}.directions{align-self:center;text-align:center;padding:25px 18px;border:1px solid var(--gold);background:#042841f2}.directions h3{text-transform:uppercase;color:#e2ad56;letter-spacing:.1em}.directions img{display:block;width:100%;max-width:150px;margin:14px auto;padding:6px;background:#e8d5ab}.directions a{font:11px Marcellus,serif;text-transform:uppercase;letter-spacing:.11em}footer{position:relative;z-index:1;text-align:center;padding:75px 20px 65px;background:#4e0d19;border-top:2px solid var(--gold)}footer img{width:132px;height:132px;object-fit:contain;margin-bottom:24px}footer p{margin-bottom:5px;font-size:24px;font-style:italic;color:#e9c773}footer span{font:10px Marcellus,serif;letter-spacing:.18em;text-transform:uppercase}@media(max-width:900px){.site-shell{border-width:7px}.nav{grid-template-columns:78px 1fr 30px;overflow:visible}.nav-monogram{width:60px;height:60px}.nav-monogram img{width:40px;height:40px}.nav-links{justify-content:center;gap:clamp(18px,5vw,45px)}.hero{min-height:930px;display:block;padding:70px 7% 430px;background:#05243b}.hero-copy{max-width:560px;margin:auto;padding:34px 24px}.hero-scene{top:0;right:0;bottom:0;left:0;background-size:cover;background-position:68% center}.event,.event--right{grid-template-columns:1fr;gap:0;margin-bottom:85px}.event--right .event-illustration{order:0}.event-illustration{height:360px;background-size:300% auto}.event-plaque{width:min(84%,430px);margin:-70px auto 0;z-index:2}.family-scene{min-height:0;grid-template-columns:1fr;align-items:stretch}.family-photo{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}.family-scene>div{width:100%;padding:55px 9% 64px}.rsvp{grid-template-columns:1fr;padding:90px 8% 80px}.directions img{width:130px}.directions{width:min(100%,280px);margin:10px auto 0}}@media(max-width:560px){.nav{min-height:70px;grid-template-columns:70px 1fr 12px;font-size:10px}.nav-links{gap:15px}.hero{min-height:820px;padding:54px 7% 340px}.hero:before{top:20px;right:2%;bottom:35px;left:2%}h1{font-size:46px}.hero-scene{background-size:cover;background-position:70% center}.welcome{margin-inline:4%;padding:38px 22px}.celebrations{padding-inline:2%}.event{min-height:auto}.event-illustration{height:300px;border-width:6px;background-size:300% auto}.event:nth-child(2) .event-illustration{height:auto;aspect-ratio:8/5;background-size:contain}.event-plaque{width:91%;padding-inline:18px}.event-date{font-size:66px}.family-scene{min-height:0;padding:0}.family-scene>div{padding:45px 8% 54px}.rsvp{padding-inline:5%}.rsvp:before{top:20px;right:1%;bottom:20px;left:1%}.directions{width:min(88%,250px);padding:20px 16px;margin-top:4px}.directions img{width:112px;margin-block:10px}.field-grid{grid-template-columns:1fr}form{padding:22px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}