.window{--crown:min(100%, 30rem)}.window-head img{width:var(--crown);margin-inline:auto}.window-body{margin-top:calc(var(--crown) * -.05)}.intro{max-width:min(24rem,84%);color:var(--gold-deep);margin-bottom:clamp(.7rem,2.6vw,1.1rem);font-size:clamp(.82rem,3.3vw,.92rem);line-height:1.7}.invite[lang=en] .intro{text-transform:uppercase;letter-spacing:.22em;text-indent:.22em;font-size:clamp(.8rem,2.9vw,.86rem)}@media (width<=27rem){.invite[lang=en] .intro{letter-spacing:.1em;text-indent:.1em}}.name{text-shadow:0 1px #fffdf6e6,0 -1px #40302a29,0 4px 9px #40302a12;line-height:1.12}.invite[lang=en] .name{line-height:1.04}.amp{margin-block:clamp(.2rem,1.4vw,.6rem);font-size:clamp(1.7rem,6.2vw,2.3rem);position:relative}.amp:before,.amp:after{content:"";background:linear-gradient(to right, var(--gold), transparent 88%);width:clamp(3rem,16vw,6rem);height:1px;position:absolute;top:56%}.amp:before{margin-right:.95rem;right:100%}.amp:after{background:linear-gradient(to left, var(--gold), transparent 88%);margin-left:.95rem;left:100%}.invite[lang=en] .amp,.invite[lang=en] .env-amp{font-family:Cormorant,Georgia,serif;font-style:italic}.invite[lang=ar] .amp,.invite[lang=ar] .env-amp{font-family:var(--display-ar)}.names-alt{letter-spacing:.1em;text-indent:.1em;margin-top:clamp(.35rem,2vw,.7rem)}.invite[lang=en] .names-alt{letter-spacing:normal;text-indent:0}.invite[lang=ar] .name{line-height:1.42}.invite[lang=ar] .names-alt{margin-top:clamp(.9rem,3.6vw,1.3rem)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.amp,.names-alt{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,#7d5e1c,#c8a54e 24%,#8a6a22 46%,#bb9540 72%,#7d5e1c);-webkit-background-clip:text;background-clip:text}}@keyframes hero-settle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.names.is-in>*{animation:.9s cubic-bezier(.22,.68,.36,1) backwards hero-settle}.names.is-in>:first-child{animation-delay:80ms}.names.is-in>:nth-child(2){animation-delay:.26s}.names.is-in>:nth-child(3){animation-delay:.4s}.names.is-in>:nth-child(4){animation-delay:.58s}@media (prefers-reduced-motion:reduce){.names.is-in>*{animation:none}}[dir=rtl] .invite *,[dir=rtl] .opening *{letter-spacing:0}[dir=rtl] .invite .names-alt{letter-spacing:.1em}.ornament{margin-block:clamp(1.4rem,4.5vw,2rem) clamp(1.1rem,3.6vw,1.5rem)}.event-line{gap:0}.when{border:1px solid var(--gold-soft);max-width:100%;box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px #b08d3e4d;gap:clamp(.5rem,3.4vw,1.35rem);padding-block:clamp(.7rem,3.2vw,1.05rem);padding-inline:clamp(.65rem,4vw,1.9rem);position:relative}.when:before,.when:after{content:"";background:var(--paper);border:1px solid var(--gold);width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;rotate:45deg}.when:before{inset-inline-start:-4px}.when:after{inset-inline-end:-4px}.when-day{border-inline:0;padding-inline:clamp(.6rem,3.6vw,1.35rem);font-size:clamp(3rem,13vw,4.5rem);line-height:.96;position:relative}.invite[lang=en] .when-day{letter-spacing:.01em}.when-day:before,.when-day:after{content:"";background:linear-gradient(transparent, var(--gold-soft) 20%, var(--gold) 50%, var(--gold-soft) 80%, transparent);width:1px;position:absolute;inset-block:-.1em}.when-day:before{inset-inline-start:0}.when-day:after{inset-inline-end:0}.when-side{color:var(--muted);font-size:clamp(.8rem,3.1vw,1rem);line-height:1.45}.invite[lang=en] .when-side{text-transform:uppercase;letter-spacing:.16em;font-size:clamp(.68rem,2.6vw,.82rem)}.when-month{color:var(--gold-deep);margin-block:clamp(.65rem,2.6vw,.9rem) 0;font-size:clamp(.86rem,3.2vw,1rem)}.invite[lang=en] .when-month{text-transform:uppercase;letter-spacing:.3em;text-indent:.3em;font-size:clamp(.72rem,2.8vw,.86rem)}.event-line .place{color:var(--ink);letter-spacing:.02em;margin-block:clamp(1rem,3.6vw,1.35rem) 0;font-size:clamp(1rem,3.9vw,1.16rem)}.nile{letter-spacing:.06em;color:var(--muted);justify-content:center;align-items:center;gap:clamp(.5rem,2.6vw,.8rem);margin-block:.45rem 0;font-size:.8rem;display:flex}.nile:before,.nile:after{content:"";background:linear-gradient(to right, transparent, var(--gold-soft));flex:none;width:clamp(1.2rem,6vw,2.4rem);height:1px}.nile:after{background:linear-gradient(to left, transparent, var(--gold-soft))}.countdown{border-block:1px solid #b08d3e61;width:min(18rem,86%);margin:clamp(1.4rem,4.2vw,1.75rem) auto clamp(1.25rem,3.8vw,1.55rem);padding-block:clamp(.8rem,3vw,1.05rem);position:relative}.countdown:before,.countdown:after{content:"";background:var(--paper);border:1px solid var(--gold);width:7px;height:7px;margin-left:-3.5px;position:absolute;left:50%;rotate:45deg}.countdown:before{top:-4px}.countdown:after{bottom:-4px}.countdown .cd-caption{letter-spacing:.14em;color:var(--muted);margin:0 0 clamp(.6rem,2.4vw,.85rem);font-size:.72rem;line-height:1.6}.invite[lang=en] .countdown .cd-caption{text-transform:uppercase}.countdown .cd-grid{grid-template-columns:repeat(4,1fr);display:grid}.countdown .cd-cell{border-inline-start:1px solid var(--gold-soft);justify-items:center;gap:.2rem;padding-inline:.15rem;display:grid}.countdown .cd-cell:first-child{border-inline-start:0}.countdown .cd-value{font-family:var(--display-ar);color:var(--gold-deep);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(1.45rem,6.6vw,2rem);font-weight:400;line-height:1.08;display:block}.invite[lang=en] .countdown .cd-value{font-family:Cormorant,Georgia,serif}.countdown .cd-label{letter-spacing:.1em;color:var(--muted);margin:0;font-size:.6rem;line-height:1.5;display:block}.invite[lang=en] .countdown .cd-label{text-transform:uppercase}.invite[lang=ar] .countdown .cd-label{letter-spacing:0;font-size:.66rem}.actions{grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.55rem;max-width:21rem;margin-bottom:clamp(1.2rem,4vw,1.7rem)}.action{letter-spacing:.06em;border-color:var(--gold);min-height:3.1rem;color:var(--ink);background-color:#ffffff40;background-image:linear-gradient(var(--gold-deep), var(--gold-deep));background-position:0;background-repeat:no-repeat;background-size:0 100%;padding:.7rem .9rem;font-size:clamp(.86rem,3.4vw,.95rem);line-height:1.25;transition:background-size .45s cubic-bezier(.22,.68,.36,1),color .3s,border-color .3s,box-shadow .3s;box-shadow:inset 0 0 0 3px #fbf7ec8c,inset 0 0 0 4px #b08d3e47}[dir=rtl] .action{background-position:100%}.action:after{display:none}.action:hover,.action:focus-visible{color:var(--paper);border-color:var(--gold-deep);background-size:100% 100%;box-shadow:inset 0 0 0 3px #fbf7ec4d,inset 0 0 0 4px #fbf7ec80}.action.primary{color:#fdf8ec;text-shadow:0 1px #261b0661;background-color:#7a5c1a;background-image:linear-gradient(168deg,#8a6a22,#6f5316);border-color:#5c4511;box-shadow:inset 0 0 0 1px #fdf8ec73,inset 0 2px #fff2d047,inset 0 -2px #261b064d,0 1px #fffdf6cc,0 3px 8px #5a441642}.action.primary:hover,.action.primary:focus-visible{color:#fdf8ec;background-color:#7a5c1a;background-image:linear-gradient(168deg,#8a6a22,#6f5316);border-color:#4e3a0d;box-shadow:inset 0 0 0 1px #fdf8ecb3,inset 0 2px #fff4d666,inset 0 -2px #261b0657,0 1px #fffdf6cc,0 5px 14px #5a441652}.action:active{transform:translateY(1px)}.action.primary:active{box-shadow:inset 0 0 0 1px #fdf8ec4d,inset 0 2px 4px #261b0666}.music-toggle{color:#786751;border-color:var(--gold);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3px #b08d3e38}.music-toggle:hover{color:var(--gold-deep)}@media (prefers-reduced-motion:reduce){.action{transition:none}}
