@font-face{font-family:NoorScript;src:url('fonts/GreatVibes-Regular.ttf') format('truetype');font-display:swap}
:root{--ivory:#f8efea;--paper:#fff9f1;--green:#682e40;--deep:#39202b;--ink:#51363c;--gold:#a17e4f;--gold-light:#ead4b0;--muted:#826f70;--line:#decdbd}
body{background:var(--ivory)}
.topbar{background:#fff9f3eb;border-color:#d7bdae80;height:72px}
.monogram-logo>span{color:#723344}.monogram-logo small{color:#81615d}.header-tools button>span{color:#743647}
.cover{background:#f1e1d8;color:var(--ink);padding:30px 25px 24px;min-height:calc(100svh - 72px)}
.cover-backdrop{background:url('assets/mughal-floral-invitation.webp') center/cover;opacity:.045;filter:blur(3px)}
.cover-shade{background:radial-gradient(ellipse at 50% 35%,#fffaf6c9,transparent 63%),linear-gradient(110deg,#d5b1a528,transparent 30%,#fff8ef66 65%,#b77a6b12)}
.cover-jaali{opacity:.2;background-size:48px 48px}.cover:before{inset:14px;border-color:#b9906e44}.cover:after{inset:19px;border-color:#b9906e22}
.cover .festoon{height:60px;opacity:.7}.cover .festoon .bulb{filter:drop-shadow(0 0 6px #e2ad52)}
.hanging-lantern{width:80px;height:215px;color:#a37e4e;opacity:.85}.lantern-left{left:8%}.lantern-right{right:8%;height:170px}
.cover-heading{margin-top:8px}.cover-heading .eyebrow{font-size:8px;color:#8b6657;letter-spacing:2.5px;margin-bottom:7px}.cover-urdu{color:#8f6864;font-size:18px;margin:0 0 4px}.cover h1{font-family:NoorScript,var(--serif);font-size:58px;line-height:1.2;color:#703146;letter-spacing:0;margin:0 0 9px}.cover h1 em{font-family:var(--serif);font-size:.5em;color:#aa8556;margin:0 12px}.cover-date{font-size:8px;letter-spacing:1.8px;color:#826b63}.cover-date span{color:#a18461}.guest-dedication{margin-top:17px;gap:6px}.guest-dedication>span{font-size:7px;letter-spacing:1.7px;color:#967565}.guest-dedication>strong{color:#723e4c;font-size:22px}
/* All paper faces are separate planes, so the embossing moves with the fold. */
.envelope-scene{width:min(350px,74vw);aspect-ratio:.72;margin:27px 0 21px;perspective:1800px;isolation:isolate}
.envelope{filter:drop-shadow(1px 18px 14px #5e342b27) drop-shadow(0 2px 2px #5e342b22);transform:rotate(-2deg) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg));transform-style:preserve-3d;border-radius:3px}
.envelope:hover{transform:rotate(-.5deg) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg)) translateY(-3px)}
.envelope-halo{inset:-10%;background:radial-gradient(ellipse,rgba(var(--light-rgb),.24),transparent 65%);filter:blur(22px)}
.envelope-back{background:#e6c6b9;border:1px solid #c7a592;box-shadow:inset 0 0 22px #7d463637;border-radius:2px}
.lining{inset:1px;background:repeating-linear-gradient(45deg,#c5a87926 0 1px,transparent 1px 11px),repeating-linear-gradient(-45deg,#c5a87926 0 1px,#e7cba4 1px 11px);box-shadow:inset 0 0 60px #a2723b38}
.fold{transition:transform 1.4s cubic-bezier(.25,.65,.15,1),filter 1.4s,opacity .6s;backface-visibility:visible;background-blend-mode:soft-light}
.fold-left{background:linear-gradient(108deg,#f3dcd1,#e2bdb2);clip-path:polygon(0 0,54% 53%,0 100%);transform-origin:left center;filter:drop-shadow(2px 1px 1px #9d7669)}
.fold-right{background:linear-gradient(253deg,#f4dfd5,#e0bbb0);clip-path:polygon(100% 0,46% 53%,100% 100%);transform-origin:right center;filter:drop-shadow(-2px 1px 1px #9d7669)}
.fold-bottom{background:linear-gradient(10deg,#efdad0,#f8e5dc);clip-path:polygon(0 100%,50% 46%,100% 100%);transform-origin:center bottom;filter:drop-shadow(0 -2px 1px #bb9588)}
.envelope-flap{background:linear-gradient(155deg,#fae9e0 5%,#ecd0c4 85%);clip-path:polygon(0 0,100% 0,50% 56%);transform-origin:top center;filter:drop-shadow(0 2px 1px #8b6456);box-shadow:none}
.envelope-flap:after{left:9%;right:9%;top:-27%;height:69%;border-color:#a47c5b3d;transform:rotate(44deg) skew(-3deg)}
.envelope-border{inset:7px;border-color:#c5a38e50;outline-color:#fffbf585;box-shadow:none;opacity:.6;z-index:8;transition:opacity .5s}
.envelope-inscription{font:18px NoorScript,var(--serif);bottom:8%;color:#957366;text-shadow:0 1px #fffbf5;left:6%;right:6%;transition:opacity .45s}
.fold-emboss{position:absolute;color:#e8cabd;filter:drop-shadow(1px 1px 0 #b98f7e88) drop-shadow(-1px -1px 0 #fff9f4);pointer-events:none;opacity:.85}
.emboss-one{width:48%;height:70%;left:1%;top:21%;transform:rotate(-12deg)}.emboss-two{width:23%;height:24%;left:10%;top:61%;transform:rotate(24deg)}
.fold-right .emboss-one{left:51%;transform:scaleX(-1) rotate(-12deg)}.fold-right .emboss-two{left:67%}.fold-bottom .emboss-one{left:25%;top:50%;height:50%;transform:rotate(5deg)}.fold-bottom .emboss-two{left:48%;top:74%;width:22%;height:20%;transform:rotate(-28deg)}.envelope-flap .emboss-one{left:21%;top:2%;width:58%;height:45%;opacity:.45;transform:rotate(180deg)}.envelope-flap .emboss-two{display:none}
.env-flower{display:none}.paper-grain{z-index:13;opacity:.11;mix-blend-mode:multiply;transition:opacity .5s}.foil-sheen{opacity:.4;transition:opacity .5s}
.ribbon-wrap{box-shadow:0 2px 5px #6b423b2b;background:linear-gradient(0deg,#ad8f62 0,#d6bd91 16%,#fff3d5 41%,#e0c49d 56%,#ba9668 84%,#edd5ac);border-color:#fff7de;z-index:15}
.vertical-ribbon{width:5.3%;left:47.35%;background:linear-gradient(90deg,#b19468,#e3cfad 22%,#fff5d9 46%,#e0c39b 68%,#b28b62)}
.ribbon-band-left,.ribbon-band-right{height:4%;top:42.5%}
.silk-bow{inset:auto;left:0;top:21.5%;height:45.5%;width:100%;filter:drop-shadow(0 5px 3px #704c3a4d);z-index:18}
.wax-medallion{width:78px;height:77px;left:calc(50% - 39px);top:calc(56% - 39px);z-index:17;border:1px solid #6a2236;outline:none;border-radius:44% 48% 42% 49% / 46% 42% 48% 45%;background:radial-gradient(ellipse at 32% 24%,#ad6372 0%,#833b4e 21%,#5c2033 57%,#8e4658 78%,#461426 94%);box-shadow:inset 2px 2px 2px #d48c9577,inset -2px -3px 4px #310818aa,0 5px 7px #693d4059;transform:rotate(-7deg);text-shadow:0 1px #c58a8c,0 -1px #381121;color:#d9a7a6;isolation:isolate}
.wax-medallion:before{content:'';position:absolute;inset:8px;border:1px solid #d18c9588;border-radius:50%;box-shadow:0 1px 1px #3a0e1d,inset 0 1px 1px #351019;z-index:-1}
.wax-medallion>span{font:31px/1 NoorScript,var(--serif);letter-spacing:-3px;margin:3px 4px 0 0}.wax-medallion i{font:italic 12px var(--serif);letter-spacing:0;margin:0 2px}.wax-medallion small{font:4px var(--sans);letter-spacing:1.4px;color:#d4a0a0;margin:7px 0 0}
.seal-aura{width:110px;height:110px;left:calc(50% - 55px);top:calc(56% - 55px);z-index:16;background:radial-gradient(ellipse,#ffd99288,transparent 65%);opacity:0;pointer-events:none;filter:blur(7px)}
.opening-instruction{min-height:49px;margin-top:3px}.opening-instruction p{font:italic 20px var(--serif);color:#815a5e;margin:0 0 9px}.open-prompt{font-size:7px;letter-spacing:2px;color:#986e5c;gap:9px}.open-prompt>span{font-size:14px}.roshni-picker{margin-top:8px;gap:9px}.roshni-picker>span{color:#927260;font-size:6px}.light-swatch{border-color:#f1dfd4;outline-color:#b5906e55;width:17px;height:17px}.light-swatch.selected{outline-color:#a47758}.music-hint{font-size:8px;color:#8f7268;margin-top:11px}.sample-marker{font-size:6px;color:#9c8175;letter-spacing:1.3px;margin-top:9px}.skip-opening{color:#81554c;border-color:#aa8a6c;bottom:22px;background:#fff7eece;border-radius:2px;padding:9px 12px}.opening-progress i{background:#97694f}
/* Ribbon, wax, paper folds and the insert have deliberate separate beats. */
.opening .envelope-scene{transform:scale(1.035) translateY(3px)}.opening .envelope,.opening .envelope:hover{transform:rotate(0deg) rotateX(0deg)}.opening .cover-heading{opacity:.3;transform:translateY(-8px)}.opening .guest-dedication{opacity:.3}.untying .wax-medallion{animation:none;transform:rotate(-7deg)}
.seal-lift .wax-medallion{animation:waxLift 1.2s cubic-bezier(.4,.05,.2,1) forwards}.seal-lift .seal-aura{animation:sealGlow 1.4s ease-out both}
.flap-open .envelope-flap{animation:coutureFlap 1.5s cubic-bezier(.3,.6,.2,1) forwards}
.folds-open .fold-left{transform:rotateY(-148deg);filter:brightness(.95)}.folds-open .fold-right{transform:rotateY(148deg);filter:brightness(.95)}.folds-open .fold-bottom{transform:rotateX(145deg);filter:brightness(.96);transition-delay:.16s}
.flap-open .envelope-border,.flap-open .paper-grain,.flap-open .foil-sheen,.flap-open .envelope-inscription{opacity:0}
.inside-card{inset:3% 4%;padding:29% 10% 26%;gap:13px;background:#fff7e8 url('assets/mughal-floral-invitation.webp') center/100% 100%;color:#743749;box-shadow:0 2px 8px #6d433c33;transition:transform 1.3s cubic-bezier(.2,.7,.15,1),box-shadow 1.3s;transform-origin:center}
.insert-arch{display:none}.inside-card .small-caps{color:#8e684b;font-size:6px;letter-spacing:1.2px}.insert-names{font:47px/1.05 NoorScript,var(--serif);gap:3px;letter-spacing:0}.insert-names em{font:italic 20px var(--serif)}.insert-rule{background:#c49e68}.card-out .inside-card{transform:translateY(-3%) scale(1.12);box-shadow:0 12px 40px #67332d40;z-index:14}.card-out .envelope{transform:none}
.departing{animation:coutureDepart .9s ease both}.reveal-light{background:radial-gradient(ellipse,#fff9e8dd,#f9eddf00 85%)}
/* A complete portrait invitation, set within original floral mehrab artwork. */
.invitation-hero{display:flex;align-items:center;justify-content:center;padding:50px 30px 58px;min-height:0;background:radial-gradient(ellipse at 50% 20%,#fff8ee,#ecdad1);position:relative}
.invitation-hero:before{content:'';position:absolute;inset:18px;border:1px solid #ba987133;pointer-events:none}.hero-art{display:none}
.hero-paper{width:min(680px,100%);min-height:1080px;padding:220px 84px 220px;background:#fff8e9 url('assets/mughal-floral-invitation.webp') center/100% 100%;box-shadow:0 18px 48px #6f453121,0 2px 7px #6f453115;justify-content:center;overflow:hidden;isolation:isolate}
.paper-border,.hero-paper .paper-floral{display:none}.hero-paper>*{position:relative;z-index:2}.hero-paper .bismillah{font-family:NoorArabic,serif;font-size:28px;line-height:1.6;color:#6f413c;margin:0 0 4px}.bismillah-translation{font-size:6px;color:#916f56;letter-spacing:1.5px;margin-bottom:27px}.host-names{font-size:21px;line-height:1.4;max-width:380px;margin-bottom:12px}.formal-invite{font-size:11px;color:#8b7264;line-height:1.9;margin-bottom:27px}.couple-names{font:99px/1 NoorScript,var(--serif);letter-spacing:0;color:#79354b;margin:0 0 16px}.couple-names>span{padding:5px 15px 0;animation:inkReveal 1.6s .3s both}.couple-names>span:last-child{animation-delay:.65s}.couple-names small{font:9px/1.5 var(--sans);letter-spacing:3.4px;margin-top:9px;color:#936d5d}.couple-names em{font:italic 30px/1 var(--serif);color:#b08c58;margin:10px 0 3px}.parentage{font-size:10px;color:#816c60;margin:0 0 19px;max-width:320px}.ornament{margin-bottom:17px;color:#b18b52}.hero-dates{font-size:10px;letter-spacing:1.7px;color:#754b45;margin-bottom:10px}.hero-city{font:italic 20px var(--serif);color:#986c4f;margin-bottom:20px}.down-link{font-size:7px;letter-spacing:1.6px;color:#805d50;gap:6px}.inside-dedication{color:#8a5d48;font-size:11px;margin-bottom:16px}
.hero-paper .hero-light-layer{position:absolute;inset:0;z-index:1;opacity:.6}.hero-lantern-glow{position:absolute;width:120px;height:160px;top:27%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--light-rgb),.38),transparent 65%);filter:blur(15px);animation:lanternBreathe 4s infinite alternate;z-index:1}.glow-left{left:-25px}.glow-right{right:-25px;animation-delay:-2s}.lights-off .hero-lantern-glow{opacity:0;animation:none}
.celebration-ribbon{background:#ead9c8;color:#8a5f53;border-color:#cda98555}.dua-section{position:relative}.dua-section>svg{color:#aa7d65}.dua-section h2{color:#683b44}.dua-note{color:#a17860}
.section-heading h2 em,.share-section h2 em{color:#a2765c}.programme-section[data-occasion=baraat]{background:#f0e3df}.programme-section[data-occasion=mehndi]{background:#f2ead5}.programme-section[data-occasion=walima]{background:#f6eee3}.event-panel{border:1px solid #c8a4823b;box-shadow:0 12px 35px #76524012}.event-tabs button[aria-selected=true]{background:#fff9f388}.event-content{background:#fffaf5}.event-date-line{color:#6d5352}.event-timeline{position:relative}.event-timeline:before{content:'';position:absolute;top:16px;bottom:16px;left:80px;width:1px;background:#c6a98255;transform-origin:top;transform:scaleY(0);transition:transform 1.6s ease}.event-panel.is-lit .event-timeline:before{transform:scaleY(1)}.event-timeline li{position:relative;min-height:39px}.event-timeline li:before{background:var(--paper);z-index:1}.event-panel.switching .event-timeline li{animation:timelineIn .6s both}.event-panel.switching .event-timeline li:nth-child(2){animation-delay:.08s}.event-panel.switching .event-timeline li:nth-child(3){animation-delay:.16s}.event-panel.switching .event-timeline li:nth-child(4){animation-delay:.24s}
.countdown-section{background:radial-gradient(ellipse at top,#894555,#592437);padding-block:62px}.countdown>div{perspective:300px}.countdown b{font-variant-numeric:tabular-nums;background:linear-gradient(#ffffff08 49.5%,#270d1a55 50%,#ffffff04 51%);border:1px solid #d5ad8240;border-radius:3px;padding:9px 7px;font-size:49px;min-width:72px;box-shadow:0 4px 14px #240e1922;transform-origin:50% 50%}.countdown b.tick{animation:digitTurn .45s ease}.countdown i{padding-top:19px}.countdown span{color:#dcc4b6}.countdown-copy .eyebrow{color:#dfba91}
.families-section{background:radial-gradient(ellipse at top,#fffbf3,var(--ivory))}.family-divider{background:#bc907166}.family-label{color:#a17b60}.venue-copy{background:#f0e1d5}.venue-copy>h2 em{color:#956d58}.venue-art>img{filter:sepia(.1) saturate(.75)}.rsvp-section{background:radial-gradient(ellipse at top,#894555,#592437)}.share-section{background:#f1e3da}footer{background:#fff9f1}.footer-signature{font-family:NoorScript,var(--serif);font-size:48px}.primary-button{border-color:#78384a}dialog{background:#fff9f3;border-color:#cfac96}dialog::backdrop{background:#391e2c88;backdrop-filter:blur(4px)}
.scroll-thread{position:fixed;top:71px;left:0;width:100%;height:2px;background:#d4b37d;transform:scaleX(0);transform-origin:left;z-index:51;pointer-events:none}.is-sealed .scroll-thread{opacity:0}
/* Keep Arabic type shaped correctly; the Latin calligraphy never substitutes for it. */
.lang-ur .cover h1,.lang-ur .insert-names,.lang-ur .couple-names,.lang-ur .footer-signature{font-family:NoorArabic,serif;letter-spacing:0}.lang-ur .cover h1{font-size:58px;line-height:1.3}.lang-ur .wax-medallion>span{font-family:NoorScript,var(--serif)}.lang-ur .wax-medallion i{font-family:var(--serif)}.lang-ur .hero-paper{padding-top:200px;padding-bottom:220px;min-height:1140px}.lang-ur .couple-names{font-size:82px;line-height:1.05}.lang-ur .couple-names small{font-family:NoorArabic,serif;font-size:24px;letter-spacing:0;line-height:1.2}.lang-ur .couple-names em{font-family:NoorArabic,serif;font-size:28px;margin:2px 0}.lang-ur .host-names{font-size:26px}.lang-ur .formal-invite{font-size:18px;line-height:1.9}.lang-ur .parentage{font-size:16px}.lang-ur .hero-dates{font-size:17px;letter-spacing:0}.lang-ur .hero-city{font-size:25px}.lang-ur .envelope-inscription{font-family:NoorArabic,serif;text-shadow:0 1px #fff;bottom:7%;color:#966f62}.lang-ur .event-timeline:before{left:auto;right:102px}.lang-ur .event-timeline time{width:85px}.lang-ur .inside-card .small-caps{font-size:11px}.lang-ur .insert-names{font-size:41px}.lang-ur .insert-names em{font-size:18px}.lang-ur .inside-dedication{font-size:16px}
@keyframes waxLift{0%{transform:rotate(-7deg)}30%{transform:translateY(-8px) rotate(-2deg) scale(1.09);box-shadow:0 15px 20px #693d4066;opacity:1}65%{opacity:1}100%{transform:translate(40px,-80px) rotate(18deg) scale(.75);opacity:0}}
@keyframes sealGlow{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1.8)}}
@keyframes coutureFlap{0%{transform:rotateX(0deg);z-index:12;filter:brightness(1)}49%{z-index:12;filter:brightness(1.04)}50%{z-index:3}100%{transform:rotateX(-170deg);z-index:3;filter:brightness(.92)}}
@keyframes coutureDepart{to{opacity:0;transform:scale(1.045)}}
@keyframes inkReveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(5px)}to{opacity:1;clip-path:inset(-15% -20% -15% -20%);transform:none}}
@keyframes lanternBreathe{from{opacity:.4;transform:scale(.85)}to{opacity:.9;transform:scale(1.12)}}
@keyframes digitTurn{0%{transform:rotateX(-36deg);opacity:.35}100%{transform:rotateX(0);opacity:1}}
@keyframes timelineIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.cover{display:grid;grid-template-columns:minmax(360px,510px) minmax(350px,470px);grid-template-rows:1fr auto auto auto 1fr;justify-content:center;column-gap:80px;padding:90px 60px 70px;min-height:calc(100svh - 72px)}.cover-heading{grid-column:1;grid-row:1;align-self:end;margin:0}.cover h1{font-size:79px;line-height:1.25;margin-bottom:22px}.cover-urdu{font-size:24px}.cover-heading .eyebrow{font-size:9px;margin-bottom:14px}.cover-date{font-size:9px}.guest-dedication{grid-column:1;grid-row:2;margin-top:28px;align-self:center}.envelope-scene{grid-column:2;grid-row:1/6;width:380px;justify-self:center;margin:20px 0}.opening-instruction{grid-column:1;grid-row:3;margin:35px 0 0}.roshni-picker{grid-column:1;grid-row:4;justify-content:center;margin-top:22px}.music-hint{grid-column:1;grid-row:5;text-align:center;align-self:start;margin-top:22px}.sample-marker{position:absolute;bottom:24px;left:0;right:0;text-align:center}.cover .lantern-left{left:4%;height:210px}.cover .lantern-right{right:4%;height:250px}.skip-opening{left:calc(50% - 60px)}.lang-ur .cover{direction:ltr}.lang-ur .cover-heading,.lang-ur .guest-dedication,.lang-ur .opening-instruction{direction:rtl}.lang-ur .cover h1{font-size:68px}}
@media(max-width:700px){.topbar{height:63px;padding-inline:17px}.scroll-thread{top:62px}.header-tools{gap:17px}.header-tools small{font-size:9px}.cover{padding:24px 16px 22px;min-height:calc(100svh - 63px)}.cover:before{inset:9px}.cover:after{inset:13px}.cover-heading{margin:3px 0 0}.cover-heading .eyebrow{font-size:6px;letter-spacing:1.8px;margin-bottom:4px}.cover-urdu{font-size:15px;margin-bottom:2px}.cover h1{font-size:45px;line-height:1.1;margin-bottom:9px}.cover h1 em{margin:0 7px}.cover-date{font-size:7px;letter-spacing:.8px}.cover-date span{margin:0 7px}.cover .festoon{height:37px}.hanging-lantern{width:46px;height:120px;opacity:.55}.lantern-left{left:2%}.lantern-right{right:2%;height:100px}.guest-dedication{margin-top:14px}.guest-dedication>span{font-size:6px;letter-spacing:1.2px}.guest-dedication>strong{font-size:18px;line-height:1.2}.envelope-scene{width:min(310px,75vw,calc((100svh - 325px)*.72));margin:22px 0 20px;min-width:220px}.envelope-inscription{font-size:15px}.wax-medallion{width:66px;height:65px;left:calc(50% - 33px);top:calc(56% - 33px)}.wax-medallion:before{inset:7px}.wax-medallion>span{font-size:27px}.wax-medallion small{font-size:3.5px;letter-spacing:1px;margin-top:6px}.opening-instruction{min-height:41px}.opening-instruction p{font-size:17px;margin-bottom:7px}.open-prompt{font-size:6px;letter-spacing:1.6px}.roshni-picker{margin-top:8px}.music-hint{font-size:7px;margin-top:9px}.sample-marker{margin-top:8px;font-size:5px}.inside-card{gap:9px}.inside-card .small-caps{font-size:5px;letter-spacing:.7px}.insert-names{font-size:37px}.insert-names em{font-size:17px}.opening .envelope-scene{transform:scale(1.025)}.skip-opening{bottom:17px}.invitation-hero{padding:0}.invitation-hero:before{display:none}.hero-paper{width:100%;min-height:850px;padding:166px 45px 205px;box-shadow:none}.hero-paper .bismillah{font-size:23px;line-height:1.6}.bismillah-translation{font-size:5px;letter-spacing:.7px;margin-bottom:22px}.host-names{font-size:17px;line-height:1.4;margin-bottom:10px;max-width:235px}.formal-invite{font-size:9px;line-height:1.85;margin-bottom:22px;max-width:245px}.couple-names{font-size:78px;line-height:.98;margin-bottom:16px}.couple-names>span{padding:4px 10px 0}.couple-names small{font-size:7px;letter-spacing:2.4px;margin-top:8px}.couple-names em{font-size:24px;margin:10px 0 6px}.parentage{font-size:8px;max-width:230px;line-height:1.8;margin-bottom:14px}.ornament{margin-bottom:15px;font-size:10px}.hero-dates{font-size:8px;letter-spacing:.7px}.hero-city{font-size:18px;margin-bottom:18px}.down-link{font-size:6px;letter-spacing:.9px;gap:4px}.hero-lantern-glow{width:75px;left:-19px}.glow-right{left:auto;right:-19px}.inside-dedication{font-size:9px;line-height:1.5;margin-bottom:12px;max-width:95%}.celebration-ribbon{font-size:6px;gap:12px;padding:19px 12px;letter-spacing:1px}.celebration-ribbon i{font-size:8px}.event-timeline:before{left:75px}.event-content{padding:33px 25px}.event-timeline time{width:57px}.event-tabs button>span{font-size:24px}.event-tabs small{font-size:6px;letter-spacing:.8px}.countdown{gap:7px}.countdown>div{min-width:51px}.countdown b{font-size:39px;min-width:54px;padding:8px 4px}.countdown i{padding-top:17px}.countdown-section{padding:44px 17px}.countdown-copy h2{font-size:32px}.countdown span{font-size:6px;letter-spacing:1px}.countdown-copy .eyebrow{font-size:6px}.section-pad{padding-top:53px;padding-bottom:58px}.rsvp-section{padding-top:77px}.footer-signature{font-size:43px}.lang-ur .cover h1{font-size:44px;line-height:1.3;margin-bottom:4px}.lang-ur .cover-heading .eyebrow{font-size:11px}.lang-ur .cover-date{font-size:11px}.lang-ur .guest-dedication{margin-top:9px}.lang-ur .guest-dedication>span{font-size:11px}.lang-ur .envelope-scene{margin-block:17px}.lang-ur .envelope-inscription{font-size:12px}.lang-ur .opening-instruction p{font-size:17px}.lang-ur .open-prompt{font-size:11px;letter-spacing:0}.lang-ur .music-hint{font-size:10px}.lang-ur .hero-paper{min-height:990px;padding:200px 40px 215px}.lang-ur .hero-paper .bismillah{font-size:22px}.lang-ur .bismillah-translation{font-size:9px;line-height:1.6;margin-bottom:21px}.lang-ur .host-names{font-size:22px;line-height:1.7}.lang-ur .formal-invite{font-size:15px;line-height:1.8;margin-bottom:18px}.lang-ur .couple-names{font-size:63px;line-height:1.1;margin-bottom:17px}.lang-ur .couple-names small{font-size:21px;line-height:1.3}.lang-ur .couple-names em{font-size:23px}.lang-ur .parentage{font-size:13px;line-height:1.7}.lang-ur .hero-dates{font-size:14px}.lang-ur .hero-city{font-size:22px}.lang-ur .down-link{font-size:11px;letter-spacing:0}.lang-ur .inside-dedication{font-size:13px}.lang-ur .event-timeline time{width:77px}.lang-ur .event-timeline:before{right:89px}.lang-ur .insert-names{font-size:33px}.lang-ur .inside-card .small-caps{font-size:8px}.lang-ur .celebration-ribbon{font-size:11px}.lang-ur .event-tabs button>span{font-size:23px}.lang-ur .sample-marker{font-size:9px}}
@media(max-width:365px){.cover h1{font-size:39px}.envelope-scene{min-width:205px}.header-tools{gap:12px}.hero-paper{min-height:790px;padding:150px 35px 185px}.couple-names{font-size:69px}.host-names{font-size:15px}.formal-invite{font-size:8px}.parentage{font-size:7px}.hero-dates{font-size:7px}.bismillah-translation{font-size:4.6px;letter-spacing:.4px}.hero-paper .bismillah{font-size:20px}.event-tabs button>span{font-size:20px}.event-timeline:before{left:69px}.countdown{gap:5px}.countdown b{font-size:35px;min-width:49px}.countdown>div{min-width:49px}.lang-ur .hero-paper{min-height:960px;padding:190px 30px 205px}.lang-ur .cover h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.fold,.envelope,.inside-card{transition:none}.hero-lantern-glow,.couple-names>span,.countdown b.tick,.event-panel.switching .event-timeline li{animation:none!important}.couple-names>span{opacity:1;clip-path:none}.envelope,.envelope:hover{transform:none}.event-timeline:before{transition:none}}

/* The seal sits in front of the silk tails; the inscription keeps clear of the wrap. */
.wax-medallion{z-index:19}.envelope-inscription{left:8%;right:57%;bottom:8%;font-size:18px;line-height:1.2}.lang-ur .envelope-inscription{left:8%;right:57%;bottom:8%}@media(max-width:700px){.envelope-inscription{font-size:15px}.lang-ur .envelope-inscription{font-size:13px}}

/* Clear monograms and a quiet paper field underneath every line of type. */
.wax-medallion>span{font-size:25px;letter-spacing:-1.5px;margin-right:5px}
.hero-paper{padding-bottom:310px;min-height:1170px}
@media(max-width:700px){.wax-medallion>span{font-size:21px}.hero-paper{padding-bottom:295px;min-height:940px}.parentage{font-size:10px;max-width:235px}.hero-dates{font-size:9px}.formal-invite{font-size:10px}.bismillah-translation{font-size:6px;letter-spacing:.5px}.down-link{font-size:7px}.lang-ur .hero-paper{padding-bottom:295px;min-height:1070px}}
@media(max-width:365px){.hero-paper{padding-bottom:260px}.parentage{font-size:9px}.hero-dates{font-size:8px}.formal-invite{font-size:9px}.bismillah-translation{font-size:5px}.lang-ur .hero-paper{padding-bottom:280px;min-height:1035px}}

/* Completion events keep the sequence intact even when a browser drops a frame. */
.seal-lift .wax-medallion{animation-duration:.85s}.flap-open .envelope-flap{animation-duration:.95s}.fold{transition-duration:.8s,.8s,.5s}.folds-open .fold-bottom{transition-delay:.1s}.card-out .inside-card{transition:transform .9s cubic-bezier(.2,.7,.15,1),box-shadow .9s}.departing{animation-duration:.65s}