@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-arabic-arabic-500-normal-DPISWLls.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff)format("woff")}:root{font-synthesis:none;color:#193e50;--paper:#fff7e9;--ink:#193e50;--line:#d9cbae;background:#eee3d1;font-family:Noto Sans Arabic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{min-width:280px;margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #e4b358}p,h1,h2{overflow-wrap:anywhere;text-wrap:pretty;margin:0}.invitation{isolation:isolate;background:var(--paper);max-width:680px;margin-inline:auto;position:relative;box-shadow:0 0 80px #58462b20;container-type:inline-size}.skip-link{z-index:30;background:var(--paper);padding:12px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:8;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:12px 22px auto}.topbar a{align-items:center;min-height:44px;font-size:10px;text-decoration:none;display:flex}.details-link{order:3}.motion-toggle{color:inherit;background:#154e6b40;border:1px solid #ffffff65;border-radius:3px;order:2;min-height:36px;padding:8px 10px;font-size:10px}.motion-toggle[hidden]{display:none}.story{--copy-top:clamp(140px, 20svh, 180px);background:#4498c8;position:relative}.scene{position:relative;overflow:clip}.scenery{pointer-events:none;background:#55a4cd;height:100svh;min-height:620px;position:relative;overflow:hidden}.sky{object-fit:fill;object-position:center top;transform-origin:top;width:100%;height:72%;position:absolute;inset:0}.garden{transform-origin:bottom;object-fit:fill;width:108%;height:74%;position:absolute;bottom:-2%;left:-4%}.arch{object-fit:fill;transform-origin:bottom;width:120%;height:109%;position:absolute;inset:-9% auto 0 -10%}.couple-slot{transform-origin:bottom;z-index:3;justify-content:center;width:100%;display:flex;position:absolute;bottom:2.5%;left:0;translate:none}.couple-slot img{transform-origin:bottom;width:min(83%,37svh);height:auto;display:block}.scene-shade{pointer-events:none;background:linear-gradient(#0000 0%,#153f5945 18% 38%,#0000 55%);position:absolute;inset:0}.story-copy{color:var(--paper);text-align:center}.chapter{flex-direction:column;align-items:center;gap:8px;padding:44px 36px;display:flex}.chapter-intro{top:var(--copy-top);gap:8px;padding:0;position:absolute;inset-inline:18%}.eyebrow,.kicker{font-size:11px;font-weight:500;line-height:1.8}.chapter h1{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:13px;font-family:Amiri,serif;font-size:clamp(60px,16cqw,88px);font-weight:400;line-height:1.25;display:flex}.names-amp{color:#f6d89f;font-size:.52em}.chapter h2{text-wrap:balance;max-width:15ch;font-family:Amiri,serif;font-size:clamp(28px,7.5cqw,34px);font-weight:400;line-height:1.4}.chapter-text{max-width:100%;font-size:14px;line-height:1.85}.intro-date{font-size:11px;line-height:1.9}.chapter-intro:after{content:"";background:#fff7e97a;width:56px;height:1px;margin-top:14px;display:block}.chapter-message{background:#2b6484}.animated{height:calc(100svh + var(--scroll-distance,210svh))}.animated .scene{height:100svh;position:sticky;top:0}.animated .scenery{height:100%;min-height:0;position:absolute;inset:0}.animated .story-copy{top:var(--copy-top);align-items:start;display:grid;position:absolute;inset-inline:18%}.animated .chapter{will-change:transform, opacity;background:0 0;grid-area:1/1;padding:0;position:relative;inset:auto}.flow-layout .chapter-intro{background:#2b6484;padding:42px 36px;position:relative;inset:auto}.venue{text-align:center;background:var(--paper);border-top:5px double #d3b57c;padding:68px 30px 38px;position:relative}.venue:before{content:"";pointer-events:none;opacity:.6;border:1px solid #d3b57c;border-bottom:0;border-radius:180px 180px 0 0;height:90px;position:absolute;inset:16px 16px auto}.venue .kicker{color:#82663e;margin-bottom:13px}.venue h2{font-family:Amiri,serif;font-size:clamp(38px,10cqw,52px);font-weight:400;line-height:1.5}.venue-address{color:#52656a;margin-top:3px;font-size:13px}.event-details{border-block:1px solid var(--line);justify-content:center;max-width:430px;margin:30px auto;padding:20px 0;display:flex}.event-details>div{flex:1;padding-inline:12px}.event-details>div+div{border-inline-start:1px solid var(--line)}.event-details dt{color:#716b5f;margin-bottom:8px;font-size:10px}.event-details dd{margin:0;font-size:14px;line-height:2}.qr-link{border:1px solid var(--line);background:#fff;border-radius:3px;width:166px;margin:0 auto 15px;padding:7px;transition:transform .2s;display:block}.qr-link img{width:150px;height:150px;display:block}.qr-link:hover{transform:translateY(-3px)}.qr-hint{color:#647176;margin-bottom:23px;font-size:11px;line-height:2}.map-button{background:var(--ink);width:100%;max-width:290px;min-height:48px;color:var(--paper);border-radius:3px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:14px 20px;font-size:13px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.map-button:hover{background:#2c5768;transform:translateY(-2px)}.map-button:active{transform:translateY(0)scale(.98)}.invitation-footer{border-top:1px solid var(--line);margin-top:48px;padding-top:26px}.invitation-footer>p:first-child{color:#6c7677;font-size:12px}.footer-names{color:#446273;margin-top:12px;font-family:Amiri,serif;font-size:30px}.footer-names .names-amp{color:#a78345;margin-inline:8px}.curtains[hidden]{display:none!important}.curtains{z-index:20;pointer-events:none;place-items:center;max-width:680px;margin-inline:auto;display:grid;position:fixed;inset:0;overflow:hidden}.curtain-left,.curtain-right{will-change:transform;filter:drop-shadow(0 0 15px #75604330);background-image:url(/assets/curtains.webp);background-size:200% 100%;width:50.2%;position:absolute;inset-block:0}.curtain-left{background-position:0;left:0}.curtain-right{background-position:100%;right:0}.curtain-seal{z-index:1;color:#68532f;background:#fff7e9e8;border:1px solid #a98950;border-radius:50%;justify-content:center;align-items:center;gap:9px;width:128px;height:128px;font-family:Amiri,serif;font-size:30px;display:flex;box-shadow:0 0 0 7px #fff7e930}.curtain-seal .names-amp{color:#a78345}.skip-intro{bottom:calc(32px + env(safe-area-inset-bottom));z-index:2;color:#68532f;pointer-events:auto;background:#fff7e97a;border:0;border-bottom:1px solid #907349;min-height:44px;padding:10px 20px;font-size:12px;position:absolute}@media (width>=700px){.topbar{inset-inline:40px}.venue{padding-inline:75px}.chapter-text{font-size:15px}}@media (height<=650px){.story{--copy-top:125px}.chapter h1{font-size:55px}.chapter-text{font-size:12px}.scenery{min-height:560px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.qr-link,.map-button{transition:none}}.scenery .arch{height:calc(109% + 80px)}.venue{color:var(--paper);background:#4498c8;border:0;padding:56px 17% 30px;overflow:hidden}.venue:before{display:none}.venue-art{pointer-events:none;position:absolute;inset:0}.venue-art .sky{height:145%;top:-45%}.venue-art .garden{height:48%;bottom:0}.venue-art .arch{height:calc(100% + 360px);top:-360px;transform:none}.venue-wash{background:linear-gradient(#174d6d55 0% 58%,#0000 84%);position:absolute;inset:0}.venue-inner{z-index:1;position:relative}.venue .kicker,.venue-address,.event-details dt,.qr-hint{color:#fff7e9}.venue h2{font-size:clamp(34px,9cqw,49px)}.event-details{border-color:#fff7e96b;flex-wrap:wrap;gap:10px;margin:22px auto;padding:16px 0}.event-details>div{min-width:85px;padding-inline:0}.event-details>div+div{border-color:#fff7e96b}.event-details dd{font-size:12px}.qr-link{margin-top:24px;box-shadow:0 8px 24px #153f5920}.map-button{color:#194b63;background:#fff7e9;max-width:270px}.map-button:hover{background:#f8e8cd}.invitation-footer{border:0;margin-top:30px;padding-top:0}.venue-couple{width:clamp(105px,33cqw,155px);height:auto;margin:0 auto 14px;display:block}.invitation-footer p,.invitation-footer>p:first-child,.footer-names{color:var(--paper);text-shadow:0 1px 5px #173529}.invitation-footer p:not(.footer-names){font-size:12px}.footer-names{margin-top:5px;font-size:27px}.footer-names .names-amp{color:#f6d89f}.continuous>.scenery{z-index:0;height:100svh;min-height:0;margin-bottom:-100svh;position:sticky;top:0}.continuous .story{z-index:1;background:0 0}.continuous .venue{z-index:1;background:0 0;min-height:100svh}.continuous .venue-art,.continuous .venue-couple{display:none}.continuous .invitation-footer{padding-top:200px}.continuous .venue h2,.continuous .venue-address,.continuous .venue .kicker,.continuous .event-details,.continuous .qr-hint{text-shadow:0 1px 8px #123d60}.continuous .venue{padding-top:clamp(135px,17svh,155px);padding-bottom:20px}.continuous .venue .kicker{margin-bottom:2px}.continuous .venue h2{font-size:34px;line-height:1.3}.continuous .venue-address{font-size:11px}.continuous .event-details{margin:14px 0;padding:10px 0}.continuous .event-details dd{font-size:11px}.continuous .qr-link{width:138px;margin-top:14px;margin-bottom:10px}.continuous .qr-link img{width:122px;height:122px}.continuous .qr-hint{margin-bottom:12px;font-size:10px}.continuous .invitation-footer{margin-top:20px;padding-top:154px}.continuous .qr-hint{background:#173f5966;border-radius:2px;padding:3px 4px}.continuous .venue{margin-top:-45svh}@media (height<=780px){.continuous .venue{padding-top:120px}.continuous .invitation-footer{padding-top:74px}.continuous .qr-link{width:122px}.continuous .qr-link img{width:106px;height:106px}}