@font-face{font-family:InvitationSerif;src:url('../assets/cormorant-05.ttf') format('truetype');font-display:swap}
@font-face{font-family:InvitationItalic;src:url('../assets/cormorant-00.ttf') format('truetype');font-display:swap}
.new-invitation{--serif:InvitationSerif,Georgia,serif;--display:InvitationSerif,Georgia,serif;--script:InvitationItalic,Georgia,serif;--gold:#b5a174;font-size:18px;background:var(--outside);color:var(--ink)}
.design-noor{--paper:#12253b;--ink:#ede2c8;--accent:#dcc793;--line:#8e815f;--outside:#091526;--scene:url('assets/noor-scene.svg')}
.design-jali{--paper:#f2ead7;--ink:#163c31;--accent:#1b5445;--line:#bba57a;--outside:#13372f;--scene:url('assets/jali-scene.svg')}
.design-safa{--paper:#f6f2e9;--ink:#3d4c36;--accent:#657556;--line:#bfb395;--outside:#dedfd2;--scene:url('assets/safa-scene.svg')}
.design-gul{--paper:#f5e8e3;--ink:#68384a;--accent:#8a4f64;--line:#bd9290;--outside:#e6d3d0;--scene:url('assets/gul-scene.svg')}
.new-invitation .stationery{max-width:620px;background:var(--paper);overflow:hidden}
.new-invitation h2{font-size:40px;line-height:1.07;letter-spacing:-.4px}
.new-invitation .eyebrow{font-size:8px;letter-spacing:2px;line-height:1.8;font-weight:400}
.new-invitation .masthead{height:64px;padding:0 7%;color:var(--ink)}
.new-invitation .mini-monogram{font:23px var(--script);letter-spacing:3px}
.new-invitation .mini-monogram em{font-size:16px}
.new-invitation .masthead nav{font-size:12px;gap:18px}
.new-invitation .new-hero{height:100svh;min-height:835px;max-height:1100px;padding:100px 7% 95px;display:flex;align-items:center;justify-content:center;background-image:var(--scene);background-size:100% 100%;background-position:center;position:relative}
.new-hero-copy{position:relative;z-index:1;width:100%;text-align:center}
.new-invitation .bismillah{width:180px;height:40px;object-fit:contain;margin:0 auto 20px}
.new-invitation .new-save-date{font:34px var(--script);margin:18px 0 20px}
.new-invitation .new-names{font:72px/.95 var(--display);font-weight:400;display:grid;gap:7px;letter-spacing:-1.5px}
.new-names em{font:27px var(--script);letter-spacing:0;color:var(--accent)}
.new-names:focus{outline:none}
.new-wedding-label{font:16px var(--script);margin:24px 0 0}
.new-dates{font:24px var(--serif);margin:22px 0 10px}
.new-countdown{margin:29px auto 0;max-width:350px}
.new-countdown>p{font:16px var(--script)}
.new-countdown .countdown{margin-top:14px;gap:16px}
.new-countdown .countdown strong{font:34px/1 var(--serif)}
.new-countdown .countdown div{min-width:42px}
.new-countdown .countdown span{font-size:7px;letter-spacing:1.4px}
.new-countdown small{display:block;font:11px var(--serif);margin-top:17px;opacity:.65}
.new-invitation .scroll-cue{bottom:27px;color:var(--accent)}
.hero-ornament{position:absolute;inset:0;pointer-events:none}
.new-family{padding:60px 7% 32px;text-align:center}
.new-invitation .family-frame{padding:48px 22px 38px;background:transparent;border-color:var(--line)}
.new-invitation .family-frame:before{border-color:var(--line)}
.new-family .family-frame>p:not(.eyebrow){font-size:17px;line-height:1.45}
.new-family h2{margin:22px 0}
.new-family .family-pair{margin:34px 0 28px;gap:10px}
.new-family .family-pair h3{font:43px var(--script);margin-bottom:8px}
.new-family .family-pair p{font-size:14px;line-height:1.5}
.new-family .family-pair strong{font-size:16px;line-height:1.3}
.new-family .family-foot{font:17px/1.45 var(--script)!important}
.new-celebrations{padding:32px 7% 45px;position:relative}
.new-celebrations .section-heading{margin:0 auto 34px;max-width:440px}
.new-celebrations .section-heading h2{font-size:40px;margin:18px 0}
.new-celebrations .section-heading>p:last-child{font-size:17px;line-height:1.4}
.new-event{position:relative;text-align:center;padding:40px 20px 38px;margin:25px 0;border:1px solid var(--line)}
.event-marker{width:39px;height:39px;margin:0 auto 25px;border:1px solid var(--line);transform:rotate(45deg);display:grid;place-items:center}
.event-marker span{font:15px var(--serif);transform:rotate(-45deg)}
.new-event h3{font:39px/1.05 var(--script);margin:16px 0 12px}
.event-note{font:16px var(--script);opacity:.8}
.event-date-line{display:grid;gap:5px;margin:24px 0}
.event-date-line strong{font-size:21px;font-weight:400}
.event-date-line span{font-size:17px;line-height:1.2}
.new-event h4{font:24px/1.16 var(--display);font-weight:400;max-width:310px;margin:0 auto 8px}
.new-event .event-area{font-size:16px}
.new-event-actions{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:25px}
.map-link{border:1px solid var(--accent);background:var(--accent);color:var(--paper);min-height:44px;padding:10px 17px;display:inline-flex;align-items:center;font:14px var(--serif)}
.new-event .calendar-button{font:13px var(--serif);padding:8px;min-height:44px}
.new-date{padding:40px 7% 45px}
.new-date h2{margin-top:15px}
.new-date .scratch-instruction{font-size:17px;line-height:1.4}
.new-date .scratch-shell{height:230px;transform:none;border:5px double var(--line)}
.new-date .date-inside{background:var(--paper);color:var(--ink)}
.new-date .date-inside strong{font-size:65px}
.new-date .date-inside p{font:29px var(--script)}
.new-invitation .new-closing{padding:45px 8% 66px;background:var(--paper);border:0}
.new-closing h2{font-size:39px;margin:22px 0}
.new-invitation .new-closing>p:not(.eyebrow){font-size:17px}
.closing-names{font:48px var(--script);margin:27px 0 20px}
.closing-names em{font-size:26px;margin:0 8px}
.new-invitation .share-button{font-size:15px;border-radius:2px}
.new-invitation footer{font-size:9px;padding-bottom:90px}
.new-invitation .music-button{right:max(14px,calc((100vw - 620px)/2 + 14px));max-width:180px;font-size:11px;min-height:44px;background:var(--paper);color:var(--ink);padding:9px 13px}
.new-welcome{background:var(--paper);overflow:hidden;transition:opacity .5s 1.3s,visibility 0s 1.9s;color:var(--ink);isolation:isolate}
.new-welcome:before{content:'';position:absolute;inset:0;max-width:620px;margin:auto;background-image:var(--scene);background-size:cover;background-position:center;opacity:.7;z-index:-1}
.new-intro-top{position:absolute;top:8%;left:7%;right:7%;text-align:center;z-index:4;transition:opacity .3s .5s}
.intro-names{font:42px var(--script);margin-top:14px}
.intro-names em{font-size:24px;margin:0 8px}
.new-intro-art{position:absolute;inset:23% 0 26%;max-width:520px;margin:auto;display:grid;place-items:center}
.new-intro-actions{position:absolute;bottom:max(7%,32px);left:50%;transform:translateX(-50%);text-align:center;width:90%;max-width:440px;z-index:5;transition:opacity .3s .45s}
.new-open-button{font:18px var(--serif);padding:13px 24px;background:var(--accent);color:var(--paper);border:1px solid var(--accent);min-height:54px;display:inline-flex;gap:25px;align-items:center;justify-content:center;box-shadow:0 7px 30px #0001;border-radius:2px}
.new-welcome .silent-button{display:block;margin:11px auto 0;color:var(--ink);font:13px var(--serif);min-height:44px;opacity:.85}
.new-welcome.is-opening .new-intro-top,.new-welcome.is-opening .new-intro-actions{opacity:0;pointer-events:none}
/* Noor: lantern ignition, a rising moon and a circle of light. */
.design-noor .bismillah{filter:sepia(1) brightness(2.5);mix-blend-mode:screen;opacity:.8}
.design-noor .new-hero{background-size:cover;background-position:center;min-height:920px;padding-top:155px;padding-bottom:120px}
.design-noor .new-hero-copy{background:radial-gradient(ellipse,#13283e95,#13283e00 70%);text-shadow:0 2px 12px #091c31}
.design-noor .new-names{font-size:80px;gap:10px}
.design-noor .new-save-date{font-size:32px}
.design-noor .new-family{background:linear-gradient(#12253b,#172b40)}
.design-noor .family-frame{border:0;padding:42px 15px 30px}
.design-noor .family-frame:before{border:1px solid #9e8b6550;border-radius:150px 150px 0 0}
.design-noor .new-celebrations{background:linear-gradient(#172b40,#102238)}
.design-noor .new-celebrations:before{content:'';position:absolute;top:300px;bottom:90px;left:50%;width:1px;background:#7c816455}
.design-noor .new-event{background:#10243b;border:0;border-radius:160px 160px 8px 8px;padding-top:48px;box-shadow:0 0 0 1px #a99a6f55;margin:40px 0}
.design-noor .event-marker{border-radius:50%;transform:none;box-shadow:0 0 25px #d7b76533}
.design-noor .event-marker span{transform:none}
.design-noor .new-date,.design-noor .new-closing{background:#102238}
.design-noor .new-closing{background-image:var(--scene);background-position:center bottom;background-size:cover}
.design-noor .petals i{background:#e5d4a9;width:2px;height:2px;border-radius:50%;box-shadow:0 0 10px 3px #ead6a122;opacity:.55}
.lantern-object{position:relative;width:150px;height:260px;z-index:2;transform-origin:top;animation:lantern-sway 6s ease-in-out infinite}
.lantern-chain{position:absolute;width:1px;background:#b9a47b;height:110px;top:-100px;left:50%}
.lantern-cap{display:block;position:absolute;top:10px;left:25px;width:100px;height:55px;background:#bda576;clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%)}
.lantern-glass{position:absolute;top:65px;left:12px;width:126px;height:147px;background:linear-gradient(90deg,#53646588,#354656aa,#53646588);border:4px solid #bca475;border-radius:22px 22px 25px 25px;box-shadow:inset 0 0 0 5px #bcc1ac30;transition:background 1s,box-shadow 1s}
.lantern-glass:before,.lantern-glass:after{content:'';position:absolute;top:0;bottom:0;width:2px;background:#bba576;left:30%}.lantern-glass:after{left:70%}
.lantern-glass i{position:absolute;left:calc(50% - 9px);bottom:30px;width:18px;height:50px;background:#ded5ba;border-radius:2px}
.lantern-glass i:before{content:'';position:absolute;top:-20px;left:4px;width:10px;height:20px;border-radius:50% 50% 50% 0;background:#f8de8d;transform:rotate(35deg);opacity:.1;transition:opacity .4s,box-shadow .5s}
.lantern-base{position:absolute;top:212px;left:25px;width:100px;height:18px;border:2px solid #bca475;border-radius:40%;background:#9a865c}
.lantern-base:after{content:'';position:absolute;top:16px;left:46px;width:6px;height:22px;background:#bca475;border-radius:50%}
.lantern-halo{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(#e9cb8555,transparent 65%);opacity:0;transform:scale(.3);transition:transform 1.5s .2s,opacity 1s}
.intro-moon{position:absolute;right:9%;top:-3%;color:#dfd3ae;font:90px Georgia,serif;opacity:.4;transition:transform 1.4s,opacity 1.4s}
.intro-noor.is-opening .lantern-glass{background:#f3cf744d;box-shadow:0 0 80px 30px #ebcd8a66,inset 0 0 40px #f0d58a}
.intro-noor.is-opening .lantern-glass i:before{opacity:1;box-shadow:0 0 35px 18px #f4d98d}
.intro-noor.is-opening .lantern-halo{transform:scale(8);opacity:1}
.intro-noor.is-opening .intro-moon{transform:translateY(-130px);opacity:1}
.intro-noor:before{opacity:.22}
.intro-noor .intro-names{text-shadow:0 2px 10px #071529}
.design-noor .reveal{transition:opacity 1.1s,filter 1.1s,transform 1.1s}
.js .design-noor .reveal:not(.visible){filter:blur(5px);transform:translateY(18px)}
/* Mehraab: one lifting geometric screen, then arched scroll reveals. */
.design-jali .new-hero{background-size:100% 100%;padding:168px 14% 175px;min-height:950px;color:#163c31}
.design-jali .masthead{color:#f2e1b9}
.design-jali .new-hero .bismillah{width:130px;height:35px;margin-bottom:12px}
.design-jali .new-names{font-size:67px}
.design-jali .new-save-date{font-size:28px;margin:14px 0 18px}
.design-jali .new-wedding-label{font-size:15px;margin-top:20px}
.design-jali .new-dates{font-size:21px;margin-top:22px}
.design-jali .new-countdown{margin-top:24px}
.design-jali .new-countdown .countdown{gap:12px}
.design-jali .new-countdown .countdown strong{font-size:29px}
.design-jali .new-hero .scroll-cue{color:#e1c88e;bottom:28px}
.design-jali .new-family .family-frame{border-radius:180px 180px 0 0;padding-top:60px}
.design-jali .family-frame:before{border-radius:174px 174px 0 0}
.design-jali .new-celebrations{background:#163f34;color:#f0e4cb;padding-bottom:55px}
.design-jali .new-event{border-color:#bfa56b;border-radius:110px 110px 4px 4px;background:#1b493b;padding-top:43px}
.design-jali .map-link{color:#193c31;background:#d8bd83;border-color:#d8bd83}
.design-jali .new-event .calendar-button{color:#eddbb5}
.design-jali .new-date{border-top:10px double #bda978}
.design-jali .petals{display:none}
.intro-jali{background:#133d31;color:#f0e1bd;transition:opacity .4s 1.3s,visibility 0s 1.8s}
.intro-jali:before{opacity:.13;background-size:100% auto}
.intro-jali .new-open-button{background:#d7bd85;border-color:#d7bd85;color:#193e31}
.intro-jali .silent-button{color:#eadbbd}
.jali-window{position:relative;width:min(70%,300px);height:100%;max-height:370px;min-height:270px;border:2px solid #c2a970;border-radius:150px 150px 3px 3px;overflow:hidden;background:#ece0bf;box-shadow:0 0 0 8px #c6ad7b14;isolation:isolate}
.jali-sheet{position:absolute;inset:0;z-index:2;transform:translateY(calc(var(--jali-lift,0) * -1px));transition:transform .3s;touch-action:none;background:#17463a;border-radius:inherit}
.jali-lattice{position:absolute;inset:0;background-image:url('assets/jali-pattern.svg');background-size:100px 100px;opacity:.85}
.jali-monogram{position:absolute;top:35%;left:0;width:100%;font:40px var(--script);text-align:center;background:#16463acc;padding:15px 0;color:#eadbb8}.jali-monogram em{font-size:24px}
.jali-handle{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);text-align:center;color:#e4c98f;width:130px;min-height:54px;cursor:grab}
.jali-handle span{display:block;width:64px;height:10px;margin:0 auto 13px;border:2px solid #d8be87;border-radius:9px;background:#948455}
.jali-handle small{font:8px Arial,sans-serif;letter-spacing:2px}
.jali-behind{position:absolute;inset:0;display:grid;align-content:center;text-align:center;color:#264533;font:35px/1.1 var(--script)}
.jali-swipe-hint{font:12px var(--serif);margin:12px 0 2px}
.intro-jali.is-opening .jali-sheet{transform:translateY(-110%);transition:transform 1.3s cubic-bezier(.2,.7,.1,1)}
.js .design-jali .reveal:not(.visible){clip-path:inset(100% 0 0 0);transform:none}
.design-jali .reveal{transition:clip-path 1.1s cubic-bezier(.2,.7,.1,1),opacity 1.1s}
.design-jali .reveal.visible{clip-path:inset(0 0 0 0)}
/* Safa: a personal letter, released by the wax seal. */
.design-safa .stationery{max-width:680px}
.design-safa .new-hero{min-height:820px;padding:113px 10% 99px;background-size:100% 100%}
.design-safa .new-hero-copy{background:radial-gradient(ellipse,#f5f1e8e0,transparent 73%)}
.design-safa .new-names{display:flex;align-items:center;justify-content:center;font-size:60px;gap:12px;letter-spacing:-1.3px;margin:35px 0}
.design-safa .new-names em{font-size:28px}
.design-safa .new-save-date{font-size:38px;margin:28px 0}
.design-safa .new-wedding-label{font-size:18px;margin-top:25px}
.design-safa .new-countdown{margin-top:38px;border-top:1px solid #bdaf8c;padding-top:25px;max-width:310px}
.design-safa .new-family{padding-top:30px}
.design-safa .family-frame{background:#faf7ef;border:0;box-shadow:0 7px 27px #6d725310;transform:rotate(-.8deg)}
.design-safa .family-frame:before{border-color:#c9bd9e;inset:10px}
.design-safa .family-pair{grid-template-columns:1fr}
.design-safa .new-event{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;margin:34px 0;padding:35px 0 43px}
.design-safa .event-marker{border-radius:50%;transform:none;border:0;background:#758465;color:#fff5e0}
.design-safa .event-marker span{transform:none}
.design-safa .new-event h3{font-family:var(--display);font-size:43px}
.design-safa .new-closing{background-image:var(--scene);background-size:100% 100%}
.design-safa .petals{display:none}
.design-safa .music-button{right:max(14px,calc((100vw - 680px)/2 + 14px))}
.intro-safa:before{background-size:100% 100%}
.intro-safa{perspective:1100px;transition:opacity .6s 1.8s,visibility 0s 2.4s}
.letter-object{position:relative;width:min(85%,335px);height:210px;perspective:1000px;transform:rotate(-3deg)}
.letter-back{position:absolute;inset:0;background:#dfd9c7;border:1px solid #cbbda0;border-radius:4px;z-index:1}
.letter-note{position:absolute;inset:10px 15px 12px;background:#faf7ef;border:1px solid #c8b99b;z-index:2;padding:32px 8px;text-align:center;box-shadow:0 0 0 6px #ffffff inset;transition:transform 1s 1s}
.letter-note>span{font:7px Arial,sans-serif;letter-spacing:2px}
.letter-note p{font:35px var(--script);margin-top:20px}.letter-note em{font-size:22px}
.letter-flap{position:absolute;inset:0 0 auto;height:145px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#e7e1d1,#dbd3bc);z-index:4;transform-origin:top;backface-visibility:visible;transition:transform .9s .5s,z-index 0s .95s}
.letter-front{position:absolute;inset:0;background:linear-gradient(35deg,#f4eedc,#e8dfc8);clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%);z-index:3;border-radius:3px}
.letter-seal{position:absolute;left:calc(50% - 33px);top:110px;width:66px;height:66px;background:#6d795c;color:#eee4c5;border:4px double #9d9977;outline:3px solid #71805f;border-radius:50%;z-index:6;display:flex;justify-content:center;align-items:center;gap:3px;font:21px var(--script);box-shadow:2px 4px 6px #0003;transition:transform .45s,opacity .3s .25s}
.letter-seal span{font-size:12px}
.letter-ribbon{position:absolute;top:142px;height:18px;width:50%;background:#829076a8;z-index:5;transition:transform .6s .2s}
.ribbon-left{left:0;transform-origin:left}.ribbon-right{right:0;transform-origin:right}
.intro-safa.is-opening .letter-seal{transform:translateY(60px) rotate(35deg);opacity:0}
.intro-safa.is-opening .ribbon-left{transform:translateX(-100%) rotate(-12deg)}
.intro-safa.is-opening .ribbon-right{transform:translateX(100%) rotate(12deg)}
.intro-safa.is-opening .letter-flap{transform:rotateX(180deg);z-index:1}
.intro-safa.is-opening .letter-note{transform:translateY(-150px) rotate(3deg)}
.js .design-safa .reveal:not(.visible){transform:perspective(900px) rotateX(-12deg) translateY(35px);transform-origin:top}
.design-safa .reveal{transition:transform 1s,opacity 1s}
/* Gul: a flower unfurls; guests turn the event pages. */
.design-gul .stationery{max-width:580px}
.design-gul .new-hero{padding:105px 11% 125px;min-height:865px}
.design-gul .new-hero-copy{background:radial-gradient(ellipse,#f5e9e4a0,transparent 78%)}
.design-gul .new-save-date{font:38px var(--script);margin:25px 0}
.design-gul .new-names{font:64px var(--script);display:flex;gap:12px;justify-content:center;align-items:center;letter-spacing:-1px}
.design-gul .new-names em{font-size:27px}
.design-gul .new-wedding-label{font-size:16px;margin:26px 0}
.design-gul .new-countdown{margin-top:40px}
.design-gul .new-countdown .countdown div{width:54px;height:68px;padding-top:8px;border:1px solid #cbb09e;border-radius:32px 32px 2px 2px;gap:7px}
.design-gul .new-countdown .countdown strong{font-size:28px}
.design-gul .new-countdown .countdown{gap:9px}
.design-gul .family-frame{border:3px double #ba9191;border-radius:140px 140px 0 0;padding-top:55px}
.design-gul .family-frame:before{border:0}
.design-gul .new-celebrations{padding-left:5%;padding-right:5%;background:#eedcd8}
.design-gul .new-celebrations .section-heading{padding:0 3%}
.folio{border:1px solid #bf9797;background:#fcf5ef;box-shadow:8px 8px 0 -2px #e3c9c4,8px 8px 0 -1px #bf9797;position:relative;perspective:1000px}
.folio-tabs{display:flex;border-bottom:1px solid #c9aaa2}
.folio-tabs button{flex:1;min-width:0;padding:13px 2px;background:transparent;border:0;min-height:47px;font:12px/1.25 var(--serif);color:#6a3b4b}
.folio-tabs button[aria-selected=true]{background:#844b5f;color:#fff1e9}
.folio-panels{touch-action:pan-y}
.design-gul .folio-panel{border:0;background:#fcf5ef;margin:0;padding:28px 18px 31px;min-height:463px}
.folio-panel h3{font-size:37px}
.rose-medallion{height:55px;width:55px;background:#eed7d2;border:1px solid #c99c9f;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #f5e5df,0 0 0 6px #c99c9f}
.rose-medallion span{font:22px var(--script);color:#905265}
.folio-panel.page-enter{animation:folio-turn .7s both}
.folio-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-top:1px solid #cfb2aa;gap:8px}
.folio-navigation button{font:25px var(--serif);height:44px;width:44px;background:#eee0d6;border:1px solid #c5a79e;color:#7a465a;flex:none}
.folio-navigation button:disabled{opacity:.25;cursor:default}
.folio-navigation p{font:11px var(--serif);text-align:center}
.design-gul .new-date .scratch-shell{border-radius:90px 90px 2px 2px}
.design-gul .new-closing{background-image:var(--scene);background-size:cover;background-position:center}
.design-gul .music-button{right:max(14px,calc((100vw - 580px)/2 + 14px))}
.intro-gul{transition:opacity .5s 1.55s,visibility 0s 2.1s}
.intro-gul:before{background-size:cover;opacity:.4}
.bloom-object{width:210px;height:210px;position:relative;z-index:2;display:grid;place-items:center}
.bloom-object>i{position:absolute;width:98px;height:145px;top:5px;left:56px;transform-origin:50% 100%;transform:rotate(calc(var(--petal) * 45deg)) scale(.6);border-radius:70% 65% 50% 50%;background:linear-gradient(140deg,#e9b5b2,#b5768d);border:1px solid #a46679;box-shadow:inset 7px 7px 18px #ffddc733;transition:transform 1.3s cubic-bezier(.23,.8,.2,1);transition-delay:calc(var(--petal) * .045s)}
.bloom-object>span{position:absolute;width:108px;height:108px;top:95px;left:51px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#935368;border:4px double #d4aaa6;color:#f9e6d6;z-index:3;gap:5px;font:29px var(--script);transition:transform .8s .55s,opacity .8s .55s}.bloom-object em{font-size:17px}
.bloom-wash{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(#e6bbb9,#f5e8e3);opacity:0;transition:transform 1.6s .2s,opacity .7s}
.intro-gul.is-opening .bloom-object>i{transform:rotate(calc(var(--petal) * 45deg)) translateY(-68px) scale(1.5)}
.intro-gul.is-opening .bloom-object>span{transform:scale(1.2);opacity:0}
.intro-gul.is-opening .bloom-wash{transform:scale(12);opacity:1}
.js .design-gul .reveal:not(.visible){transform:scale(.97) translateY(18px)}
.design-gul .reveal{transition:opacity 1s,transform 1s}
@keyframes lantern-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes folio-turn{from{opacity:.25;transform:rotateY(calc(var(--page-direction,1) * 16deg)) translateX(calc(var(--page-direction,1) * 18px))}to{opacity:1;transform:none}}
@media(min-width:621px){.new-invitation .new-hero{height:980px}.design-safa .new-names{font-size:78px;gap:22px}.design-gul .new-names{font-size:77px}.new-invitation .new-family,.new-invitation .new-celebrations{padding-left:11%;padding-right:11%}.new-intro-art{inset:24% 0 26%}.new-intro-top{top:10%}.new-welcome:before{background-size:100% 100%}.design-jali .new-hero{height:1080px}.design-jali .new-names{font-size:77px}.design-jali .new-countdown .countdown strong{font-size:36px}.design-jali .new-dates{font-size:26px}}
@media(max-width:380px){.new-invitation{font-size:17px}.new-invitation .eyebrow{font-size:7px;letter-spacing:1.5px}.new-invitation .new-hero{min-height:790px;padding-left:8%;padding-right:8%}.new-invitation .new-names{font-size:63px}.new-invitation .new-save-date{font-size:29px}.new-wedding-label{font-size:15px}.new-countdown .countdown{gap:10px}.new-countdown .countdown strong{font-size:29px}.new-countdown .countdown div{min-width:39px}.new-invitation .new-dates{font-size:21px}.new-invitation .family-frame{padding-left:17px;padding-right:17px}.new-family .family-pair strong{font-size:15px}.new-invitation h2,.new-celebrations .section-heading h2{font-size:34px}.new-event h3{font-size:35px}.new-event{padding-left:15px;padding-right:15px}.new-event-actions{gap:9px}.new-intro-top .eyebrow{max-width:250px;margin:auto}.intro-names{font-size:37px}.new-intro-art{inset:24% 0 27%}.new-open-button{font-size:16px}.design-noor .new-hero{min-height:900px;padding-top:145px;padding-bottom:115px}.design-jali .new-hero{min-height:900px;padding:153px 14% 170px}.design-jali .new-names{font-size:58px}.design-jali .new-countdown .countdown{gap:8px}.design-jali .new-countdown .countdown div{min-width:32px}.design-jali .new-countdown .countdown strong{font-size:25px}.design-jali .new-wedding-label{font-size:13px}.design-jali .new-save-date{font-size:25px}.design-jali .new-dates{font-size:18px}.design-safa .new-names{font-size:51px;gap:8px;margin:29px 0}.design-safa .new-names em{font-size:23px}.design-safa .new-hero{min-height:795px;padding:110px 10% 95px}.design-safa .new-wedding-label{font-size:16px}.design-safa .new-countdown{margin-top:29px}.design-gul .new-names{font-size:50px;gap:7px}.design-gul .new-names em{font-size:23px}.design-gul .new-hero{min-height:810px;padding-bottom:125px}.design-gul .new-countdown .countdown div{width:44px;min-width:36px}.design-gul .new-countdown .countdown{gap:7px}.design-gul .folio-panel{padding-left:13px;padding-right:13px}.folio-tabs button{font-size:11px}}
@media(max-height:700px){.new-intro-top{top:5%}.new-intro-top .intro-names{margin-top:8px}.new-intro-art{inset:23% 0 31%}.new-intro-actions{bottom:4%}.lantern-object{transform:scale(.8);animation:none}.letter-object{height:180px;max-width:285px}.letter-seal{top:95px}.letter-ribbon{top:127px}.bloom-object{transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.new-invitation *,.new-invitation *:before,.new-invitation *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.new-welcome.is-opening{visibility:hidden;opacity:0}.new-invitation .reveal{clip-path:none!important;filter:none!important;transform:none!important;opacity:1!important}}