@font-face{font-family:LyonArabicDisplay;src:url(/fonts/LyonArabicDisplay-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:LyonArabicDisplay;src:url(/fonts/LyonArabicDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:LyonArabicDisplay;src:url(/fonts/LyonArabicDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:LyonArabicDisplay;src:url(/fonts/LyonArabicDisplay-Light.otf) format("opentype");font-weight:300;font-style:normal}:root{--c-bg: #FCFBF8;--c-surface: #F5EFEB;--c-text-primary: #8C6A3C;--c-accent: #C19B6C;--c-muted: #D9D1C4;--font-arabic: "Amiri", serif;--max-width: 600px;--color-gold: #b59a72;--color-brown: #8c6a3c;--border-gold: rgba(181, 154, 114, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{background-color:#f2ebe1;background-attachment:fixed;background-image:var(--bg-noise),radial-gradient(ellipse at 30% 20%,#f9f6f0,#ece5dd 60%,#dfd5c9);color:var(--c-text-primary);font-family:var(--font-arabic);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;direction:rtl;min-height:100vh;min-height:100dvh}body::-webkit-scrollbar{display:none}#texture-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paperGrain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paperGrain)' opacity='0.05'/%3E%3C/svg%3E");opacity:.8;mix-blend-mode:multiply}#app{width:100%;min-height:100vh;min-height:100dvh;background-color:transparent;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-arabic);font-weight:700;color:var(--c-text-primary);margin-bottom:.5em;line-height:1.3}p{font-weight:500;margin-bottom:1rem}.text-accent{color:var(--c-accent)}.text-center{text-align:center}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.footer-text{font-family:Inter,sans-serif;font-size:.9rem;letter-spacing:3px;color:var(--c-muted);direction:ltr;unicode-bidi:isolate}.intro-section{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background-color:transparent;z-index:100;display:flex;justify-content:center;align-items:center}.intro-content{position:relative;width:100%;height:100%}.intro-svg{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.intro-svg svg{width:100%;height:100%;object-fit:contain}.intro-hand1{top:-5%;left:-5%;width:60%;height:60%}.intro-hand2{bottom:-5%;right:-5%;width:60%;height:60%}.intro-logo{position:fixed;top:50%;left:50%;width:min(40vw,40vh);height:min(40vw,40vh);transform:translate(-50%,-50%);z-index:200;pointer-events:none;display:none}.intro-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.intro-modal-overlay.active{opacity:1;visibility:visible}.intro-modal-content{background:#fdfaf5;padding:3.5rem 2.5rem;border-radius:0;box-shadow:0 30px 60px #00000026;text-align:center;max-width:550px;width:90%;border:1px solid var(--color-gold);display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden}.intro-modal-logo{width:140px;height:auto;margin-bottom:.5rem}.intro-modal-text{color:var(--color-brown);font-size:1.4rem;line-height:1.8;font-family:Amiri,serif;direction:rtl;margin-bottom:.5rem}.intro-modal-options{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;width:100%}.intro-btn{flex:1;padding:1.1rem 1.5rem;border-radius:0;font-size:1.1rem;font-family:Amiri,serif;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);text-decoration:none;text-align:center;white-space:nowrap}.intro-btn.primary{background:var(--color-gold);border:1px solid var(--color-gold);color:#fff}.intro-btn.primary:hover{background:#a38965;transform:translateY(-3px);box-shadow:0 8px 20px #b59a7266}.intro-btn.outline{background:transparent;border:1px solid var(--color-gold);color:var(--color-brown)}.intro-btn.outline:hover{background:#b59a721a;transform:translateY(-3px);box-shadow:0 8px 20px #b59a721a}@media(max-width:1024px){.intro-hand1{top:5%;left:0%;width:50%;height:35%}.intro-hand2{bottom:5%;right:0%;width:50%;height:35%}.intro-logo{width:min(35vw,35vh);height:min(35vw,35vh)}}@media(max-width:768px){.intro-hand1{top:-5%;left:-15%;width:100%;height:35%}.intro-hand2{bottom:-5%;right:-15%;width:100%;height:35%}.intro-logo{width:min(55vw,55vh);height:min(55vw,55vh)}.envelope-date{bottom:8%;font-size:.85rem}}.vintage-texture{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:var(--paper-noise);background-size:400px;opacity:.12;mix-blend-mode:multiply}.linen-texture{position:absolute;inset:0;pointer-events:none;z-index:2;background-image:repeating-linear-gradient(rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 3px),linear-gradient(rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);opacity:.8;mix-blend-mode:multiply}.embossed-pattern{display:none}.embossed-pattern svg{width:100%;height:100%}.embossed-pattern svg path{fill:#b8a07a;stroke:none}.embossed-hand-top{top:-10%;right:-15%;width:65%;height:65%;transform:rotate(15deg)}.embossed-hand-bottom{bottom:-10%;left:-15%;width:65%;height:65%;transform:rotate(-15deg) scaleX(-1)}.embossed-flap-pattern{top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,50% 100%)}.embossed-flap-pattern .embossed-pattern{opacity:.06}.paper{position:absolute;inset:2%;background-color:#fbf7f0;box-shadow:0 0 15px #0000000d;z-index:1;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-radius:4px;-ms-overflow-style:none;scrollbar-width:none}.paper::-webkit-scrollbar{display:none}.paper-title{color:var(--env-gold);margin-bottom:1rem;font-size:2.5rem;opacity:0}.paper-names{font-size:3.5rem;line-height:1.2;margin-bottom:1rem;opacity:0}.paper-date{font-family:Inter,sans-serif;font-size:1.2rem;letter-spacing:2px;color:var(--env-gold);direction:ltr;unicode-bidi:isolate}.paper-inner-content{font-family:Amiri,serif;opacity:0;width:100%;max-width:500px;margin:0 auto;padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.hero-subtitle{font-size:1.8rem;color:var(--color-brown);margin-bottom:.5rem}.hero-title{font-size:4.5rem;color:var(--env-gold);line-height:1.2;margin-bottom:1rem}.hero-date{font-family:Inter,sans-serif;font-size:1.8rem;color:var(--color-brown);letter-spacing:2px}.paper-details{display:flex;flex-direction:column;gap:3rem;width:100%;margin-top:2rem}.detail-block h3{font-size:2.2rem;color:var(--env-gold);margin-bottom:.8rem}.detail-block p{font-size:1.5rem;color:var(--color-brown);margin-bottom:.3rem;font-weight:700}.dress-code{margin-top:3rem;font-size:1.9rem;color:var(--env-gold);padding:1.5rem;border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold)}.closing-section{margin-top:4rem;padding-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.closing-title{font-size:2.5rem;color:var(--color-brown);line-height:1.6}.footer-logo{width:120px;height:auto;opacity:.8}.invitation-wrapper{width:100%;position:relative;overflow:hidden}.envelope-section{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:150;perspective:2000px;pointer-events:none}.envelope-container{width:min(90%,500px);aspect-ratio:1.6 / 1;position:relative;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.2,.8,.2,1);cursor:pointer;pointer-events:auto}.envelope-wrapper{width:100%;height:100%;position:relative;transform-style:preserve-3d;border-radius:4px;box-shadow:0 2px 4px #b4a07826,0 12px 30px #0000001a,0 40px 60px #00000014}:root{--env-back: #dcd0b9;--env-flap-left: #ece5d3;--env-flap-right: #e6dec9;--env-flap-bottom: #f2ebda;--env-flap-top: #f8f3e8;--env-gold: #C49F4E;--env-gold-light: #D4B872;--env-gold-dark: #8C6A3C;--env-gold-shimmer: #E8D5A3;--color-wax: #933E3E;--color-wax-light: #a74949;--paper-noise: url(/images/paper-texture.png);--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}.envelope-gold-border{display:none}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.envelope-back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--env-back);border-radius:4px;z-index:1;overflow:hidden}.envelope-front{position:absolute;z-index:3;pointer-events:none}.envelope-front .vintage-texture{display:block}.flap-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.flap-left-wrapper{z-index:3;filter:drop-shadow(3px 0px 5px rgba(130,110,75,.4)) drop-shadow(4px 0px 8px rgba(130,110,75,.1));transform-style:preserve-3d}.flap-right-wrapper{z-index:3;filter:drop-shadow(-3px 0px 5px rgba(130,110,75,.4)) drop-shadow(-4px 0px 8px rgba(130,110,75,.1));transform-style:preserve-3d}.flap-bottom-wrapper{z-index:4;filter:drop-shadow(0px -3px 6px rgba(130,110,75,.4)) drop-shadow(0px -4px 8px rgba(130,110,75,.15));transform-style:preserve-3d}.flap-left{top:0;left:0;width:50%;height:100%;clip-path:polygon(0 0,100% 50%,0 100%);background-color:var(--env-flap-left);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.flap-right{top:0;right:0;width:50%;height:100%;clip-path:polygon(100% 0,0 50%,100% 100%);background-color:var(--env-flap-right);transform-origin:right;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.flap-bottom{bottom:0;left:0;width:100%;height:60%;clip-path:polygon(0 100%,50% 0,100% 100%);background-color:var(--env-flap-bottom);transform-origin:bottom;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.envelope-date{position:absolute;bottom:12%;left:0;width:100%;text-align:center;transform:none!important;z-index:6;pointer-events:none;font-family:Inter,sans-serif;font-size:.95rem;letter-spacing:2px;color:var(--env-gold);text-shadow:0 1px 2px rgba(0,0,0,.05);direction:ltr;unicode-bidi:isolate}.envelope-top-wrapper{position:absolute;top:0;left:0;width:100%;height:60%;transform-origin:top;z-index:5;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0px 5px 8px rgba(0,0,0,.12))}.envelope-top{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,50% 100%);background-color:var(--env-flap-top);overflow:hidden;position:relative;box-shadow:inset 0 2px 10px #0000000d}.envelope-top:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,92,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,92,.1) 1px,transparent 1px);background-size:8px 8px;z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.5}.envelope-top .vintage-texture{display:block}.wax-seal{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:78px;height:78px;background:radial-gradient(circle at 30% 30%,var(--color-wax-light) 0%,var(--color-wax) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #fff6,inset 0 -3px 8px #0000004d,0 4px 12px #00000040,0 1px 3px #c9a85c66;z-index:10}.wax-seal:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2)}.wax-seal:after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35) 0%,transparent 50%)}.wax-logo-container{width:45px;display:flex;justify-content:center;align-items:center;opacity:0;z-index:2}.wax-logo-container svg{width:100%;height:100%}.envelope-cta{position:absolute;top:50%;margin-top:calc(min(28.125vw,156.25px) + 40px);left:50%;transform:translate(-50%);font-family:var(--font-arabic);font-size:1.2rem;color:var(--c-text-primary);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;z-index:5}@keyframes ctaBreath{0%,to{opacity:.6;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-5px)}}@media(max-width:768px){.envelope-cta{font-size:1rem}}.flap-pattern{position:absolute;width:41%;height:auto;z-index:5;pointer-events:none;opacity:.6;filter:drop-shadow(1px 1px 1px rgba(255,255,255,.4)) drop-shadow(-1px -1px 1px rgba(0,0,0,.1)) sepia(.2) brightness(1.1) contrast(1.1)}.flap-pattern-left{bottom:-31%;left:26%;transform-origin:bottom center;transform:rotate(-20deg)}.flap-pattern-right{bottom:-31%;right:26%;transform-origin:bottom center;transform:rotate(21deg)}@media(max-width:768px){.wax-seal{width:50px;height:50px;bottom:-23px}.wax-logo-container{width:30px}}