@font-face{font-family:Diwani Letter;src:url(/fonts/Diwani-Letter.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Rakkas;src:url(/fonts/Rakkas-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/Cairo-Variable.ttf)format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{color:#604a2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ead9c6;font-family:Diwani Letter,Rakkas,Cairo,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}body.invitation-locked{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #7a5a2c}img,video{max-width:100%;display:block}#root{min-height:100svh}:root{--canvas:#f3e2cf;--canvas-deep:#ead2ba;--cream:#fff8ec;--gold:#9a7335;--gold-dark:#6f5128;--ink:#493a2e;--olive:#747b54}.site-backdrop{z-index:-2;background:radial-gradient(circle at 50% 18%,#fffaefeb,#0000 32%),linear-gradient(145deg,#e7d2bd,#f4e7d8 48%,#dfc7ae);position:fixed;inset:0}.site-backdrop:after{content:"";background-image:radial-gradient(#9e74361a .6px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0}.invitation-page{background:radial-gradient(circle at 18% 8%, #ffffff8c 0 1px, transparent 1.7px), radial-gradient(circle at 78% 22%, #ffffff73 0 .8px, transparent 1.5px), var(--canvas);background-size:23px 27px,31px 35px,auto;width:min(100%,440px);min-height:100svh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #4a331d24}.section-pad{text-align:center;padding:70px 28px;position:relative}.section-heading{z-index:2;justify-items:center;margin-bottom:34px;display:grid;position:relative}.section-heading h2{color:var(--gold-dark);margin:0;font-size:clamp(2rem,10vw,3.2rem);font-weight:400;line-height:1.15}.section-heading img{width:150px;margin-top:8px;animation:5s ease-in-out infinite divider-breathe}.envelope-gate{z-index:100;background:radial-gradient(circle at 50% 45%,#ffffffe6,#0000 34%),linear-gradient(145deg,#ead8c4,#faf1e5 48%,#e4cfb8);place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0;overflow:hidden}.envelope-gate--opened{visibility:hidden;opacity:0;pointer-events:none}.envelope-gate__trigger{width:100%;color:var(--gold-dark);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.envelope-gate__trigger:disabled{cursor:default}.envelope{perspective:1200px;filter:drop-shadow(0 24px 35px #5b3b1b2e);width:min(88vw,380px);height:260px;transition:transform .9s cubic-bezier(.22,.7,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.envelope__base{background:linear-gradient(145deg,#0000 49.5%,#c9b49442 50%,#0000 50.5%),linear-gradient(215deg,#0000 49.5%,#c9b49442 50%,#0000 50.5%),#faf5eb;border:1px solid #ab8f6347;border-radius:4px 4px 22px 22px;position:absolute;inset:32px 2% 0}.envelope__letter{z-index:1;min-height:180px;color:var(--gold-dark);background:#fffaf1;border:1px solid #a07a3c3d;border-radius:5px;place-content:center;font-size:2rem;line-height:.9;transition:transform .9s cubic-bezier(.2,.75,.2,1) .25s;display:grid;position:absolute;top:12px;left:11%;right:11%}.envelope__and{font-size:1rem}.envelope__body,.envelope__flap{z-index:2;object-fit:fill;width:100%;height:100%;position:absolute;inset-inline:0}.envelope__body{top:33px;transform:rotate(180deg)}.envelope__flap{z-index:3;transform-origin:50% 8%;transition:transform 1s cubic-bezier(.2,.65,.2,1);top:18px}.envelope__seal{z-index:4;object-fit:contain;width:90px;height:90px;transition:opacity .35s,transform .5s;position:absolute;top:114px;left:50%;transform:translate(-50%)}.envelope-gate--opening .envelope,.envelope-gate--opened .envelope{transform:translate(-50%,-47%)scale(1.04)}.envelope-gate--opening .envelope__flap,.envelope-gate--opened .envelope__flap{transform:rotateX(178deg)translateY(-4px)}.envelope-gate--opening .envelope__seal,.envelope-gate--opened .envelope__seal{opacity:0;transform:translate(-50%)scale(.65)}.envelope-gate--opening .envelope__letter,.envelope-gate--opened .envelope__letter{transform:translateY(-118px)}.envelope-gate__prompt{bottom:max(8%, calc(env(safe-area-inset-bottom) + 20px));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffaf1c2;border:1px solid #8d653033;border-radius:999px;flex-direction:column;align-items:center;gap:8px;padding:10px 18px;font-size:1rem;transition:opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #50371d1a}.envelope-gate--opening .envelope-gate__prompt,.envelope-gate--opened .envelope-gate__prompt{opacity:0}.envelope-gate__chevron{border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;animation:1.8s ease-in-out infinite chevron-breathe;transform:rotate(45deg)}.envelope-gate__skip{bottom:max(4%, calc(env(safe-area-inset-bottom) + 10px));z-index:5;color:var(--gold-dark);cursor:pointer;background:#fffaf2db;border:1px solid #74532a47;border-radius:999px;padding:8px 15px;position:absolute}.audio-control-shell{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:90;align-items:flex-end;gap:8px;display:flex;position:fixed}.audio-control{color:#fff;background:var(--olive);cursor:pointer;border:1px solid #ffffff61;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;padding:15px;display:grid;box-shadow:0 8px 24px #37321f3d}.audio-control svg{fill:currentColor;width:100%}.audio-error{color:#503d29;background:#fff9eff0;border-radius:8px;max-width:185px;margin:0 0 5px;padding:7px 10px;font-family:Cairo,Arial,sans-serif;font-size:.7rem;line-height:1.5;box-shadow:0 5px 20px #4b321824}.reliable-video{background:var(--canvas-deep);position:absolute;inset:0;overflow:hidden}.reliable-video__poster,.reliable-video__media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reliable-video__poster{opacity:.92}.reliable-video__media{opacity:0;transition:opacity .5s}.reliable-video__media.is-ready{opacity:1}.media-retry{z-index:3;width:max-content;max-width:calc(100% - 32px);color:var(--gold-dark);cursor:pointer;background:#fffaf1e6;border:1px solid #7e5b2e5c;border-radius:999px;padding:8px 13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-section{background:#f4dfc8;min-height:780px;position:relative;overflow:hidden}.hero-video:after{background:linear-gradient(to bottom, transparent 58%, var(--canvas) 100%);content:"";position:absolute;inset:0}.hero-section__veil{z-index:1;background:radial-gradient(circle at center 40%, transparent 15%, #5739191a 90%), linear-gradient(to bottom, transparent 64%, var(--canvas) 100%);pointer-events:none;position:absolute;inset:0}.hero-section__content{z-index:2;color:var(--gold-dark);text-align:center;text-shadow:0 1px 10px #fff8e8e6;justify-items:center;animation:1.8s 1.4s both hero-content-in;display:grid;position:absolute;top:34%;left:0;right:0}.hero-section__name,.hero-section__and,.hero-section__date-label{margin:0}.hero-section__name{font-size:3.8rem;line-height:.9}.hero-section__and{margin:4px 0;font-size:1.25rem}.hero-section time{margin-top:20px;font-family:Rakkas,Cairo,sans-serif;font-size:1.05rem}.hero-section__date-label{font-size:1.15rem}.scroll-cue{z-index:3;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);width:10px;height:10px;animation:1.8s ease-in-out infinite scroll-cue;position:absolute;bottom:28px;left:50%;transform:translate(-50%)rotate(45deg)}.invitation-message{min-height:790px;padding:48px 24px}.invitation-message__frame{object-fit:fill;width:calc(100% - 36px);height:calc(100% - 70px);position:absolute;inset:35px 18px}.invitation-message__content{z-index:1;align-content:start;justify-items:center;min-height:690px;padding:55px 34px 36px;display:grid;position:relative}.bismillah{width:220px;margin-bottom:20px}.small-flower{width:48px;margin-bottom:24px}.invitation-message__verse{color:var(--gold-dark);margin:0;font-size:1.9rem;line-height:1.25}.invitation-message__body{max-width:290px;color:var(--ink);margin:32px 0 0;font-size:1.2rem;line-height:1.6}.invitation-message__signature{color:var(--gold-dark);margin:auto 0 8px;font-size:2.2rem}.decor-line{width:210px}.countdown-section{padding-top:50px;padding-bottom:90px}.countdown{direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.countdown__cell{gap:3px;min-width:0;padding:13px 4px;display:grid;position:relative}.countdown__cell:not(:last-child):after{color:var(--gold);content:":";font-family:Cairo,sans-serif;position:absolute;top:20px;left:-6px}.countdown__number{color:var(--gold-dark);font-family:Rakkas,Cairo,sans-serif;font-size:clamp(1.6rem,8vw,2.4rem);line-height:1}.countdown__label{color:var(--ink);font-size:.95rem}.schedule-section{padding-top:55px}.timeline{gap:0;max-width:340px;margin:0 auto;padding:20px 0;display:grid;position:relative}.timeline:before{background:linear-gradient(transparent, var(--gold), transparent);content:"";width:1px;position:absolute;top:35px;bottom:35px;left:50%;transform:translate(-50%)}.timeline__item{z-index:1;grid-template-columns:1fr 34px 1fr;align-items:center;min-height:76px;display:grid;position:relative}.timeline__item p,.timeline__item time{margin:0;font-size:1.25rem}.timeline__item p{color:var(--ink);text-align:left}.timeline__item time{color:var(--gold-dark);text-align:right}.timeline__dot{border:2px solid var(--canvas);background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 1px var(--gold);border-radius:50%;margin:auto}.timeline__flower{z-index:2;width:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.venue-section{padding-bottom:22px}.place-icon{width:36px;margin:0 auto 18px}.venue-section h3,.venue-section p{z-index:1;margin:0;position:relative}.venue-section h3{color:var(--gold-dark);font-size:1.65rem;font-weight:400}.venue-section p{color:var(--ink);font-size:1.05rem}.venue-section__art{width:calc(100% + 56px);max-width:none;margin:28px -28px 0}.etiquette-section{padding-top:70px}.dress-code-art{width:calc(100% + 12px);max-width:none;margin:-10px -6px 18px}.etiquette-section__message,.guest-note{color:var(--ink)}.etiquette-section h3{color:var(--gold-dark);margin:22px 0 4px;font-size:1.8rem;font-weight:400}.etiquette-section p{max-width:330px;margin:0 auto;font-size:1.08rem;line-height:1.65}.palette{justify-content:center;gap:10px;margin:38px 0;display:flex}.palette span{border:1px solid #ffffff8c;border-radius:50%;width:54px;height:54px;box-shadow:0 5px 13px #4b341e1a}.palette span:first-child{background:#747b54}.palette span:nth-child(2){background:#2c081c}.palette span:nth-child(3){background:#3d342f}.palette span:nth-child(4){background:#eee3d1}.guest-note{padding:20px 10px 0}.map-section{padding-top:55px}.map-shell{isolation:isolate;aspect-ratio:1/.82;touch-action:pan-y;background:#e7ddce;border:1px solid #9a733573;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 15px 40px #593e1f24}.map-frame{pointer-events:none;border:0;width:100%;height:100%;display:block}.map-shell:after{z-index:1;content:"";pointer-events:none;background:#53391912;transition:opacity .2s;position:absolute;inset:0}.map-shell.is-active{touch-action:auto}.map-shell.is-active:after{opacity:0}.map-shell.is-active .map-frame{pointer-events:auto}.map-activate,.map-deactivate{z-index:2;color:var(--gold-dark);cursor:pointer;background:#fffaf0f0;border:1px solid #825b2973;border-radius:999px;padding:9px 14px;position:absolute;box-shadow:0 6px 18px #49311726}.map-activate{top:50%;left:50%;transform:translate(-50%,-50%)}.map-deactivate{top:12px;right:12px}.map-open{color:var(--gold-dark);background:#fff9efa8;border:1px solid #825b295c;border-radius:999px;margin-top:16px;padding:8px 16px;text-decoration:none;display:inline-flex}.closing-section{min-height:700px;position:relative;overflow:hidden}.closing-video:after{background:linear-gradient(to bottom, var(--canvas), transparent 24%, #f3e2cf94);content:"";position:absolute;inset:0}.closing-section__overlay{z-index:1;background:linear-gradient(to bottom, var(--canvas) 0, transparent 26%, #4d331b14);position:absolute;inset:0}.closing-section__content{z-index:2;color:var(--gold-dark);text-align:center;text-shadow:0 1px 10px #fff8ebe6;align-content:center;justify-items:center;padding:120px 30px 70px;display:grid;position:absolute;inset:0}.closing-section__content>img:first-child{opacity:.78;width:240px;margin-bottom:42px}.closing-section__content h2{margin:0;font-size:3rem;font-weight:400;line-height:1.25}.closing-section__content p{margin:18px 0 0;font-size:2rem}@keyframes hero-content-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes divider-breathe{0%,to{transform:scale(.92)}50%{transform:scale(1)}}@keyframes chevron-breathe{0%,to{opacity:.4;transform:translateY(-2px)rotate(45deg)}50%{opacity:1;transform:translateY(2px)rotate(45deg)}}@keyframes scroll-cue{0%,to{opacity:.35;transform:translate(-50%,-3px)rotate(45deg)}50%{opacity:1;transform:translate(-50%,4px)rotate(45deg)}}@media (width<=380px){.section-pad{padding-left:20px;padding-right:20px}.invitation-message__content{padding-left:25px;padding-right:25px}.timeline__item p,.timeline__item time{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reliable-video__media{display:none}}