:root{color-scheme:dark;--paper:#000;--ink:#f2f0eb;--muted:#aaa8a3;--line:#464542}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;scrollbar-gutter:stable}body{margin:0;background:#000;color:var(--ink);font-family:Georgia,'Times New Roman',serif;overflow:hidden}body.opened{overflow:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:7px}button:disabled{cursor:default}[hidden]{display:none!important}.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:10px;font-weight:400;letter-spacing:.25em;line-height:1.9}.cover{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;overflow:auto;padding:42px 22px;background:radial-gradient(ellipse at 50% 48%,#202020 0,#111 40%,#070707 75%);transition:transform .65s cubic-bezier(.64,0,.36,1)}.cover:before{content:'';position:absolute;inset:16px;border:1px solid #ffffff19;pointer-events:none}.cover-title{margin:0 0 68px;color:#b5b2ad}.envelope-wrap{width:min(540px,83vw);perspective:1400px;margin:0 auto;position:relative}.envelope{position:relative;display:block;width:100%;aspect-ratio:600/370;border:0;background:none;color:var(--ink);padding:0;isolation:isolate;filter:drop-shadow(0 25px 25px #0009);transition:transform .5s}.envelope:hover{transform:translateY(-4px)}.envelope-back{position:absolute;inset:0;background:#080808;border:1px solid #444;border-radius:3px}.letter-preview{position:absolute;inset:12% 5% 5%;background:#eeeae2;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12%;border:5px double #b2afa8;transition:transform .9s .45s;z-index:1}.mini-monogram{font-size:clamp(28px,5vw,48px);letter-spacing:.09em}.mini-monogram i{font-size:.55em;font-weight:400}.letter-line{font-size:clamp(9px,1.8vw,14px);margin-top:15px}.letter-date{font-size:12px;letter-spacing:3px;margin-top:15px}.envelope-folds{position:absolute;inset:0;width:100%;height:100%;z-index:2}.envelope-flap{position:absolute;left:0;right:0;top:0;height:59.5%;transform-origin:top;transition:transform .8s ease,z-index 0s .35s;transform-style:preserve-3d;z-index:3}.envelope-flap svg{display:block;width:100%;height:100%;backface-visibility:visible}.seal{position:absolute;top:43%;left:50%;width:clamp(60px,13vw,82px);aspect-ratio:1;transform:translate(-50%,-10%);background:radial-gradient(ellipse at 35% 25%,#fff 0,#e2e0da 30%,#a8a69f 70%,#eae8e0);border-radius:47% 51% 46% 49% / 47% 47% 51% 50%;color:#44413a;box-shadow:0 5px 10px #000a,inset 0 0 0 3px #ffffff65,inset 0 0 0 6px #a5a29b;z-index:4;display:grid;place-items:center;font-size:25px;transition:opacity .3s,transform .4s}.seal>span{width:78%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #88867e;border-radius:50%;text-shadow:0 1px 0 #fff}.seal-amp{font-size:15px;font-style:italic;margin:0 2px}.envelope-label{position:absolute;bottom:13%;left:0;right:0;z-index:3;font-size:clamp(12px,2.8vw,19px);letter-spacing:.06em;color:#bbb8b0}.open-prompt{font-size:clamp(14px,2.7vw,17px);font-style:italic;color:#bbb8b1;margin:42px 0 16px;text-align:center}.text-button{border:0;padding:8px 0;background:transparent;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}.text-button>span{margin-left:12px;font-size:16px}.text-button:hover{text-decoration:underline;text-underline-offset:7px}.cover-date{color:#aaa6a0;font-family:Arial,Helvetica,sans-serif;letter-spacing:.19em;font-size:8px;margin:40px 0 0}.opening .envelope-flap{transform:rotateX(180deg)}.opening .seal{opacity:0;pointer-events:none}.opening .letter-preview{transform:translateY(-48%)}.opening .envelope{transform:translateY(35px)}.cover.departing{transform:translate3d(0,110vh,0);pointer-events:none}.opening .cover-title,.opening .open-prompt,.opening .text-button,.opening .cover-date{visibility:hidden}main{padding:22px;max-width:1120px;margin:0 auto;outline:none}.invitation-frame{position:relative;border:1px solid #8d8b85;padding:0 60px;isolation:isolate}.invitation-frame:before{content:'';position:absolute;inset:7px;border:1px solid #353430;pointer-events:none;z-index:-1}.corner{position:absolute;width:100px;height:100px;fill:none;stroke:#777570;stroke-width:.65;pointer-events:none;z-index:-1}.top-left{top:7px;left:7px}.top-right{top:7px;right:7px;transform:rotate(90deg)}.bottom-left{bottom:7px;left:7px;transform:rotate(-90deg)}.bottom-right{bottom:7px;right:7px;transform:rotate(180deg)}.invitation-header{display:flex;justify-content:space-between;align-items:center;padding:36px 0;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:.2em;color:#a7a59f}.header-monogram{font-family:Georgia,serif;font-size:21px;color:#ddd9d1;letter-spacing:0}.header-monogram i{font-size:14px}.hero{text-align:center;padding:4px 0 44px}.bismillah{display:block;width:212px;height:auto;max-width:65%;margin:0 auto 43px}.invitation-intro{margin:0 0 7px;color:#c8c4bd}.occasion{font-size:12px;letter-spacing:.25em;margin:0}h1{font-weight:normal;margin:28px -16px 12px}.names{width:100%;max-width:740px;height:auto;display:block;margin:0 auto}.ornament{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0 25px}.ornament span{height:1px;width:74px;background:#706e68}.ornament i{font-size:7px;font-style:normal}.weekday{font-size:16px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 17px}.event-date{font-size:clamp(29px,4.8vw,48px);font-weight:400;letter-spacing:-.015em;display:block}.event-time{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:19px 0 10px}.local-time{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0}.discover{display:flex;align-items:center;flex-direction:column;text-decoration:none;gap:12px;width:fit-content;margin:45px auto 0;font:8px Arial,Helvetica,sans-serif;letter-spacing:.2em;color:#b7b3ac}.discover span:last-child{font-family:Georgia,serif;font-size:22px;line-height:1}.celebration{text-align:center;border-top:1px solid var(--line);padding:52px 0 40px;max-width:780px;margin:auto}.section-label{color:var(--muted);margin:0 0 23px}h2{font-size:clamp(31px,4.3vw,44px);font-weight:normal;line-height:1.2;margin:0 0 22px}address{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.9;letter-spacing:.06em;color:#c4c0b9}.dinner{font-size:17px;font-style:italic;margin:18px 0 30px;color:#ddd9d1}.actions{display:flex;justify-content:center;gap:12px;align-items:flex-start}.button{min-height:47px;padding:14px 21px;border:1px solid #77746d;display:inline-flex;gap:11px;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;background:transparent;color:var(--ink);font:10px Arial,Helvetica,sans-serif;letter-spacing:.09em;transition:background .2s,color .2s}.button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.button:hover{background:#242321}.button-light{background:#eeeae3;color:#151515;border-color:#eeeae3}.button-light:hover{background:#fff}.calendar-wrap{position:relative}.calendar-options{position:absolute;top:calc(100% + 8px);right:0;width:244px;background:#161615;border:1px solid #67635d;z-index:5;padding:6px;box-shadow:0 8px 25px #000}.calendar-options a{display:flex;justify-content:space-between;text-decoration:none;padding:14px 10px;font:11px Arial,Helvetica,sans-serif;line-height:1.4}.calendar-options a:hover,.calendar-options a:focus{background:#30302d}.arabic{max-width:480px;margin:50px auto 0;padding-top:30px;border-top:1px solid #2b2a27;font-family:'Traditional Arabic','Noto Naskh Arabic','Geeza Pro',Tahoma,serif;font-size:19px;line-height:1.9;color:#d4d0c9}.arabic p{margin:0 0 13px}.arabic .arabic-heading{font-size:24px;color:#f0ede7}.arabic .arabic-dinner{font-size:17px;color:#bdb9b2}.guest-note{margin:28px auto 0;color:#b8b4ac}.guest-note>span{font-size:17px;display:block;margin-bottom:16px}.guest-note p{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:9px 0}.guest-note p[lang=ar]{font-size:14px;letter-spacing:0;font-family:Tahoma,serif}.countdown-section{text-align:center;padding:42px 0 25px;border-top:1px solid var(--line);max-width:780px;margin:auto}.countdown-section>.eyebrow{color:#a9a59e;font-size:9px}.countdown{display:flex;justify-content:center;align-items:flex-start;gap:22px;margin:30px auto 40px}.countdown>div{min-width:62px;display:flex;flex-direction:column;gap:12px}.countdown>div>span:first-child{font-size:44px;font-variant-numeric:tabular-nums;line-height:1}.countdown i{font-style:normal;color:#7f7c75;font-size:28px;line-height:1.3}.countdown .unit{font:8px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#aaa69e}.closing{font-size:clamp(18px,2.6vw,24px);font-style:italic;line-height:1.4;margin:0 0 18px}.closing-signature{font-size:13px;color:#bcb7ae;margin:0}footer{text-align:center;padding:18px 0 45px}footer .text-button{font-size:8px;color:#b8b3aa}footer .replay{display:block;margin:10px auto 0;font-size:8px;color:#8e8981;text-transform:none;letter-spacing:.06em}#share-status{font:11px Arial,Helvetica,sans-serif;color:#c8c3b9;min-height:14px;margin:9px 0 0}.noscript-note{text-align:center;padding:20px;font-size:13px}@media(min-width:1300px){.cover-title{margin-bottom:78px}.envelope-wrap{width:580px}}@media(max-width:600px){.cover-title{margin-bottom:52px;font-size:8px}.envelope-wrap{width:87vw}.cover{padding:30px 18px}.cover:before{inset:10px}.open-prompt{margin-top:37px;font-size:14px}.cover-date{font-size:7px;letter-spacing:.15em;margin-top:35px}main{padding:11px}.invitation-frame{padding:0 22px}.invitation-frame:before{inset:5px}.corner{width:70px;height:70px}.top-left{top:5px;left:5px}.top-right{top:5px;right:5px}.bottom-left{bottom:5px;left:5px}.bottom-right{bottom:5px;right:5px}.invitation-header{padding:29px 6px;font-size:8px}.header-monogram{font-size:19px}.hero{padding-top:12px;padding-bottom:33px}.bismillah{width:180px;margin-bottom:33px}.invitation-intro{font-size:8px;letter-spacing:.15em}.occasion{font-size:9px;letter-spacing:.15em}h1{margin:29px -12px 19px}.ornament{margin:25px 0 24px}.ornament span{width:53px}.weekday{font-size:12px;margin-bottom:16px}.event-date{font-size:clamp(27px,7.4vw,38px)}.event-time{font-size:10px;letter-spacing:.07em;margin-top:17px}.local-time{font-size:9px}.discover{margin-top:32px;font-size:7px}.celebration{padding:37px 0 32px}h2{font-size:31px}.section-label{font-size:8px}.actions{flex-direction:column;align-items:center;gap:10px}.button,.calendar-wrap{width:100%;max-width:270px}.calendar-wrap>.button{width:100%}.calendar-options{left:0;right:0;width:100%}.arabic{margin-top:37px;padding-top:27px;font-size:18px}.countdown-section{padding-top:30px}.countdown{gap:13px;margin:27px auto 32px}.countdown>div{min-width:57px}.countdown>div>span:first-child{font-size:38px}.countdown-section>.eyebrow{font-size:7px;letter-spacing:.15em}.closing{font-size:20px}footer{padding-bottom:35px}}@media(max-height:650px) and (min-width:650px){.cover{padding:20px}.cover-title{margin-bottom:20px}.envelope-wrap{width:370px}.open-prompt{margin-top:20px}.cover-date{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.envelope:hover{transform:none}}