html.invitation-ready,html.invitation-ready body{overflow:hidden;height:100%;overscroll-behavior:none}.invitation-ready .motion-toggle{visibility:hidden}.invitation-ready #giftPage{opacity:0;transform:scale(1.025);filter:blur(8px)}#giftPage{transition:opacity 1.1s ease,transform 1.5s cubic-bezier(.2,.7,.2,1),filter 1.1s ease}.invitation{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#16241f;color:#f1e8d7;padding:35px 20px 55px;perspective:1600px}.invitation:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#5c6d4d3d,transparent 62%),repeating-linear-gradient(90deg,#fff1 0 .3px,transparent .3px 4px);opacity:.6}.invitation-border{position:absolute;inset:23px;border:1px solid #ccae744a;pointer-events:none}.invitation-border:after{content:'';position:absolute;inset:6px;border:1px solid #ccae7424}.invitation-heading{text-align:center;position:relative;z-index:5;margin-bottom:72px;animation:gate-arrive 1.4s ease both}.invitation-kicker{font-size:11px;letter-spacing:.06em;color:#d1bc95;display:flex;align-items:center;justify-content:center;gap:17px}.invitation-kicker:before,.invitation-kicker:after{content:'';height:1px;width:28px;background:#c8b28a80}.invitation-heading h1{font:clamp(34px,4vw,49px)/1.7 Amiri,serif;font-weight:400;margin:15px 0 0}.invitation-heading>p{font:19px/1.7 Amiri,serif;color:#c6cdbd;margin:5px 0 0}.envelope-stage{position:relative;width:min(540px,78vw);aspect-ratio:1.55;perspective:1300px;animation:envelope-arrive 1.6s cubic-bezier(.2,.7,.2,1) both;flex-shrink:0}.envelope{position:absolute;inset:0;transform-style:preserve-3d;filter:drop-shadow(0 24px 35px #0006)}.envelope-back{position:absolute;inset:0;border-radius:7px;background:#cfc0a1;border:1px solid #b59d70}.envelope-lining{position:absolute;inset:4px;background:repeating-linear-gradient(45deg,#7f8c6730 0 1px,transparent 1px 12px),#d6c8ad;clip-path:polygon(0 0,100% 0,50% 62%)}.invitation-card{position:absolute;inset:12% 8% 4%;background:#f5efdf;border:1px solid #c6ac78;color:#4d5b44;z-index:2;border-radius:3px;text-align:center;padding:19px;box-shadow:0 0 0 5px #f5efdf,0 5px 14px #44351d28;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.invitation-card:after{content:'';position:absolute;inset:9px;border:1px solid #9f8d645c;pointer-events:none}.card-moon{font:27px Georgia,serif;color:#a28750}.invitation-card>span:not(.card-moon){font:14px Amiri,serif;color:#87916f}.invitation-card>strong{font:45px/1.5 Amiri,serif;font-weight:400}.invitation-card>small{font:17px Amiri,serif;color:#8d7953}.card-flourish{color:#a68b51;font-size:14px}.envelope-front{position:absolute;inset:0;z-index:3;border-radius:5px;background:linear-gradient(90deg,#d9caae,#eee4ce 50%,#d7c6a6);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.envelope-front:before{content:'';position:absolute;inset:0;background:linear-gradient(146deg,transparent 49.7%,#b9a77d70 50%,transparent 50.3%),linear-gradient(214deg,transparent 49.7%,#b9a77d70 50%,transparent 50.3%)}.envelope-front:after{content:'';position:absolute;bottom:14px;left:17px;right:17px;height:1px;background:#ad946259}.envelope-flap{position:absolute;inset:0;z-index:5;transform-origin:50% 0;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(175deg,#f0e5d0,#d6c5a3);clip-path:polygon(0 0,100% 0,50% 59%);border-radius:5px}.envelope-flap:after{content:'';position:absolute;inset:0;background:linear-gradient(32deg,transparent 49.5%,#af966d75 50%,transparent 50.5%);opacity:.45}.wax-seal{position:absolute;left:50%;top:45%;transform:translate(-50%,-15%);height:81px;width:81px;border:0;color:#e5ca8c;z-index:7;cursor:pointer;padding:0;border-radius:44% 49% 42% 48% / 46% 43% 50% 45%;background:radial-gradient(circle at 32% 25%,#9e844c,#7e6436 57%,#5c4b2a);box-shadow:0 5px 12px #55411a65,inset 2px 3px 6px #d8c18b85,inset -2px -3px 7px #4e391d99;outline-offset:7px;transition:filter .3s,box-shadow .3s}.wax-seal:before{content:'';position:absolute;inset:8px;border:1px solid #ddc68c7a;border-radius:50%;box-shadow:inset 0 0 5px #4e391d40}.wax-seal svg{width:40px;height:40px;stroke-width:1;filter:drop-shadow(0 1px 1px #372612)}.wax-seal:hover{filter:brightness(1.2);box-shadow:0 8px 20px #55411a85,inset 2px 3px 6px #d8c18b85,inset -2px -3px 7px #4e391d99}.wax-seal:disabled{opacity:1}.seal-tag{position:absolute;left:50%;top:calc(100% + 31px);transform:translateX(-50%);white-space:nowrap;color:#e1cca6;font-size:12px;font-weight:400;line-height:1.8}.seal-tag:after{content:'المسي الختم لتفتحيها';display:block;font-size:10px;color:#aebaa8;letter-spacing:0;margin-top:7px}.invitation-bottom{margin-top:100px;font:18px Amiri,serif;color:#c7b58f;z-index:5;animation:gate-arrive 2s ease both}.skip-invitation{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);border:0;background:transparent;color:#aeb9a7;font-size:11px;padding:12px 20px;min-height:44px;cursor:pointer;z-index:20}.skip-invitation:hover{color:#f2e4c7}.invitation-botanical{position:absolute;width:clamp(110px,18vw,250px);height:auto;color:#b5c09b;opacity:.36;pointer-events:none;stroke-width:.7;z-index:-1}.botanical-left{left:0;bottom:10%;transform:rotate(12deg)}.botanical-right{right:0;top:8%;transform:rotate(192deg)}.invitation-botanical path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:branch-draw 3s ease forwards}.curtain{position:absolute;top:0;bottom:0;width:50.2%;background:#16241f;z-index:-2;pointer-events:none}.curtain-left{left:0;transform-origin:left center}.curtain-right{right:0;transform-origin:right center}.invitation.is-opening{background:transparent;animation:gate-fade .7s ease 1.95s forwards}.is-opening:before,.is-opening .invitation-border,.is-opening .invitation-botanical{animation:detail-away .8s ease .5s forwards}.is-opening .wax-seal{animation:seal-release .55s cubic-bezier(.3,0,.5,1) forwards}.is-opening .envelope-flap{animation:flap-open .85s cubic-bezier(.3,.05,.3,1) .2s forwards}.is-opening .invitation-card{animation:card-rise 2s cubic-bezier(.2,.6,.2,1) .55s forwards}.is-opening .envelope-front,.is-opening .envelope-back,.is-opening .envelope-lining{animation:envelope-away 1.1s cubic-bezier(.3,0,.5,1) 1.05s forwards}.is-opening .invitation-heading,.is-opening .invitation-bottom{animation:detail-away .65s ease forwards}.is-opening .curtain-left{animation:curtain-left 1.3s cubic-bezier(.7,0,.2,1) 1.3s forwards}.is-opening .curtain-right{animation:curtain-right 1.3s cubic-bezier(.7,0,.2,1) 1.3s forwards}.is-opening .skip-invitation{opacity:.6}
@keyframes gate-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes envelope-arrive{from{opacity:0;transform:translateY(38px) rotate(-4deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes branch-draw{to{stroke-dashoffset:0}}@keyframes seal-release{to{transform:translate(-50%,-15%) rotate(35deg) scale(.5);opacity:0}}@keyframes flap-open{0%{transform:rotateX(0);z-index:5}49%{z-index:5}50%,100%{z-index:1}100%{transform:rotateX(178deg)}}@keyframes card-rise{0%{transform:translateY(0);z-index:2}45%{transform:translateY(-58%);z-index:2;opacity:1}65%{transform:translateY(-64%) scale(1.08);z-index:8;opacity:1}100%{transform:translateY(-60%) scale(1.4);z-index:8;opacity:0}}@keyframes envelope-away{to{transform:translateY(100px) scale(.95);opacity:0}}@keyframes detail-away{to{opacity:0;filter:blur(4px)}}@keyframes curtain-left{to{transform:translateX(-102%)}}@keyframes curtain-right{to{transform:translateX(102%)}}@keyframes gate-fade{to{opacity:0}}
@media(max-width:650px){.invitation{padding:20px 18px 70px}.invitation-border{inset:13px}.invitation-heading{margin-bottom:64px}.invitation-heading h1{font-size:35px}.invitation-heading>p{font-size:16px}.invitation-kicker{font-size:10px}.envelope-stage{width:84vw;max-width:440px;aspect-ratio:1.43}.wax-seal{height:67px;width:67px}.wax-seal svg{width:33px;height:33px}.invitation-card{padding:13px;gap:3px}.invitation-card>strong{font-size:34px}.invitation-card>small{font-size:13px}.invitation-card>span:not(.card-moon){font-size:11px}.card-moon{font-size:21px}.invitation-bottom{font-size:16px;margin-top:106px}.botanical-left{bottom:7%;left:-28px;width:150px}.botanical-right{top:4%;right:-26px;width:150px}.skip-invitation{bottom:22px}.seal-tag{font-size:11px;top:calc(100% + 24px)}.seal-tag:after{font-size:9px}}
@media(prefers-reduced-motion:reduce){#giftPage{transition:none;transform:none!important;filter:none!important}.invitation-botanical path{stroke-dashoffset:0}.invitation *{animation:none!important;transition:none!important}}
.invitation-ready.invitation-revealing #giftPage{opacity:1;transform:scale(1);filter:blur(0)}
.seal-tag{color:#69532f}.seal-tag:after{color:#626e53}