:root{--ivory:#efe3d2;--ink:#4a2f28;--gold:#a07a3f;--burgundy:#5c1a28;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--ivory);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%}img{max-width:100%;display:block}.timeline{text-align:center;flex-direction:column;flex:1 1 0;width:100%;min-height:0;margin:2.2cqw 0 0;display:flex;position:relative}.timeline-line-wrap{flex-direction:column;flex:1 1 0;min-height:0;padding:0;display:flex;position:relative}.timeline-events{flex-direction:column;flex:1 1 0;margin:0;padding:0;list-style:none;display:flex;position:relative}.timeline-events>.timeline-event{flex:1 1 0}.timeline-line{background:var(--gold);opacity:.55;width:1.5px;position:absolute;left:50%;transform:translate(-50%)}.timeline-event{grid-template-columns:1fr 7px 1fr;align-items:center;column-gap:3.2cqw;display:grid;position:relative}.timeline-dot{z-index:1;background:var(--burgundy);opacity:.5;width:7px;height:7px;transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);border-radius:50%;grid-area:1/2;position:relative;transform:scale(.6)}.timeline-event.revealed .timeline-dot{opacity:1;transform:none}.timeline-content{opacity:0;min-width:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);pointer-events:none;flex-direction:column;grid-row:1;gap:.3em;display:flex}.timeline-event.side-left .timeline-content{text-align:right;grid-column:1;align-items:flex-end;transform:translate(-8px)}.timeline-event.side-right .timeline-content{text-align:left;grid-column:3;align-items:flex-start;transform:translate(8px)}.timeline-event.revealed .timeline-content{opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.timeline-dot,.timeline-event .timeline-content{transform:none}}.timeline-time.placeholder{letter-spacing:.04em;color:var(--ink);font-family:Cinzel,serif;font-size:clamp(9px,2.4cqw,11px)}.timeline-label.placeholder{color:var(--ink);font-size:clamp(13px,3.4cqw,15.5px)}.timeline-venue{letter-spacing:.04em;color:var(--gold);align-items:center;gap:.4em;font-family:Cinzel,serif;font-size:clamp(9px,2.4cqw,11px);display:inline-flex}.timeline-venue-icon{flex:none;width:1.2em;height:1.2em}.timeline-event.side-left .timeline-venue{justify-content:flex-end}.timeline-label-icon{vertical-align:-.15em;width:1.1em;height:1.1em;color:var(--gold);margin:0 .35em;display:inline-block}.timeline-event--compact .timeline-label{white-space:nowrap;font-size:3cqw}.timeline-event--compact .timeline-venue{letter-spacing:.01em;white-space:nowrap;font-size:2.4cqw}.timeline-note{letter-spacing:.04em;color:var(--ink);font-family:Cinzel,serif;font-size:clamp(9px,2.4cqw,11px)}.timeline-actions{flex-wrap:wrap;gap:1.6cqw;margin-top:.2em;display:flex}.timeline-action{letter-spacing:.05em;text-transform:uppercase;color:var(--burgundy);background:color-mix(in srgb, var(--gold) 10%, transparent);transition:transform .16s var(--ease-out);border:1px solid #a07a3f8c;border-radius:999px;padding:.35em .9em;font-family:Cinzel,serif;font-size:clamp(7.5px,1.9cqw,9px);text-decoration:none}.timeline-action:active{transform:scale(.97)}.timeline-event.side-left .timeline-actions{justify-content:flex-end}.timeline-star{pointer-events:none;width:16px;height:16px;transition:top .1s linear;position:absolute;left:50%;transform:translate(-50%,-50%)}.timeline-star svg{width:100%;height:100%}.invitation-card{width:100%;height:100%;color:var(--ink);font-family:Cormorant Garamond,serif;position:relative;overflow:hidden}.invitation-card .edge{pointer-events:none;-webkit-user-select:none;user-select:none;animation:edge-in .9s var(--ease-out) var(--edge-delay,0s) both;position:absolute}@keyframes edge-in{0%{opacity:0;translate:var(--edge-from,0 0)}}@media (prefers-reduced-motion:reduce){.invitation-card .edge{animation-name:fade-in}}.ribbon--burgundy{--edge-from:-5% -5%;--edge-delay:0s;z-index:3;width:min(62vw,300px);top:-10px;left:-14px}.ribbon--ivory-top{--edge-from:5% -5%;--edge-delay:80ms;z-index:3;width:min(40vw,195px);top:-10px;right:-8px}.ribbon--ivory-swirl{--edge-from:5% 5%;--edge-delay:.16s;z-index:2;width:min(32vw,155px);bottom:0;right:-12px}.ribbon--ivory-bottom{--edge-from:-5% 5%;--edge-delay:.24s;z-index:3;width:min(52vw,250px);bottom:-10px;left:-16px}.floral--left{--edge-from:-5% 0;--edge-delay:.32s;z-index:2;width:min(30vw,145px);bottom:120px;left:-8px}.floral--right{--edge-from:5% 0;--edge-delay:.32s;z-index:2;width:min(28vw,135px);top:45%;right:-1px}.content-wrap{z-index:2;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:min(82vw,420px);height:calc(100% - min(8vh,56px) - 20px);margin:min(8vh,56px) auto min(4vh,32px);position:relative;overflow:hidden auto;container-type:inline-size}.content-wrap::-webkit-scrollbar{display:none}.stage{height:100%;position:sticky;top:0}.scroll-spacer{height:500%}.content-wrap .arch{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;animation:1.2s ease-out both fade-in;position:absolute;top:0;left:50%;transform:translate(-50%)}.group{z-index:2;text-align:center;will-change:opacity, transform;flex-direction:column;justify-content:center;min-width:0;padding:0 8cqw;display:flex;position:absolute;inset:0}.group--first{animation:1.2s ease-out .6s both fade-in}@keyframes fade-in{0%{opacity:0}}.group--timeline{justify-content:flex-start;padding-top:30cqw;padding-bottom:41cqw}.group>*{min-width:0;max-width:100%}.group .verse{width:75.4%;margin:0 auto 2.3cqw}.translation{color:var(--ink);margin:0;font-size:clamp(16.9px,4.42cqw,20.8px);font-style:italic}.divider{opacity:.9;width:62%;margin:1.6cqw auto}.divider--heart{width:46%;margin:2.2cqw auto}#divider-heart{width:69%;margin-top:5cqw}#divider-ampersand,#divider-heart-after-names{opacity:1}#divider-heart-after-names{width:92%;margin-top:10cqw}.divider--amp{width:46.8%;margin:2.2cqw auto}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--burgundy);margin:.5cqw 0;font-family:Cinzel,serif;font-size:clamp(9px,2.3cqw,11px);font-weight:500}.eyebrow[dir=rtl]{font-size:calc(1.15*clamp(9px,2.3cqw,11px))}#eyebrow-occasion-arabic{margin-bottom:12cqw}.occasion-arabic{width:83.2%;margin:.6cqw auto;display:block}.eyebrow--action{appearance:none;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;text-underline-offset:.5em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--gold) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--gold) 70%, transparent);transition:transform .16s var(--ease-out);background:0 0;border:0;padding:0;position:relative}.eyebrow--action:after{content:"";position:absolute;inset:-14px 0}.eyebrow--action:active{transform:scale(.97)}.eyebrow--action:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.eyebrow--small{letter-spacing:.12em;text-transform:none;margin-top:6cqw;font-size:clamp(9.8px,2.52cqw,12.6px)}.name{text-transform:capitalize;color:var(--ink);margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(45px,13.5cqw,62.5px);font-style:italic;font-weight:300;line-height:1.2}.date-row{justify-content:center;align-items:center;gap:4%;width:100%;min-width:0;margin:6cqw 0 .25cqw;display:flex}.date-row>*{min-width:0}.date-row .icon{flex:none;width:16.9%}.date-box{letter-spacing:.08em;color:var(--gold);border-left:1px solid #a07a3f8c;border-right:1px solid #a07a3f8c;grid-template-columns:repeat(3,auto);justify-content:center;place-items:baseline center;gap:1.2cqw 2.99cqw;padding:0 4%;font-family:Cinzel,serif;font-size:clamp(13px,3.38cqw,15.6px);display:grid}.date-box .hijri{letter-spacing:0;font-size:.9em}.closing{color:var(--ink);margin:0;font-size:clamp(12px,3.1cqw,14px);font-style:italic;line-height:1.5}.icon-heart{width:3.4cqw;margin:1.1cqw auto 0;position:relative}.placeholder{color:color-mix(in srgb, var(--ink) 55%, transparent)}.page{background-image:url(/assets/background-DcEhSVFG.jpg);background-position:50%;background-size:100% 100%;background-color:var(--ivory);position:fixed;inset:0;overflow:hidden}