:root{--color-bg: #ede0c8;--color-text: #4a3826;--color-gold: #a97d3f;--color-gold-light: rgba(169, 125, 63, .18);--color-white: #f7efdc;--color-card-bg: #f5ecd8;--color-parchment: #e8d9b5;--color-parchment-dark: #c9b485;--color-ink: #2e2117;--color-ink-light: #5c4630;--color-wax-maroon: #6b1f24;--color-lantern-glow: rgba(255, 200, 110, .35);--color-compass-brass: #8a6d3b;--font-script: "Great Vibes", cursive;--font-serif: "Cormorant Garamond", serif;--font-arabic: "Amiri", serif;--font-hand-en: "Dancing Script", cursive;--font-hand-ar: "Aref Ruqaa", serif;--font-display-en: "Cinzel Decorative", "Cormorant Garamond", serif;--max-width: 430px;--border-radius: 1.5rem;--gold-shadow: 0 2px 20px rgba(169, 125, 63, .25);--card-shadow: 0 4px 40px rgba(46, 33, 23, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:18px}body{background-color:var(--color-ink);font-family:var(--font-serif);color:var(--color-text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}p{font-size:18px}[dir=rtl]{--font-serif: "Amiri", serif;--font-script: "Amiri", serif;font-family:var(--font-arabic)}[dir=rtl] *{letter-spacing:0!important}#root{max-width:var(--max-width);margin:0 auto;min-height:100dvh;background-color:var(--color-parchment);background-image:radial-gradient(ellipse at 50% 35%,rgba(255,240,205,.34),transparent 65%),radial-gradient(ellipse at 50% 50%,transparent 42%,rgba(58,38,20,.3) 100%),url(/parchment.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;position:relative;overflow:hidden;box-shadow:0 0 60px #0006}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}.main-content{opacity:0;transition:opacity .5s ease .1s;padding-bottom:90px}.main-content--visible{opacity:1}.section{width:100%;display:flex;flex-direction:column;align-items:center;background:transparent;padding:3rem 1.5rem}.section-title{font-family:var(--font-serif);font-size:2rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text);opacity:.55;margin-bottom:2rem;text-align:center}.lang-toggle{position:fixed;inset-inline-end:1rem;top:1rem;z-index:600;background:var(--color-gold);color:var(--color-white);font-family:var(--font-serif);font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.4rem .85rem;border-radius:2rem;border:1px solid rgba(46,33,23,.35);box-shadow:var(--gold-shadow);transition:transform .2s,box-shadow .2s}.lang-toggle:hover{transform:scale(1.05);box-shadow:0 4px 24px #a97d3f66}.language-links{position:fixed;inset-inline-start:1rem;top:1rem;z-index:600;display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:.75rem;letter-spacing:.08em}.lang-link{color:var(--color-text);opacity:.5;transition:opacity .2s,color .2s;padding:.4rem .75rem;border-radius:1rem}.lang-link:hover{opacity:.75}.lang-link--active{opacity:1;color:var(--color-gold);background:#c9a84c1a;font-weight:600}.lang-link__separator{opacity:.3;color:var(--color-text)}.hero{min-height:100dvh;position:relative;overflow:hidden;justify-content:center;gap:.5rem;padding:4rem 2rem 3rem;background-image:radial-gradient(circle at 50% 42%,var(--color-lantern-glow),transparent 62%);background-size:cover;background-repeat:no-repeat}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-compass-brass);-webkit-mask-image:url(/compass-rose.svg);mask-image:url(/compass-rose.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center 62%;mask-position:center 62%;-webkit-mask-size:340px 340px;mask-size:340px 340px;opacity:.1;pointer-events:none}.hero__label{font-size:1.25rem;letter-spacing:.45em;text-transform:uppercase;font-family:var(--font-serif);font-weight:300;color:var(--color-text);opacity:.6;margin-bottom:1rem}.hero__name{font-family:var(--font-script);font-size:clamp(3rem,12vw,4.5rem);color:var(--color-text);line-height:1.1;text-align:center;text-shadow:0 2px 12px rgba(107,91,71,.15)}.hero__ampersand{font-family:var(--font-script);font-size:clamp(1.8rem,7vw,2.5rem);color:var(--color-gold);line-height:1}.hero__date{font-family:var(--font-serif);font-size:.85rem;font-weight:400;letter-spacing:.08em;color:var(--color-text);text-align:center;margin-top:1.5rem;opacity:.85}.hero__time{margin-top:.25rem;opacity:.7}.hero__rings{margin-top:2rem;width:120px;height:auto;filter:drop-shadow(0 4px 12px rgba(201,168,76,.3))}.hero__watermark{position:absolute;bottom:75px;left:50%;transform:translate(-50%);font-family:var(--font-arabic);font-size:1.1rem;color:var(--color-text);opacity:.15;white-space:nowrap;pointer-events:none;letter-spacing:.05em;direction:rtl}.invitation{padding:2rem 1.5rem 3rem}.invitation__card{width:100%;position:relative;background:var(--color-white);border:1px solid rgba(138,109,59,.25);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;overflow:hidden}.invitation__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-compass-brass);-webkit-mask-image:url(/compass-rose.svg);mask-image:url(/compass-rose.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:260px 260px;mask-size:260px 260px;opacity:.06;pointer-events:none}.invitation__verse-svg{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.invitation__divider{width:60px;height:1px;background:var(--color-gold);opacity:.5}.invitation__families{font-family:var(--font-serif);font-size:1.25rem;font-weight:900;color:var(--color-text);letter-spacing:.06em}.invitation__body{font-family:var(--font-serif);font-size:1.1rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);opacity:.7;line-height:1.8}.invitation__couple{font-family:var(--font-serif);font-size:1.4rem;font-weight:900;color:var(--color-text);letter-spacing:.05em}.invitation__couple em{font-style:normal;color:var(--color-gold)}.date-location{gap:2rem;padding:3rem 1.5rem}.location__label{font-size:2rem;letter-spacing:.3em;text-transform:uppercase;opacity:.55;text-align:center}.location__venue{font-family:var(--font-serif);font-size:2rem;font-weight:600;text-align:center;color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.location__address{font-family:var(--font-serif);font-size:1.65rem;font-weight:300;text-align:center;color:var(--color-text);opacity:.75;line-height:1.6;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.calendar-widget{background:var(--color-card-bg);border:1px solid rgba(138,109,59,.35);border-radius:.75rem;box-shadow:0 8px 32px #2e211738,0 2px 8px #2e21171f;overflow:visible;width:220px;text-align:center;position:relative;margin-top:14px;transform:rotate(-1.5deg)}.calendar-widget:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:14px;background:var(--color-ink);border-radius:4px 4px 0 0;z-index:1}.calendar-widget__header{background:var(--color-text);color:var(--color-white);padding:.5rem .85rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-serif);text-transform:uppercase;border-radius:.75rem .75rem 0 0}.calendar-widget__header>span:not(.calendar-widget__month){font-size:.55rem;letter-spacing:.18em;opacity:.8;font-weight:400}.calendar-widget__month{font-size:1rem;font-weight:700;letter-spacing:.22em}.calendar-widget__body{padding:1.6rem 1.5rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.45rem}.calendar-widget__day{font-family:var(--font-serif);font-size:5.5rem;font-weight:200;color:var(--color-text);line-height:1;letter-spacing:-.02em}.calendar-widget__sep{width:38px;height:1px;background:var(--color-text);opacity:.2;margin:.15rem 0}.calendar-widget__weekday{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-text);opacity:.6}.calendar-widget__time{font-family:var(--font-serif);font-size:.9rem;font-weight:600;color:var(--color-text);letter-spacing:.06em}.save-date-btn{display:flex;align-items:center;gap:.5rem;background:var(--color-white);border:1px solid rgba(138,109,59,.3);border-radius:2rem;padding:.75rem 1.8rem;font-family:var(--font-serif);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);box-shadow:0 2px 12px #2e21171a;transition:box-shadow .2s,transform .2s}.save-date-btn:hover{box-shadow:0 4px 20px #2e211729;transform:translateY(-1px)}.save-date-btn svg{color:var(--color-gold);flex-shrink:0}.countdown{width:100%;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.countdown__label{font-size:1.64rem;letter-spacing:.3em;text-transform:uppercase;opacity:.55}.countdown__units{display:flex;gap:.5rem;width:100%;justify-content:center}.countdown__unit{flex:1;max-width:72px;background:var(--color-bg);border-radius:.75rem;padding:.75rem .25rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.countdown__number{font-family:var(--font-serif);font-size:1.6rem;font-weight:300;color:var(--color-text);line-height:1}.countdown__name{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);opacity:.55}.program{gap:0;padding:3rem 1.5rem}.program__card{width:100%;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:2rem 1.5rem;margin-top:1.5rem}.program__timeline{position:relative;display:flex;flex-direction:column;gap:0}.program__timeline:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:1.5px;background:linear-gradient(to bottom,transparent,var(--color-text) 10%,var(--color-text) 90%,transparent);opacity:.2;transform:translate(-50%)}.program__item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.2rem 0}.program__time{font-family:var(--font-serif);font-size:.85rem;font-weight:300;color:var(--color-text);text-align:right;opacity:.8;letter-spacing:.04em}.program__dot{width:14px;height:14px;border-radius:50%;background:var(--color-text);opacity:.75;flex-shrink:0;position:relative;z-index:1;box-shadow:0 0 0 4px #6b5b471a}.program__dot--last{background:var(--color-white);border:2.5px solid var(--color-text);opacity:.6}.program__event{font-family:var(--font-serif);font-size:.85rem;font-weight:400;color:var(--color-text);text-align:left;letter-spacing:.04em;text-transform:capitalize}[dir=rtl] .program__time{text-align:left}[dir=rtl] .program__event{text-align:right}.details{padding:2rem 1.5rem 3rem;gap:1.5rem}.detail-item{display:flex;align-items:center;gap:1rem;width:100%;background:var(--color-white);border:1px solid rgba(138,109,59,.18);border-radius:1rem;padding:1rem 1.2rem;box-shadow:0 2px 12px #2e21171a}.detail-item__icon{width:36px;height:36px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gold)}.detail-item__text{font-family:var(--font-serif);font-size:.88rem;letter-spacing:.06em;color:var(--color-text);font-weight:300;text-transform:capitalize}.text-right{text-align:right}.detail-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text);opacity:.6;flex-shrink:0}[dir=rtl] .detail-item{flex-direction:row-reverse}.rsvp{padding:3rem 1.5rem 2rem;gap:1.5rem}.rsvp__form{width:100%;display:flex;flex-direction:column;gap:1rem}.rsvp__input{width:100%;background:var(--color-white);border:1px solid rgba(138,109,59,.28);border-radius:.75rem;padding:.9rem 1.1rem;font-family:var(--font-serif);font-size:.9rem;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s;letter-spacing:.03em}.rsvp__input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #a97d3f29}.rsvp__input::placeholder{opacity:.45}.rsvp__attendance{display:flex;gap:.75rem}.rsvp__option{flex:1}.rsvp__option input[type=radio]{display:none}.rsvp__option label{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem;border:1px solid rgba(138,109,59,.28);border-radius:.75rem;background:var(--color-white);font-family:var(--font-serif);font-size:.7rem;letter-spacing:.06em;color:var(--color-text);cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.rsvp__option input[type=radio]:checked+label{border-color:var(--color-gold);background:#a97d3f1f;color:var(--color-gold)}.rsvp__submit{width:100%;background:var(--color-text);color:var(--color-white);font-family:var(--font-serif);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem;border-radius:.75rem;transition:background .2s,transform .2s}.rsvp__submit:hover:not(:disabled){background:var(--color-gold);transform:translateY(-1px)}.rsvp__submit:disabled{opacity:.6;cursor:not-allowed}.rsvp__success{text-align:center;font-family:var(--font-serif);font-size:1rem;color:var(--color-gold);font-style:italic;line-height:1.7;padding:2rem 1rem}.rsvp__error{font-family:var(--font-serif);font-size:.8rem;color:#b85c4a;text-align:center;font-style:italic}.closing{padding:2rem 1.5rem;text-align:center;font-family:var(--font-serif);font-size:2em;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);opacity:.45}.bottom-nav{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:calc(var(--max-width) - 2rem);background:linear-gradient(160deg,#e8d9b5bf,#c9b485b3);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(138,109,59,.4);border-radius:1rem;display:flex;align-items:center;justify-content:space-around;gap:.25rem;padding:.5rem 1rem;z-index:200;box-shadow:0 12px 40px #2e211747,0 3px 10px #2e211729,inset 0 1px #ffffff59}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .75rem;color:var(--color-text);opacity:.7;transition:opacity .2s,transform .15s;min-width:52px;border-radius:1.25rem}.nav-btn:active{transform:scale(.92)}.nav-btn:hover{opacity:1}.nav-btn--active{opacity:1;color:var(--color-gold)}.nav-btn__label{font-family:var(--font-serif);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.nav-btn__icon{width:22px;height:22px}.nav-btn--center{background:var(--color-gold);color:var(--color-white);width:52px;height:52px;border-radius:50%;opacity:1;box-shadow:var(--gold-shadow);padding:0;margin-bottom:4px;flex-direction:row;gap:0;transition:transform .2s,box-shadow .2s}.nav-btn--center:hover{transform:scale(1.08);box-shadow:0 4px 24px #c9a84c66}.nav-btn--center .nav-btn__icon{width:24px;height:24px}@keyframes music-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.nav-btn--playing .nav-btn__icon,.nav-btn--blocked .nav-btn__icon{animation:music-pulse 1.2s ease-in-out infinite;color:var(--color-gold)}.nav-btn--blocked:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--color-gold);border-radius:50%}.nav-btn--blocked{position:relative}[dir=rtl] .bottom-nav{flex-direction:row-reverse}.magic-layer{position:fixed;top:0;right:0;bottom:0;pointer-events:none;z-index:50;overflow:hidden;max-width:var(--max-width);left:50%;transform:translate(-50%)}.magic-mote{position:absolute;bottom:-6%;border-radius:50%;background:radial-gradient(circle,#ffeec6f2,#ffc46ebf 45%,#d68e3600);box-shadow:0 0 7px 1px #ffc67873;opacity:0;animation-name:mote-rise,mote-flicker;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;will-change:transform,opacity}@keyframes mote-rise{0%{transform:translateZ(0) scale(.55);opacity:0}12%{opacity:var(--peak, .6)}50%{transform:translate3d(var(--sway, 20px),-55dvh,0) scale(1)}88%{opacity:var(--peak, .6)}to{transform:translate3d(0,-110dvh,0) scale(.6);opacity:0}}@keyframes mote-flicker{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}@media(prefers-reduced-motion:reduce){.magic-mote{animation:none;opacity:var(--peak, .4)}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.gold-text{color:var(--color-gold)}.serif{font-family:var(--font-serif)}.script{font-family:var(--font-script)}.map-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;max-width:var(--max-width);margin:0 auto;overflow:hidden;background:#0d0906}.map-intro__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,56.4dvh);aspect-ratio:1080 / 1916;overflow:hidden}.map-intro__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/map-bg.webp);background-size:100% 100%;background-repeat:no-repeat}.map-intro__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;display:block}.map-intro__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12%;background:none;border:none;cursor:pointer}.map-intro__open-label{font-family:var(--font-serif);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#f0e0bb;background:#140c068c;border:1px solid rgba(201,165,112,.45);border-radius:2rem;padding:.6rem 1.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:intro-prompt-pulse 2.4s ease-in-out infinite}[dir=rtl] .map-intro__open-label{font-family:var(--font-arabic);letter-spacing:0}@keyframes intro-prompt-pulse{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.map-intro__skip{position:absolute;bottom:1.5rem;inset-inline-end:1.25rem;z-index:20;font-family:var(--font-serif);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#efe2c4;background:#140c0680;border:1px solid rgba(201,165,112,.35);border-radius:2rem;padding:.45rem 1.05rem;opacity:.8;transition:opacity .2s}.map-intro__skip:hover{opacity:1}[dir=rtl] .map-intro__skip{font-family:var(--font-arabic);letter-spacing:0}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}.map-stage__surface{position:absolute;top:0;right:0;bottom:0;left:0}.footstep-trail{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.footstep-trail__print{position:absolute;width:9.6%;height:auto;margin-left:-4.8%;margin-top:-4.8%;mix-blend-mode:multiply;will-change:transform,opacity}.map-stage__meet{position:absolute;transform:translate(-50%,-50%);width:15%;aspect-ratio:1;color:#8f2126;display:flex;align-items:center;justify-content:center}.map-stage__heart{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(255,186,120,.55))}.map-stage__names{position:absolute;top:58%;left:50%;transform:translate(-50%);width:78%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1rem}.map-stage__name{font-family:var(--font-hand-en);font-size:clamp(1.9rem,10vw,2.9rem);line-height:1.15;color:#3a2614;text-shadow:0 1px 1px rgba(255,244,214,.35)}[dir=rtl] .map-stage__name{font-family:var(--font-hand-ar)}.map-stage__amp{font-family:var(--font-script);font-size:clamp(1.1rem,5vw,1.5rem);color:#8a5a22;line-height:1;margin:.1rem 0}.map-stage__flourish{width:72%;max-width:260px;height:auto;margin-top:.35rem}.ink-text__char,.ink-text__sweep{display:inline-block;white-space:pre;will-change:opacity,filter,transform}