@font-face{font-family:Estedad;font-style:normal;font-display:swap;font-weight:400;src:url(./estedad-arabic-400-normal-DBEZ0XVf.woff2)format("woff2"),url(./estedad-arabic-400-normal-C3QT4wBo.woff)format("woff")}@font-face{font-family:Estedad;font-style:normal;font-display:swap;font-weight:500;src:url(./estedad-arabic-500-normal-B1BwE7aO.woff2)format("woff2"),url(./estedad-arabic-500-normal-B4xDg7kZ.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(./amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}.intro{z-index:30;isolation:isolate;background:radial-gradient(at 25% 20%,#fffef9 0,#0000 55%),radial-gradient(at 90% 100%,#e8dcc6 0,#0000 52%),#f6f0e6;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 22px;display:flex;position:fixed;inset:0;overflow:hidden}.intro-border{border:1px solid var(--line);pointer-events:none;position:absolute;inset:18px}.intro-border:after{content:"";border:1px solid #9f7a351a;position:absolute;inset:5px}.intro-heading{text-align:center;margin-bottom:58px}.intro-heading p{color:var(--muted);margin:16px 0 10px;font-size:13px}.intro-leaf{opacity:.2;z-index:-1;width:230px}.leaf-left{bottom:-25px;left:-85px;transform:rotate(32deg)}.leaf-right{top:-50px;right:-85px;transform:rotate(205deg)}.envelope-button{aspect-ratio:1.6;perspective:1100px;background:0 0;width:min(79vw,390px);margin:0 0 32px;padding:0;display:block;position:relative}.envelope{isolation:isolate;background:linear-gradient(145deg,#e8dcc4,#f2e9d6);border-radius:3px;width:100%;height:100%;transition:transform .8s;display:block;position:relative;transform:rotate(-4deg);box-shadow:0 24px 45px -15px #76604440,0 2px 5px #76604420}.envelope-button:hover .envelope{transform:rotate(-2deg)translateY(-3px)}.envelope-card{border:1px solid var(--line);color:var(--gold);z-index:1;background:#fffdf8;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform 1s .85s;display:flex;position:absolute;inset:9px 16px;box-shadow:0 0 0 6px #fffdf8}.envelope-card>span:last-child{font-size:10px}.envelope-pocket{z-index:3;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:linear-gradient(148deg,#0000 49.7%,#c4ae812e 50%,#0000 50.4%),linear-gradient(32deg,#0000 49.7%,#c4ae812e 50%,#0000 50.4%),linear-gradient(155deg,#faf5e9,#f0e5d0);border:1px solid #d9c7a7;border-radius:3px;position:absolute;inset:0}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:4;filter:drop-shadow(0 1px 1px #84642a40);backface-visibility:visible;background:linear-gradient(165deg,#fffaf0,#ebdfc8);height:59%;transition:transform 1s .3s,z-index 0s .8s;position:absolute;inset:0 0 auto}.wax-seal{z-index:5;color:#71501f;background:radial-gradient(at 30% 22%,#efd9a3,#c6a15b 58%,#a9833d);border:1px solid #cbb076;border-radius:46% 50% 45%;place-items:center;width:65px;height:65px;transition:opacity .3s,transform .4s;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-22%);box-shadow:2px 5px 9px #644c3e30,inset 1px 1px 2px #ffefc3,inset -2px -3px 4px #977139}.wax-seal:before{content:"";border:1px solid #98713270;border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 0 2px #fff3cd}.wax-seal span{text-shadow:0 1px 1px #fce7b9;font-family:Amiri,serif;font-size:19px}.envelope-caption{z-index:4;letter-spacing:3px;color:#977b4f;text-align:center;font-family:Georgia,serif;font-size:8px;position:absolute;bottom:16px;left:0;right:0}.intro-bottom{text-align:center}.intro-bottom h1{color:var(--gold);font-size:clamp(30px,7vw,42px);line-height:2.2}.intro-bottom h1 span{margin:0 3px;font-size:.6em}.intro-bottom>p{color:var(--muted);font-size:12px}.open-text{color:var(--gold);background:0 0;align-items:center;gap:12px;min-height:44px;margin-top:22px;padding:10px;font-size:11px;display:inline-flex}.intro-date{color:var(--muted);font-size:10px;position:absolute;bottom:37px}.is-opening .wax-seal{opacity:0;transform:translate(-50%,-22%)scale(1.14)}.is-opening .envelope-flap{z-index:0;transform:rotateX(180deg)}.is-opening .envelope-card{transform:translateY(-65%)}.is-opening .envelope{transform:rotate(0)}.is-opening .intro-heading{opacity:0;transition:opacity .4s}.is-opening .envelope-button{pointer-events:none}:root{color:#494136;font-synthesis:none;--paper:#faf7f0;--ivory:#fffdf8;--gold:#85622b;--light-gold:#d6be8a;--muted:#736859;--line:#9f7a3538;background:#faf7f0;font-family:Estedad,Tahoma,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:12;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23715e3d' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{color:#3f382f;background:#e3d2ad}.calligraphy{font-family:Amiri,Times New Roman,serif;font-weight:400}.eyebrow{letter-spacing:3px;color:var(--gold);font-family:Georgia,serif;font-size:9px;line-height:1.8;display:block}.ornament{width:120px;height:25px;color:var(--gold);margin-inline:auto;display:block}.botanical{color:var(--gold);pointer-events:none;position:absolute}.initial-loader{min-height:100svh;color:var(--gold);background:var(--paper);place-items:center;font-size:23px;display:grid}main{background:radial-gradient(ellipse at 100% 15%, #ebdeca33, transparent 35%), radial-gradient(ellipse at 0% 80%, #eee2cd33, transparent 35%), var(--paper);padding-bottom:max(24px, env(safe-area-inset-bottom));position:relative;overflow:hidden}.hero{outline:none;gap:25px;max-width:1000px;margin:auto;padding:28px 6vw 0;display:grid;position:relative}.hero-copy{text-align:center;z-index:1;position:relative}.invocation{color:var(--muted);margin:10px 0 6px;font-size:10px}.couple-names{color:var(--gold);white-space:nowrap;justify-content:center;align-items:baseline;gap:12px;font-size:clamp(36px,10vw,47px);line-height:1.9;display:flex}.couple-names .and{color:#957748;font-size:.55em}.subtitle{margin-top:1px;font-size:11px;font-weight:500;line-height:2}.hero-dedication{color:var(--muted);margin-top:9px;font-size:10px;display:block}.hero-leaf{opacity:.12;width:145px;top:40px;right:-105px;transform:rotate(-20deg)}.photo-composition{width:100%;max-width:390px;margin-inline:auto;padding:6px;position:relative}.photo-composition:before{content:"";pointer-events:none;border:1px solid #c9b18099;border-radius:48% 48% 8px 8px;position:absolute;inset:0}.photo-arch{aspect-ratio:2/3;background:#eee2cf;border-radius:48% 48% 5px 5px;position:relative;overflow:hidden;box-shadow:0 18px 35px -23px #72532350}.photo-arch img{object-fit:cover;width:100%;height:100%}.photo-vignette{pointer-events:none;background:linear-gradient(#0000 65%,#7054320a);position:absolute;inset:0}.photo-leaf{opacity:.34;width:110px;bottom:-10px;left:-33px;transform:rotate(-20deg)}.story{text-align:center;max-width:640px;margin:auto;padding:29px 22px 15px}.story-mark{color:#b39460;margin-bottom:9px;font-family:Georgia,serif;font-size:29px;line-height:1;display:block}.story h2{color:var(--gold);font-size:clamp(26px,7vw,32px);line-height:1.9}.invitation-text{white-space:pre-line;color:#655b4e;text-wrap:pretty;margin-top:9px;font-size:12px;line-height:2.35}.countdown-section{text-align:center;max-width:500px;margin:auto;padding:22px 24px 26px}.countdown-section h2{color:var(--muted);margin-bottom:15px;font-size:11px;font-weight:400}.countdown{direction:rtl;grid-template-columns:repeat(4,1fr);max-width:330px;margin:0 auto;display:grid}.countdown-item{flex-direction:column;gap:6px;padding-inline:5px;display:flex;position:relative}.countdown-item+.countdown-item:before{content:"·";color:#c5ab7b;font-size:25px;position:absolute;top:1px;right:-3px}.count-number{font-feature-settings:"ss20" 1, "tnum" 1;font-variant-numeric:tabular-nums;color:var(--gold);font-family:Estedad,Tahoma,sans-serif;font-size:31px;font-weight:400;line-height:1.6}.count-label{color:var(--muted);font-size:9px}.celebration{text-align:center;max-width:780px;margin:auto;padding:16px 24px 0;position:relative}.venue-photo{width:min(100%,300px);margin:0 auto 26px}.venue-photo img{border:1px solid #c9b18055;border-radius:48% 48% 10px 10px;width:100%;height:auto;padding:4px}.event-date{color:#645746;justify-content:center;align-items:center;gap:11px;font-size:11px;font-weight:500;display:flex}.event-date i{background:#b89d6a;border-radius:50%;width:3px;height:3px}.section-heading h2{color:var(--gold);margin-top:10px;font-size:33px;line-height:1.8}.venue-panel{flex-direction:column;align-items:center;display:flex}.address{max-width:335px;color:var(--muted);text-wrap:pretty;-webkit-user-select:text;user-select:text;font-size:11px;line-height:2.2}.event-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:18px;display:flex}.button{background:0 0;border:1px solid #b49a6870;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 17px;font-size:10px;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #6b502012}.button-gold{color:var(--ivory);background:#856735;border-color:#856735}.button-gold:hover{background:#735726}.copy-address{color:#7e6339;background:#fffdf850}.copy-notice{color:var(--gold);font-size:10px;line-height:1.9}.copy-notice:not(:empty){margin-top:9px}.closing{text-align:center;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:33px 24px 24px;display:flex}.closing p{font-family:Amiri,serif;font-size:23px;line-height:1.5}.closing>svg{color:#a18a60}.music-control{bottom:max(18px, env(safe-area-inset-bottom));left:max(15px, env(safe-area-inset-left));z-index:40;color:#896932;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8eb;border:1px solid #cbb788aa;border-radius:50%;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:flex;position:fixed;box-shadow:0 4px 18px #79613a12}.music-control>svg{width:16px}.sound-bars{align-items:center;gap:2px;height:14px;display:none}.playing .sound-bars{display:flex}.sound-bars i{background:currentColor;width:1px;height:7px;animation:1s ease-in-out infinite alternate sound}.sound-bars i:nth-child(2){height:12px;animation-delay:-.6s}.sound-bars i:nth-child(3){height:8px;animation-delay:-.3s}.audio-notice{z-index:45;max-width:min(285px,100vw - 30px);color:var(--muted);font-size:10px;line-height:1.9;position:fixed;bottom:72px;left:15px}.audio-notice:not(:empty){background:var(--ivory);border:1px solid var(--line);border-radius:16px;padding:12px}.particles{pointer-events:none;z-index:15;position:fixed;inset:0;overflow:hidden}.particles i{opacity:0;background:#bba06a;border-radius:50%;width:2px;height:2px;animation:22s linear infinite float;position:absolute;bottom:-10px}.particles i:nth-child(n+4){display:none}@keyframes float{0%{opacity:0;transform:translate(0,0)}20%{opacity:.2}80%{opacity:.15}to{opacity:0;transform:translate(25px,-100vh)}}@keyframes sound{to{transform:scaleY(.35)}}.mobile-embellishments{display:none}@media (width<=699px){main{isolation:isolate}.mobile-embellishments{z-index:-1;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.floral-scroll{color:#9d783b;opacity:.27;width:135px;position:absolute}.scroll-top{top:36px;left:-44px;transform:rotate(14deg)}.scroll-middle{top:43%;right:-63px;transform:rotate(188deg)}.scroll-bottom{bottom:18px;left:-45px;transform:rotate(-12deg)}.margin-leaf{opacity:.2;width:165px}.margin-leaf-left{top:46%;left:-97px;transform:rotate(-24deg)}.margin-leaf-right{bottom:20%;right:-88px;transform:rotate(190deg)}.gold-halo{background:radial-gradient(#dbc18d29,#0000 68%);border-radius:50%;width:250px;height:460px;position:absolute}.halo-top{top:30%;left:-145px}.halo-bottom{bottom:0;right:-160px}.hero-leaf{opacity:.22;width:180px;top:34px;right:-107px}.photo-leaf{opacity:.42}.envelope-embellishments .scroll-top{opacity:.28;width:120px;top:36px;left:-34px}.envelope-embellishments .scroll-middle{opacity:.27;width:125px;top:auto;bottom:36px;right:-31px}.envelope-embellishments .scroll-bottom{display:none}.intro-leaf{opacity:.21}}.intro-heading{margin-bottom:44px}.intro-heading p{font-size:11px}.intro-heading .eyebrow{letter-spacing:3px;font-size:9px}.envelope-button{margin-bottom:26px}.envelope-card .calligraphy{font-size:26px;line-height:1.8}.wax-seal{width:80px;height:80px;top:42%}.wax-seal span{white-space:normal;max-width:55px;font-family:Amiri,serif;font-size:16px;line-height:1.45}.intro-bottom h1{font-size:33px;line-height:1.8}.open-text{gap:9px;margin-top:12px;font-size:10px}.intro-date{font-size:10px}.intro-leaf{opacity:.14}@media (width>=700px){.hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:44px 45px 0}.hero-copy{padding-bottom:20px}.couple-names{flex-wrap:wrap;gap:0 15px;font-size:58px;line-height:1.75}.couple-names>span:first-child{width:100%}.couple-names .and{font-size:28px}.invocation{margin:16px 0 8px;font-size:11px}.subtitle{margin-top:14px;font-size:12px}.hero-dedication{margin-top:12px;font-size:10px}.hero-leaf{width:220px;top:120px;right:-115px}.photo-composition{max-width:340px}.story{padding-top:35px;padding-bottom:16px}.story h2{font-size:35px}.invitation-text{font-size:13px;line-height:2.35}.countdown-section{padding-block:22px 25px}.countdown{max-width:355px}.count-number{font-size:33px}.count-label{font-size:10px}.celebration{grid-template-columns:240px 1fr;align-items:center;gap:35px;padding-top:24px;display:grid}.venue-photo{width:100%;margin:0}.event-date{font-size:12px}.section-heading h2{font-size:36px}.address{max-width:460px;font-size:12px}.button{padding-inline:19px;font-size:11px}.closing{padding-top:31px}.intro-leaf{width:320px}.leaf-left{bottom:-90px;left:2%}.leaf-right{top:-100px;right:2%}.intro-border{inset:26px}.intro-bottom h1{font-size:38px}}@media (width>=1100px){.hero{gap:90px;max-width:1000px;padding:44px 60px 0}.couple-names{font-size:68px}.hero-copy{padding-right:20px}}@media (width<=359px){.couple-names{gap:9px;font-size:34px}.story h2{font-size:25px}.invitation-text{font-size:11px}.event-date{gap:8px;font-size:10px}.button{padding-inline:14px}.count-number{font-size:28px}}@media (height<=650px){.intro-heading{margin-bottom:24px}.intro-heading p{margin-block:7px}.envelope-button{width:min(72vw,300px);margin-bottom:18px}.wax-seal{width:72px;height:72px}.wax-seal span{font-size:15px}.intro-date{bottom:25px}.intro-bottom h1{font-size:30px}}@media (height<=480px) and (orientation:landscape){.intro{grid-template-columns:1fr 1fr;gap:10px;padding:30px 60px;display:grid}.intro-heading{grid-column:1/-1;margin:0}.intro-heading p,.intro-heading .ornament,.intro-date{display:none}.envelope-button{width:min(36vw,300px);margin:0 auto}.intro-bottom{align-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.particles{display:none}.is-opening .envelope-card,.is-opening .envelope-flap{transform:none}}