@font-face{font-family:Ali Meshref;src:url(/fonts/ali-meshref.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Ali Meshref;src:url(/fonts/ali-meshref.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ArefRuqaa-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ArefRuqaa-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Diwani Bent;src:url(/fonts/DiwaniBent.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DecoType Thuluth II;src:url(/fonts/decotype-thuluth-ii.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color:#5f4c33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ded4c8;font-family:Ali Meshref,Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}html.invitation-scroll-locked,html.invitation-scroll-locked body{overscroll-behavior:none;overflow:hidden}button,input,textarea,select{font:inherit}.invitation{background:#f3eadf;width:min(100%,560px);min-height:100svh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 45px #45301f29}.hero{background:#ead9cd;min-height:100svh;position:relative}.hero__image,.opening__image{object-fit:cover;width:100%;min-height:100svh;display:block}.hero__image{opacity:1}.hero__wedding-details{z-index:1;color:#906a18;text-align:center;text-shadow:0 1px #fffcf4d9,0 2px 12px #fff8ebb3;flex-direction:column;align-items:center;width:80%;font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%)}.hero__wedding-details h2{margin:0;font-size:clamp(1.3rem + 10px,5vw + 10px,2rem + 10px);font-weight:400;line-height:1.5}.hero__names{justify-content:center;align-items:center;gap:clamp(1rem,5vw,2.5rem);width:100%;margin:16px 0 0;font-size:clamp(3.4rem,14vw,5.3rem);font-weight:700;line-height:1.45;display:flex}.hero__ampersand{font-family:Georgia,Times New Roman,serif;font-size:.65em;font-weight:400}.hero__separator-wrap{aspect-ratio:2172/236;width:58%;margin:.05rem auto 8px;overflow:hidden}.hero__separator{filter:drop-shadow(0 2px 5px #fff8eb99);width:100%;height:auto;display:block;transform:translateY(-33.29%)}.hero__wedding-details time{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;line-height:1.2}.hero__separator-wrap{opacity:0;transform:translateY(14px)}.invitation--open .hero__separator-wrap{animation:.5s ease-out 2.05s forwards hero-detail-in}.second-section{background:#f3eadf;width:100%}.second-section__frame{width:100%;height:auto;display:block}.second-section__frame-wrap{position:relative}.second-section__monogram{z-index:1;pointer-events:none;width:12.5%;height:auto;display:block;position:absolute;top:10%;left:50%;transform:translate(-50%)}.second-section__invitation-copy{z-index:1;color:#8f6a1c;text-align:center;text-shadow:0 1px #fffcf5b8;width:72%;font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;position:absolute;top:30%;left:50%;transform:translate(-50%)}.second-section__invitation-copy p{margin:0}.second-section__families{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.second-section__families p{flex-direction:column;align-items:center;min-width:0;display:flex}.second-section__families span{white-space:nowrap;font-size:28px;font-weight:700;line-height:1.4}.second-section__families .second-section__deceased-tail{display:inline-block;transform:translate(12px)}.second-section__families strong{white-space:nowrap;font-family:DecoType Thuluth II,Diwani Bent,Ali Meshref,Aref Ruqaa,Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.5}.second-section__invitation-line{font-size:clamp(1rem,4vw,1.4rem);font-weight:700;line-height:1.6;margin-top:clamp(.75rem,3vw,1.25rem)!important}.second-section__couple{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(.5rem,2vw,1rem);margin-top:clamp(.55rem,2.5vw,1rem);display:grid}.second-section__couple>div{flex-direction:column;align-items:center;min-width:0;display:flex}.second-section__couple span{font-size:clamp(.95rem,3.6vw,1.25rem);line-height:1.3}.second-section__couple strong{font-size:clamp(2.75rem,11vw,4.25rem);font-weight:700;line-height:1.35}.second-section__couple-ampersand{align-self:end;margin-bottom:.35rem;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(1.6rem,6vw,2.3rem)!important;line-height:1.35!important}.second-section__closing-line,.second-section__date-line{justify-items:center;font-size:clamp(.95rem,3.6vw,1.3rem);font-weight:700;line-height:1.6;display:grid}.second-section__closing-line{margin-top:clamp(.55rem,2.5vw,1rem)!important}.second-section__date-line{margin-top:.2rem!important}.second-section__date-line time{display:inline-block}.second-section__closing-line span:last-child,.second-section__date-line time{font-size:clamp(1.9rem,7.2vw,2.6rem);line-height:1.35}.second-section__top-row{pointer-events:none;place-items:center;width:100%;padding:2.5rem 0 1rem;display:grid;position:relative}.second-section__calligraphy{width:50%;height:auto;display:block}.second-section__side-flower{--side-direction:1;width:14%;height:auto;transform:translateY(-50%) scaleX(var(--side-direction));pointer-events:none;display:block;position:absolute;top:50%}.second-section__side-flower--left{left:4%}.second-section__side-flower--right{--side-direction:-1;right:4%}.second-section__calligraphy{opacity:0;transform:translateY(14px)}.second-section__side-flower{opacity:0}.second-section__top-row--visible .second-section__side-flower--left{animation:.5s ease-out .2s forwards second-side-detail-in}.second-section__top-row--visible .second-section__calligraphy{animation:.5s ease-out .35s forwards second-detail-in}.second-section__top-row--visible .second-section__side-flower--right{animation:.5s ease-out .5s forwards second-side-detail-in}.countdown-section{color:#8f6a1c;isolation:isolate;background:#fff;place-items:center;min-height:0;padding-bottom:64px;display:grid;position:relative;overflow:hidden}.countdown-section__content{z-index:1;text-align:center;text-shadow:0 1px #fffcf5b8;width:78%;font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;position:relative}.countdown-section__scene{place-items:center;width:100%;padding-top:16px;display:grid;position:relative}.countdown-section__content h2{margin:0;font-size:clamp(1.3rem + 10px,5vw + 10px,2rem + 10px);font-weight:400;line-height:1.5}.countdown-section__subtitle{margin:.15rem 0 0;font-size:clamp(1rem,4vw,1.4rem);font-weight:700;line-height:1.6}.countdown-section__timer{grid-template-columns:repeat(3,minmax(0,1fr) auto) minmax(0,1fr);align-items:start;gap:clamp(.2rem,1vw,.45rem);margin-top:clamp(1.6rem,7vw,2.6rem);display:grid}.countdown-section__unit{justify-items:center;min-width:0;display:grid}.countdown-section__unit strong{font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,7vw,2.5rem);font-weight:700;line-height:1.2}.countdown-section__unit span{margin-top:.35rem;font-size:clamp(.72rem,2.8vw,.95rem);font-weight:700;line-height:1.4}.countdown-section__separator{padding-top:.05em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.2}.countdown-section__floral{z-index:0;pointer-events:none;width:16%;height:auto;position:absolute;top:70%}.countdown-section__floral--left{left:-1.5%;transform:translateY(-50%)}.countdown-section__floral--right{right:-1.5%;transform:translateY(-50%)scaleX(-1)}.venue-section{color:#8f6a1c;text-align:center;background:#fff;width:100%;position:relative}.venue-section__heading{z-index:1;text-shadow:0 1px #fffcf5b8;word-spacing:.14em;direction:ltr;unicode-bidi:isolate;width:84%;font-family:Georgia,Times New Roman,serif;position:absolute;top:4.5%;left:50%;transform:translate(-50%)}.venue-section__heading h2{margin:0;font-size:clamp(1.3rem + 10px,5vw + 10px,2rem + 10px);font-weight:400;line-height:1.35}.venue-section__heading address{margin-top:.35rem;font-size:clamp(1rem,4vw,1.4rem);font-style:normal;font-weight:700;line-height:1.6}.venue-section__map-link{color:#8f6a1c;background:#ffffffb8;border:1px solid #8f6a1c8c;border-radius:999px;justify-content:center;align-items:center;margin-top:clamp(.75rem,3vw,1.1rem);padding:.55rem 1.15rem;font-size:clamp(.85rem,3.3vw,1.05rem);font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex;box-shadow:0 4px 16px #61461d1a}.venue-section__map-link span{text-align:center;font-family:inherit;display:block}.venue-section__map-link:hover{color:#fff;background:#8f6a1c}.venue-section__map-link:focus-visible{outline-offset:3px;outline:2px solid #8f6a1c}.venue-section__image{width:100%;height:auto;display:block}.time-section{color:#8f6a1c;text-align:center;background:radial-gradient(circle at 0 20%,#efd3ce38,#0000 30%),radial-gradient(circle at 100% 35%,#8f9b681a,#0000 28%),#fff;width:100%;padding:clamp(2.75rem,11vw,4.5rem) .75rem clamp(3.5rem,13vw,5rem);font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;position:relative;overflow:hidden}.time-section h2{margin:0 0 clamp(1rem,4vw,1.5rem);font-size:clamp(1.3rem + 10px,5vw + 10px,2rem + 10px);font-weight:400;line-height:1.5}.time-section__program{width:min(100%,500px);margin:0 auto;position:relative}.time-section__timeline{width:100%;min-height:clamp(22rem,92vw,28rem);margin:0 auto clamp(1.5rem,6vw,2.5rem);position:relative}.time-section__events{height:100%;min-height:inherit;grid-template-rows:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.time-section__event{direction:ltr;grid-template-columns:minmax(0,1fr) clamp(3.75rem,15vw,4.75rem) minmax(0,1fr);align-items:center;min-width:0;display:grid}.time-section__event-name{color:#765f43;text-align:center;direction:rtl;grid-area:1/3;justify-self:stretch;margin:0;font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;font-size:24px;font-weight:700;line-height:1.45}.time-section__event-details{flex-direction:column;grid-area:1/3;justify-content:center;justify-self:stretch;display:flex}.time-section__event-address{color:#765f43;text-align:center;margin:.2rem 0 0;font-family:initial;font-size:clamp(.75rem,3vw,.9rem);font-style:normal;font-weight:400;line-height:1.35;display:grid}.time-section__event time{color:#8f6a1c;text-align:center;white-space:nowrap;direction:rtl;grid-area:1/1;justify-self:stretch;font-size:24px;font-weight:700;line-height:1.4}.time-section__event-marker{z-index:2;background:#a28f78;border:1px solid #856b2061;grid-area:1/2;place-self:center;width:.7rem;height:.7rem;position:relative;transform:rotate(45deg);box-shadow:0 0 0 5px #fffcf7eb}.time-section__timeline-track{--timeline-progress:0%;z-index:3;pointer-events:none;background:#8f6a1c52;width:1px;display:block;position:absolute;top:16.6667%;bottom:16.6667%;left:50%;transform:translate(-50%)}.time-section__timeline-progress{width:2px;height:var(--timeline-progress);background:linear-gradient(#b69a4c,#899660);position:absolute;top:0;left:50%;transform:translate(-50%)}.time-section__timeline-indicator{z-index:4;top:var(--timeline-progress);aspect-ratio:1;background:#fffcf7;border:1px solid #a889365c;border-radius:50%;width:40px;display:block;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 5px 16px #5b462724,0 0 0 4px #fffcf7e0}.time-section__timeline-indicator img{filter:saturate(.78)contrast(.96);width:125%;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-section__frame-wrap{width:100%;margin:0 auto;position:relative}.time-section__frame{width:100%;height:auto;display:block}.time-section__copy{z-index:1;text-shadow:0 1px #fffcf5b8;gap:clamp(.55rem,2.5vw,.9rem);width:61%;font-size:24px;font-weight:700;line-height:1.65;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-section__copy p{margin:0}.time-section__copy time{white-space:nowrap;display:inline-block}.time-section__smoking-notice{text-shadow:0 1px #fffcf5b8;margin:clamp(.65rem,2.5vw,1rem) auto 0;font-size:24px;font-weight:700;line-height:1.65}.time-section__smoking-notice p{margin:0}.final-section{color:#8f6a1c;background:#efd3ce;width:100%;position:relative;overflow:hidden}.final-section__image{width:100%;height:auto;display:block}.final-section__details{z-index:1;text-align:center;text-shadow:0 1px #fff8f2e0,0 3px 14px #fff4edc7;justify-items:center;width:82%;font-family:Aref Ruqaa,Ali Meshref,Georgia,Times New Roman,serif;display:grid;position:absolute;top:6%;left:50%;transform:translate(-50%)}.final-section__details h2{margin:0;font-size:clamp(1.3rem + 10px,5vw + 10px,2rem + 10px);font-weight:400;line-height:1.5}.final-section__names{justify-content:center;align-items:center;gap:clamp(.65rem,3vw,1.25rem);margin:clamp(.3rem,1.5vw,.6rem) 0 0;font-size:clamp(2.5rem,10vw,4rem);font-weight:700;line-height:1.35;display:flex}.final-section__details time{margin-top:clamp(.25rem,1.5vw,.55rem);font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;line-height:1.3}.scroll-reveal__item{opacity:0;transform:translateY(14px)}.scroll-reveal--visible .scroll-reveal__item{animation:.5s ease-out forwards second-detail-in}.scroll-reveal--visible .scroll-reveal__item--1{animation-delay:.2s}.scroll-reveal--visible .scroll-reveal__item--2{animation-delay:.4s}.scroll-reveal--visible .scroll-reveal__item--3{animation-delay:.6s}.scroll-reveal--visible .scroll-reveal__item--4{animation-delay:.8s}.scroll-reveal--visible .scroll-reveal__item--5{animation-delay:1s}.opening{z-index:2;color:#856b20;cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;background:#f3eadf;border:0;border-radius:0;width:min(100%,560px);height:100svh;margin:0 auto;padding:0;transition:opacity 1.05s,visibility 0s linear 1.05s;position:fixed;inset:0;overflow:hidden}.opening:focus-visible{outline-offset:-5px;outline:3px solid #a58a34}.invitation--open .opening{visibility:hidden;pointer-events:none;opacity:0}.audio-control{z-index:1;right:max(1rem,50vw - 280px + 1rem);bottom:max(1rem, env(safe-area-inset-bottom));color:#fffaf2;cursor:pointer;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-tap-highlight-color:transparent;background:#56412b8c;border:1px solid #ffffff94;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.15rem;transition:opacity .4s .85s,visibility 0s linear 1.25s,background-color .2s;display:grid;position:fixed;box-shadow:0 5px 22px #3322142e}.audio-control__icon{flex:none;width:18px;height:18px;display:block}.invitation--open .audio-control{opacity:1;visibility:visible;transition-delay:.85s,0s,0s}.audio-control:hover{background:#56412bb8}.audio-control:focus-visible{outline-offset:3px;outline:2px solid #fffaf2}@keyframes hero-detail-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes second-detail-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes second-side-detail-in{0%{opacity:0;transform:translateY(-50%) scaleX(var(--side-direction)) scale(.94)}to{opacity:1;transform:translateY(-50%) scaleX(var(--side-direction)) scale(1)}}@media (prefers-reduced-motion:reduce){.opening,.audio-control{transition-duration:.01ms}.invitation--open .hero__separator-wrap{animation-duration:.01ms;animation-delay:1.05s}.second-section__top-row--visible .second-section__calligraphy,.scroll-reveal--visible .scroll-reveal__item{opacity:1;animation:none;transform:none}.second-section__top-row--visible .second-section__side-flower{opacity:1;transform:translateY(-50%) scaleX(var(--side-direction));animation:none}}