@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:wght@400;500;600&family=Great+Vibes&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--pink:#cb2f67;--gold:#a88a38;--ink:#5f453e}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#f9ecec;font-family:Cormorant Garamond,Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}.page-loader{z-index:30;color:#8f2750;pointer-events:none;background:radial-gradient(circle at 52% 34%,#ffffffb8,#ffffff61 31%,#0000 57%),linear-gradient(145deg,#fffaf0 0%,#fff7ed 46%,#f8dfe3 100%);place-items:center;animation:.55s 8.45s both loaderExit;display:grid;position:fixed;inset:0}.loader-content{text-align:center;flex-direction:column;align-items:center;width:min(620px,88vw);min-height:240px;display:flex;transform:translateY(26px)}.loader-names{color:var(--pink);text-shadow:0 1px #fff,0 2px 8px #cb2f6721;margin:0 0 24px;font-family:Great Vibes,Brush Script MT,cursive;font-size:36px;font-weight:400;line-height:1.05}.loader-names span{color:var(--gold);margin:0 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:.72em}.loader-invite{justify-content:center;align-items:center;gap:48px;width:100%;margin-bottom:6px;display:flex}.loader-invite span{background:linear-gradient(90deg,#0000,#d7b678);width:48px;height:1px}.loader-invite span:last-child{background:linear-gradient(90deg,#d7b678,#0000)}.loader-invite p{color:#a88a38;text-transform:uppercase;letter-spacing:5px;margin:0;font-size:13px;line-height:1}.loader-subtitle{color:var(--pink);text-transform:uppercase;letter-spacing:6px;margin:0;font-size:11px;line-height:1.4}.loader-progress{width:160px;height:22px;margin-top:78px;position:relative}.loader-progress span{transform-origin:0;background:linear-gradient(90deg,#d99334 0%,#ef3c79 42%,#ffd6a8 58%,#ef3c79 72%,#f1c3aa 100%) 0 0/220% 100%;height:2px;animation:8.5s linear both loaderBar;position:absolute;top:10px;left:0;right:0;box-shadow:0 0 8px #ef3c7952,0 0 12px #d9933433}.loader-progress span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffeb,#0000);width:42px;animation:1.35s linear infinite loaderShine;position:absolute;top:-2px;bottom:-2px;left:-32px}.loader-progress:before{content:"";background:#d69e7840;height:2px;position:absolute;top:10px;left:0;right:0}.loader-progress i{color:#ffadc3;opacity:0;text-shadow:0 1px #fff;font-size:11px;font-style:normal;line-height:1;animation:1.9s ease-out both loaderFlowerPop;position:absolute;top:10px;left:0;transform:translate(0)scale(.25)rotate(-18deg)}.loader-progress i:nth-child(2){--travel:8px;--rise:-13px;--drift:-7px;animation-delay:1.1s}.loader-progress i:nth-child(3){color:#e7b95a;--travel:14px;--rise:-19px;--drift:5px;font-size:8px;animation-delay:1.35s}.loader-progress i:nth-child(4){color:#e19178;--travel:6px;--rise:-9px;--drift:6px;font-size:7px;animation-delay:1.7s}.loader-progress i:nth-child(5){--travel:21px;--rise:-18px;--drift:8px;animation-delay:2.15s}.loader-progress i:nth-child(6){color:#e7b95a;--travel:28px;--rise:-11px;--drift:-5px;font-size:8px;animation-delay:2.45s}.loader-progress i:nth-child(7){color:#e19178;--travel:16px;--rise:-24px;--drift:-7px;font-size:7px;animation-delay:2.85s}.loader-progress i:nth-child(8){--travel:38px;--rise:-15px;--drift:-8px;animation-delay:3.25s}.loader-progress i:nth-child(9){color:#e7b95a;--travel:47px;--rise:-22px;--drift:6px;font-size:8px;animation-delay:3.55s}.loader-progress i:nth-child(10){color:#e19178;--travel:30px;--rise:-10px;--drift:7px;font-size:7px;animation-delay:3.95s}.loader-progress i:nth-child(11){--travel:58px;--rise:-19px;--drift:8px;animation-delay:4.3s}.loader-progress i:nth-child(12){color:#e7b95a;--travel:70px;--rise:-12px;--drift:-6px;font-size:8px;animation-delay:4.65s}.loader-progress i:nth-child(13){color:#e19178;--travel:45px;--rise:-25px;--drift:-8px;font-size:7px;animation-delay:5s}.loader-progress i:nth-child(14){--travel:78px;--rise:-15px;--drift:-8px;animation-delay:5.35s}.loader-progress i:nth-child(15){color:#e7b95a;--travel:92px;--rise:-22px;--drift:6px;font-size:8px;animation-delay:5.7s}.loader-progress i:nth-child(16){color:#e19178;--travel:64px;--rise:-10px;--drift:7px;font-size:7px;animation-delay:6.05s}.loader-progress i:nth-child(17){--travel:102px;--rise:-20px;--drift:7px;animation-delay:6.3s}.loader-progress i:nth-child(18){color:#e7b95a;--travel:117px;--rise:-12px;--drift:-6px;font-size:8px;animation-delay:6.6s}.loader-progress i:nth-child(19){color:#e19178;--travel:78px;--rise:-25px;--drift:-8px;font-size:7px;animation-delay:6.9s}.loader-progress i:nth-child(20){--travel:124px;--rise:-15px;--drift:-8px;animation-delay:7.15s}.loader-progress i:nth-child(21){color:#e7b95a;--travel:139px;--rise:-22px;--drift:6px;font-size:8px;animation-delay:7.35s}.loader-progress i:nth-child(22){color:#e19178;--travel:96px;--rise:-10px;--drift:7px;font-size:7px;animation-delay:7.55s}.loader-progress i:nth-child(23){--travel:144px;--rise:-18px;--drift:7px;animation-delay:7.72s}.loader-progress i:nth-child(24){color:#e7b95a;--travel:151px;--rise:-11px;--drift:-6px;font-size:8px;animation-delay:7.9s}.loader-progress i:nth-child(25){color:#e19178;--travel:118px;--rise:-24px;--drift:-8px;font-size:7px;animation-delay:8.05s}@keyframes loaderBar{0%{background-position:0 0;transform:scaleX(0)}to{background-position:180% 0;transform:scaleX(1)}}@keyframes loaderShine{0%{transform:translate(0)}to{transform:translate(190px)}}@keyframes loaderFlowerPop{0%{opacity:0;transform:translate(calc(var(--travel) - 2px),0) scale(.18) rotate(-18deg)}18%{opacity:1;transform:translate(var(--travel),var(--rise)) scale(1.05) rotate(9deg)}42%{opacity:.95;transform:translate(calc(var(--travel) + var(--drift)),calc(var(--rise) + 5px)) scale(.86) rotate(-8deg)}to{opacity:0;transform:translate(calc(var(--travel) + var(--drift)),calc(var(--rise) + 12px)) scale(.48) rotate(16deg)}}@keyframes loaderExit{0%,92%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.invitation{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ffffffbf,#0000 36%),linear-gradient(#fffaf0 0%,#fff8f1 36%,#f8dbe1 100%);place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.invitation-scroll{z-index:3;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;place-items:center;width:100%;height:100%;padding:70px 24px 80px;display:grid;position:relative;overflow:hidden auto}.invitation-scroll::-webkit-scrollbar{display:none}.touch-flowers{z-index:8;pointer-events:none;position:fixed;inset:0;overflow:hidden}.touch-flowers span{color:#ffadc3;text-shadow:0 1px #fff;font-size:16px;line-height:1;animation:1.2s ease-out both touchFlowerFloat;position:absolute;transform:translate(-50%,-50%)scale(.45)}.touch-flowers span:nth-child(3n+2){color:#e7b95a;font-size:11px}.touch-flowers span:nth-child(3n){color:#e19178;font-size:13px}@keyframes touchFlowerFloat{0%{opacity:0;transform:translate(-50%,-20%)scale(.35)rotate(-12deg)}24%{opacity:1;transform:translate(-50%,-90%)scale(1.05)rotate(8deg)}to{opacity:0;transform:translate(-50%,-190%)scale(.72)rotate(28deg)}}.floral{pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;opacity:0;width:min(21vw,280px);height:auto;position:fixed}.is-ready .floral{animation:1.8s cubic-bezier(.16,1,.3,1) both floralIn,7s ease-in-out 1.8s infinite float}.floral-tl{--leaf-x:-90px;--leaf-y:-90px;top:0;left:0}.floral-tr{--leaf-x:90px;--leaf-y:-90px;top:0;right:0}.floral-bl{--leaf-x:-90px;--leaf-y:90px;bottom:0;left:0}.floral-br{--leaf-x:90px;--leaf-y:90px;bottom:0;right:0}.is-ready .floral-tl{animation-duration:1.8s,7.2s;animation-delay:.15s,1.95s}.is-ready .floral-tr{animation-duration:1.8s,7.8s;animation-delay:.15s,1.95s}.is-ready .floral-bl{animation-duration:1.8s,7.5s;animation-delay:.15s,1.95s}.is-ready .floral-br{animation-duration:1.8s,8.1s;animation-delay:.15s,1.95s}@keyframes floralIn{0%{opacity:0;transform:translate(var(--leaf-x),var(--leaf-y)) scale(.65) rotate(-2deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.5deg)}}.rainbow-frame{-webkit-mask-composite:xor;pointer-events:none;z-index:9;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#0000,#0000) 0 0/100% 100% padding-box padding-box,linear-gradient(90deg,#688f43,#db9f49,#ef3c79,#688f43,#688f43) 0 0/300% 100% border-box;border:3px solid #0000;animation:8s linear infinite shimmerBorder;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shimmerBorder{to{background-position:0 0,300% 0}}.music{z-index:12;color:#8f2750;cursor:pointer;opacity:0;background:#f6b7c3eb;border:1px solid #aa813b;border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;transition:all .2s;animation:.8s .3s both floralIn;display:grid;position:fixed;top:24px;right:24px;box-shadow:0 3px 10px #905e6a55}.music:hover{transform:scale(1.06)}.music.playing{animation:.8s .3s both floralIn,1.8s ease-out 1.1s infinite pulseRing}@keyframes pulseRing{0%{box-shadow:0 3px 10px #905e6a55,0 0 #cb2f6755}70%{box-shadow:0 3px 10px #905e6a55,0 0 0 10px #cb2f6700}to{box-shadow:0 3px 10px #905e6a55,0 0 #cb2f6700}}.card{text-align:center;z-index:3;opacity:0;width:min(650px,90vw);position:relative}.is-ready .card{animation:.95s cubic-bezier(.16,1,.3,1) .25s both cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:none}}.card>*{opacity:0}.is-ready .card>*{animation:1s cubic-bezier(.16,1,.3,1) both fadeUp}.is-ready .card>:first-child{animation-delay:.45s}.is-ready .card>:nth-child(2){animation-delay:.58s}.is-ready .card>:nth-child(3){animation-delay:.71s}.is-ready .card>:nth-child(4){animation-delay:.84s}.is-ready .card>:nth-child(5){animation-delay:.97s}.is-ready .card>:nth-child(6){animation-delay:1.1s}.is-ready .card>:nth-child(7){animation-delay:1.23s}.is-ready .card>:nth-child(8){animation-delay:1.36s}.is-ready .card>:nth-child(9){animation-delay:1.49s}.is-ready .card>:nth-child(10){animation-delay:1.62s}.is-ready .card>:nth-child(11){animation-delay:1.75s}.is-ready .card>:nth-child(12){animation-delay:1.88s}.is-ready .card>:nth-child(13){animation-delay:2.01s}.is-ready .card>:nth-child(14){animation-delay:2.14s}.is-ready .card>:nth-child(15){animation-delay:2.27s}.is-ready .card>:nth-child(16){animation-delay:2.4s}@keyframes fadeUp{0%{opacity:0;filter:blur(3px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:none}}.petals{color:#e19178;justify-content:center;gap:10px;margin:2px 0 12px;font-size:14px;display:flex}.petals span{animation:3.4s ease-in-out infinite petalSway;display:inline-block}.petals span:nth-child(odd){color:#a88a38;animation-duration:4s}.petals span:first-child{animation-delay:0s}.petals span:nth-child(2){animation-delay:.3s}.petals span:nth-child(3){animation-delay:.6s}.petals span:nth-child(4){animation-delay:.9s}.petals span:nth-child(5){animation-delay:1.2s}.petals span:nth-child(6){animation-delay:1.5s}@keyframes petalSway{0%,to{opacity:.75;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-4px)rotate(12deg)}}.bismillah{color:#e19178;text-shadow:0 1px #fff;margin:0 0 2px;font-family:Amiri,serif;font-size:21px}.card .translation{color:#9b6e61;letter-spacing:.4px;margin-bottom:9px;font-size:12px}.card .hosts{font-size:12px;line-height:1.2}.hosts strong{font-size:14px;font-weight:600}.card .invite-copy{margin:10px 0 13px;font-size:13px;font-style:italic;line-height:1.25}h1,h2{color:var(--pink);margin:0 0 5px;font-family:Great Vibes,Brush Script MT,cursive;font-size:44px;font-weight:400;line-height:1}.card p{margin:3px 0;font-size:14px;line-height:1.25}.card .family{font-size:12px;line-height:1.3}.ampersand{color:var(--gold);margin:4px 0 5px;font-family:Great Vibes,cursive;font-size:28px;line-height:1}.card .ampersand{display:inline-block}.is-ready .card .ampersand{animation:1s cubic-bezier(.16,1,.3,1) 1.23s both fadeUp,2.6s ease-in-out 3s infinite ampPulse}@keyframes ampPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.card .bride-family{margin-top:6px}.card .nikkah{color:#7f2446;margin:8px 0 0;font-size:14px;font-weight:600}.date{color:#7f2446;justify-content:center;align-items:baseline;gap:4px;margin-top:14px;display:flex}.month{font-family:Great Vibes,cursive;font-size:35px}.day{font-family:Cormorant Garamond,serif;font-size:50px;font-weight:500}.year{letter-spacing:2px;font-size:16px}.weekday{text-transform:uppercase;letter-spacing:6px;color:#5e4840;margin-top:-4px;font-size:10px}.time{color:#8b3853;text-transform:uppercase;letter-spacing:2px;justify-content:center;align-items:center;gap:12px;margin:8px auto 25px;font-size:16px;display:flex}.time span{background:#d9a9ad;width:62px;height:1px}.venue{color:#8a304f;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(#f5b7c2,#efa4b5);border:1px solid #9f7639;border-radius:27px;flex-direction:column;justify-content:center;width:250px;min-height:58px;margin:0 auto 13px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px #cf3264,0 8px 12px #996c6c33}.venue:hover{transform:translateY(-2px);box-shadow:0 6px #cf3264,0 10px 14px #996c6c33}.venue strong{font-size:12px;font-weight:500}.venue small{font-size:10px}.pin{color:#a84a5d;margin-bottom:3px;font-size:9px;line-height:1}.calendar{color:#9e8042;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#fff9eca6;border:1px solid #d5b87a;border-radius:18px;padding:8px 17px;font:600 10px Cormorant Garamond,serif;transition:all .2s}.calendar:hover{background:#fff8e9;transform:translateY(-1px)}.card .sharing{color:#8b3853;letter-spacing:.5px;margin-top:13px;font-size:12px;font-style:italic}@media (width<=640px){.invitation{height:100svh}.invitation-scroll{align-items:start;padding:92px 18px 84px}.floral{width:40vw}.music{width:40px;height:40px;top:18px;right:18px}.card{width:95vw}.bismillah{font-size:18px}.card .translation{font-size:10.5px}.card .hosts{padding:0 18px;font-size:11px}.card .invite-copy{margin:9px 0 12px;font-size:12px}h1,h2{font-size:39px}.card p{padding:0 26px;font-size:13px}.card .family{font-size:10.5px}.date{margin-top:12px}.month{font-size:28px}.day{font-size:43px}.year{font-size:13px}.time{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card,.card>*,.floral,.music,.music.playing,.card .ampersand,.petals span,.rainbow-frame,.page-loader,.page-loader:before,.page-loader:after,.loader-initials,.loader-ring,.loader-petal,.page-loader p{animation:none!important}.card>*,.floral,.music{opacity:1!important;transform:none!important}.page-loader{display:none!important}}