:root{
  --an-em-soft:#E6D3A3; --an-em:#D4B06A; --an-em-dark:#060E19;
  --an-rose:#D9A5A8; --an-rose-deep:#E7BFC1; --an-rose-pale:#1B2F55;
  --an-champ:#E6D3A3;
  --an-gold:#C9A45C; --an-gold-deep:#E0C27E; --an-gold-pale:rgba(201,164,92,.42);
  --an-paper:#0A1628; --an-cream:#12213B; --an-pearl:#F4EEE2;
  --an-ink:#EFE8DC; --an-ink-soft:#B9B2A4;
  --an-glass:rgba(12,24,44,.72);
  --an-max:480px;
  --an-W:min(100vw, var(--an-max));
  --an-e1:cubic-bezier(.22,1,.36,1);
  --an-e2:cubic-bezier(.4,0,.2,1);
  --an-foil:linear-gradient(100deg,#8A6D35 0%,#CDB27A 18%,#F3E7C8 32%,#B89B5E 46%,#7E6230 60%,#DCC590 76%,#F3E7C8 88%,#9C7F43 100%);
  --an-foil-d:linear-gradient(100deg,#B08A45 0%,#E2C78A 18%,#FFF3D2 32%,#D4B06A 46%,#A07D3C 60%,#EBD39C 76%,#FFF3D2 88%,#BD9A55 100%);
  --an-f-name-ar:'Aref Ruqaa','Amiri',serif;
  --an-f-script:'Great Vibes','Aref Ruqaa',cursive;
  --an-f-display:'El Messiri','Cormorant Garamond',serif;
  --an-f-body:'Tajawal',system-ui,'Segoe UI',sans-serif;
  --an-f-verse:'Amiri','Cormorant Garamond',serif;
  --an-f-latin:'Cormorant Garamond',Georgia,serif;
  color-scheme:only light;
}
html[lang="en"]{
  --an-f-display:'Cormorant Garamond','El Messiri',Georgia,serif;
  --an-f-verse:'Cormorant Garamond','Amiri',Georgia,serif;
  --an-f-body:'Cormorant Garamond','Tajawal',Georgia,serif;
}
html.an-html{color-scheme:only light;forced-color-adjust:none;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){
  html.an-html,.an-body{background-color:var(--an-em-dark)!important;color-scheme:only light}
  .an-card,.an-stage,.an-map,.an-body img{filter:none!important}
}
@media (forced-colors:active){.an-body *{forced-color-adjust:none}}
.an-body *,.an-body *::before,.an-body *::after{box-sizing:border-box}
html.an-html,.an-body{margin:0;padding:0}
.an-body{
  min-height:100%;
  background:var(--an-em-dark) url('/andalusian-nights/night.webp') repeat;background-size:420px;
  color:var(--an-ink);
  font-family:var(--an-f-body);line-height:1.85;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.an-body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 40%,transparent 30%,rgba(2,6,12,.7) 100%);z-index:0}
.an-body.an-locked{overflow:hidden;position:fixed;inset:0;width:100%}
:where(.an-body) img{max-width:100%;display:block}
:where(.an-body) button{font:inherit;color:inherit}
.an-foil{
  background:var(--an-foil);background-size:280% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:anFoil 8s linear infinite;
}
@keyframes anFoil{0%{background-position:0% 50%}100%{background-position:280% 50%}}
.an-stage{
  position:fixed;inset:0;z-index:9999;overflow:hidden;
  perspective:2200px;perspective-origin:50% 45%;
  transition:opacity .8s var(--an-e2);
}
html.an-opened .an-stage{display:none}
.an-stage.gone{opacity:0;pointer-events:none}
.an-stage{background:var(--an-em-dark);--an-SW:calc(100vh * 1152 / 2048)}
.an-screen{
  position:absolute;inset:0;z-index:1;
  background:url('/andalusian-nights/screen.webp') center top/auto 100% no-repeat,linear-gradient(90deg,rgba(0,0,0,.55),transparent 30%,transparent 70%,rgba(0,0,0,.55)),var(--an-em-dark) url('/andalusian-nights/night.webp') repeat;background-size:auto 100%,100% 100%,420px;
  transition:transform 1.8s cubic-bezier(.65,.02,.25,1);will-change:transform;
}
.an-screen::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s var(--an-e2);
  background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(255,206,120,.42),rgba(255,190,90,.12) 45%,transparent 72%);mix-blend-mode:screen}
.an-screen .an-ini{position:absolute;left:50%;top:49.7%;width:calc(var(--an-SW) * .428);height:calc(var(--an-SW) * .428);transform:translate(-50%,-50%);font-size:calc(var(--an-SW) * .13)}
.an-lantern{position:absolute;top:0;z-index:2;height:min(21vh,220px);aspect-ratio:220/659;background:url('/andalusian-nights/lantern.webp') center top/contain no-repeat;
  filter:drop-shadow(0 0 18px rgba(255,190,90,.45)) drop-shadow(0 8px 10px rgba(0,0,0,.5));transform-origin:50% 0;animation:anSway 5.5s ease-in-out infinite;
  transition:translate 1.6s cubic-bezier(.65,.02,.25,1)}
.an-lantern-l{left:max(4px,calc(50% - var(--an-SW) * .47))}
.an-lantern-r{right:max(4px,calc(50% - var(--an-SW) * .47));animation-delay:-2.7s}
@keyframes anSway{0%,100%{rotate:-2deg}50%{rotate:2deg}}
.an-ini{display:flex;align-items:center;justify-content:center;gap:.16em;line-height:1;pointer-events:none}
.an-ini b{
  font-weight:400;font-family:var(--an-f-latin);
  background:linear-gradient(100deg,#6E5426 0%,#A8874A 20%,#D2B67C 34%,#8A6D35 48%,#5E4720 62%,#B39458 78%,#D2B67C 88%,#7A5E2C 100%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:anFoil 9s linear infinite;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 1px 2px rgba(110,84,40,.3));padding:.1em .02em;
}
.an-ini.is-ar b{font-family:var(--an-f-name-ar);font-weight:700;font-size:.92em}
.an-ini.is-ar b{padding:.45em .3em;margin:-.35em -.28em}
.an-ini i{display:block;width:.13em;height:.13em;background:#9C7A36;transform:rotate(45deg);opacity:.85;margin:0 .06em}
.an-cover{
  position:absolute;left:0;right:0;top:0;height:calc(49.7% - var(--an-SW) * .24);z-index:3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:env(safe-area-inset-top) calc(min(21vh,220px) * .334 + 14px) 10px;
  transition:opacity .5s var(--an-e2);pointer-events:none;
}
.an-stage::before,.an-stage::after{content:'';position:absolute;left:0;right:0;z-index:2;pointer-events:none;transition:opacity .5s var(--an-e2)}
.an-stage::before{top:0;height:calc(49.7% - var(--an-SW) * .16);background:linear-gradient(180deg,rgba(4,10,20,.86) 0%,rgba(4,10,20,.72) 62%,rgba(4,10,20,0) 100%)}
.an-stage::after{bottom:0;height:24%;background:linear-gradient(0deg,rgba(4,10,20,.78),rgba(4,10,20,0))}
.an-stage.opening::before,.an-stage.opening::after{opacity:0}
.an-cv-guest{margin:0 0 clamp(8px,1.8vh,16px);animation:anIn 1.1s var(--an-e2) .15s both}
.an-cv-gname{display:block;font-family:var(--an-f-display);font-weight:600;font-size:clamp(1.05rem,4.8vw,1.35rem);color:var(--an-pearl);line-height:1.5;text-shadow:0 1px 8px rgba(2,6,14,.7)}
.an-cv-rule{display:block;width:70px;height:1px;margin:.55em auto .6em;background:linear-gradient(90deg,transparent,rgba(242,230,200,.8),transparent)}
.an-cv-lead{display:block;font-family:var(--an-f-latin);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(248,242,232,.8);padding-inline-start:.28em}
html[lang="ar"] .an-cv-lead{font-family:var(--an-f-body);letter-spacing:.02em;padding:0;font-size:.84rem}
.an-cv-names{
  margin:0;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 .3em;max-width:100%;
  font-family:var(--an-f-script);font-size:min(clamp(2rem,10vw,2.8rem),6vh);line-height:1.25;color:#F3E2B8;
  text-shadow:0 2px 14px rgba(2,6,14,.75),0 0 2px rgba(2,6,14,.5);animation:anIn 1.2s var(--an-e2) .3s both;
}
.an-cv-names.is-ar{font-family:var(--an-f-name-ar);font-weight:700;font-size:min(clamp(1.8rem,9vw,2.5rem),5.6vh)}
.an-cv-names .an-cv-and{font-family:var(--an-f-latin);font-style:italic;font-size:.55em;color:var(--an-gold-pale)}
.an-cv-names.is-ar .an-cv-and{font-family:var(--an-f-name-ar);font-style:normal;font-size:.8em}
.an-cv-open{
  position:absolute;left:0;right:0;bottom:calc(max(7vh,34px) + env(safe-area-inset-bottom));z-index:3;margin:0;text-align:center;pointer-events:none;
  transition:opacity .4s;
}
.an-cv-open span{
  display:inline-block;padding:.6em 1.5em;border:1px solid rgba(227,209,166,.6);border-radius:999px;
  background:rgba(8,18,34,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  font-family:var(--an-f-latin);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--an-pearl);
  animation:anIn 1.2s var(--an-e2) .6s both,anHint 3s ease-in-out 1.9s infinite;
}
html[lang="ar"] .an-cv-open span{font-family:var(--an-f-body);letter-spacing:.02em;font-size:.86rem}
@keyframes anIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes anHint{0%,100%{opacity:.6}50%{opacity:1}}
.an-tap-hit{position:absolute;inset:0;z-index:9;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.an-tap-hit:focus-visible{outline:2px solid rgba(226,210,174,.7);outline-offset:-10px}
.an-stage.opening .an-screen{transform:translateY(-104%);transition-delay:.45s}
.an-stage.opening .an-screen::after{opacity:1}
.an-stage.opening .an-lantern{translate:0 -115%;transition-delay:.35s}
.an-stage.opening .an-cover,.an-stage.opening .an-cv-open{opacity:0}
.an-stage.opening .an-tap-hit{pointer-events:none}
.an-card{
  position:relative;z-index:1;max-width:var(--an-max);margin:0 auto;min-height:100vh;
  background:var(--an-paper) url('/andalusian-nights/night.webp') repeat;background-size:420px;
  box-shadow:0 0 0 1px rgba(201,164,92,.3),0 0 90px rgba(0,0,0,.75);color:var(--an-ink);overflow:hidden;
  visibility:hidden;
}
.an-card.on,html.an-opened .an-card{visibility:visible}
.an-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:50;max-width:var(--an-max);margin:0 auto;
  background:linear-gradient(90deg,var(--an-gold-deep),var(--an-gold-pale),var(--an-rose));
  transform:scaleX(0);transform-origin:right center;transition:transform .12s linear;opacity:0;
}
html[dir="ltr"] .an-progress{transform-origin:left center}
.an-card.on~.an-progress{opacity:1}
.an-sec{position:relative;margin:0 auto}
.an-rv{opacity:0;transform:translateY(20px);transition:opacity .95s var(--an-e2),transform 1.05s var(--an-e1)}
.an-rv.in{opacity:1;transform:none}
.an-d1{transition-delay:.12s}.an-d2{transition-delay:.24s}
.an-frame{width:100%}
.an-f{position:absolute;left:0;right:0;display:block;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;pointer-events:none}
.an-f-top{top:0;z-index:1}
.an-f-bot{bottom:0;z-index:1}
.an-f-mid{z-index:0;background-repeat:repeat-y}
.an-f-in{position:relative;z-index:2;text-align:center}
.an-fr-welcome{min-height:calc(var(--an-W) * 1.7778)}
.an-fr-welcome .an-f-top{height:calc(var(--an-W) * 0.625)}
.an-fr-welcome .an-f-bot{height:calc(var(--an-W) * 0.4236)}
.an-fr-welcome .an-f-mid{top:calc(var(--an-W) * 0.625 - 1px);bottom:calc(var(--an-W) * 0.4236 - 1px);background-size:100% calc(var(--an-W) * 1.4583)}
.an-fr-welcome.an-near .an-f-top{background-image:url('/andalusian-nights/welcome-top.webp')}
.an-fr-welcome.an-near .an-f-mid{background-image:url('/andalusian-nights/welcome-mid.webp')}
.an-fr-welcome.an-near .an-f-bot{background-image:url('/andalusian-nights/welcome-bot.webp')}
.an-fr-welcome .an-f-in{padding:calc(var(--an-W) * 0.47) calc(var(--an-W) * 0.12) calc(var(--an-W) * 0.4)}
.an-fr-count{min-height:calc(var(--an-W) * 1.7778)}
.an-fr-count .an-f-top{height:calc(var(--an-W) * 0.6597)}
.an-fr-count .an-f-bot{height:calc(var(--an-W) * 0.4757)}
.an-fr-count .an-f-mid{top:calc(var(--an-W) * 0.6597 - 1px);bottom:calc(var(--an-W) * 0.4757 - 1px);background-size:100% calc(var(--an-W) * 1.1285)}
.an-fr-count.an-near .an-f-top{background-image:url('/andalusian-nights/count-top.webp')}
.an-fr-count.an-near .an-f-mid{background-image:url('/andalusian-nights/count-mid.webp')}
.an-fr-count.an-near .an-f-bot{background-image:url('/andalusian-nights/count-bot.webp')}
.an-fr-count .an-f-in{padding:calc(var(--an-W) * 0.6) calc(var(--an-W) * 0.08) calc(var(--an-W) * 0.44)}
.an-fr-venue{min-height:calc(var(--an-W) * 1.7778)}
.an-fr-venue .an-f-top{height:calc(var(--an-W) * 0.2778)}
.an-fr-venue .an-f-bot{height:calc(var(--an-W) * 0.2674)}
.an-fr-venue .an-f-mid{top:calc(var(--an-W) * 0.2778 - 1px);bottom:calc(var(--an-W) * 0.2674 - 1px);background-size:100% calc(var(--an-W) * 2.4653)}
.an-fr-venue.an-near .an-f-top{background-image:url('/andalusian-nights/venue-top.webp')}
.an-fr-venue.an-near .an-f-mid{background-image:url('/andalusian-nights/venue-mid.webp')}
.an-fr-venue.an-near .an-f-bot{background-image:url('/andalusian-nights/venue-bot.webp')}
.an-fr-venue .an-f-in{padding:calc(var(--an-W) * 0.26) calc(var(--an-W) * 0.22) calc(var(--an-W) * 0.28)}
.an-fr-story{overflow:hidden}
.an-fr-story .an-f{left:-12.50%;right:-12.50%}
.an-fr-story{min-height:calc(var(--an-W) * 2.2223)}
.an-fr-story .an-f-top{height:calc(var(--an-W) * 1.2479)}
.an-fr-story .an-f-bot{height:calc(var(--an-W) * 0.2149)}
.an-fr-story .an-f-mid{top:calc(var(--an-W) * 1.2479 - 1px);bottom:calc(var(--an-W) * 0.2149 - 1px);background-size:100% calc(var(--an-W) * 1.5191)}
.an-fr-story.an-near .an-f-top{background-image:url('/andalusian-nights/story-top.webp')}
.an-fr-story.an-near .an-f-mid{background-image:url('/andalusian-nights/story-mid.webp')}
.an-fr-story.an-near .an-f-bot{background-image:url('/andalusian-nights/story-bot.webp')}
.an-fr-story .an-f-in{padding:calc(var(--an-W) * 0.6) calc(var(--an-W) * 0.18) calc(var(--an-W) * 0.1)}
.an-fr-gifts{min-height:calc(var(--an-W) * 1.7777)}
.an-fr-gifts .an-f-top{height:calc(var(--an-W) * 0.6597)}
.an-fr-gifts .an-f-bot{height:calc(var(--an-W) * 0.3194)}
.an-fr-gifts .an-f-mid{top:calc(var(--an-W) * 0.6597 - 1px);bottom:calc(var(--an-W) * 0.3194 - 1px);background-size:100% calc(var(--an-W) * 1.5972)}
.an-fr-gifts.an-near .an-f-top{background-image:url('/andalusian-nights/gifts-top.webp')}
.an-fr-gifts.an-near .an-f-mid{background-image:url('/andalusian-nights/gifts-mid.webp')}
.an-fr-gifts.an-near .an-f-bot{background-image:url('/andalusian-nights/gifts-bot.webp')}
.an-fr-gifts .an-f-in{padding:calc(var(--an-W) * 0.66) calc(var(--an-W) * 0.15) calc(var(--an-W) * 0.3)}
.an-hero{position:relative;aspect-ratio:760/1351;overflow:hidden;text-align:center}
.an-hero-img{position:absolute;inset:0;background:center top/100% auto no-repeat;will-change:transform}
.an-hero::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:7%;background:linear-gradient(0deg,var(--an-paper),rgba(10,22,40,0));pointer-events:none}
.an-load .an-hero-img{background-image:url('/andalusian-nights/hero.webp')}
.an-hero-go .an-hero-img{animation:anHeroIn 2.6s var(--an-e1) both}
@keyframes anHeroIn{from{scale:1.08;filter:brightness(.9)}to{scale:1;filter:none}}
.an-hero-in{
  position:absolute;left:12%;right:12%;top:17%;height:36%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.an-hero-kicker{margin:0 0 .5em;font-family:var(--an-f-latin);font-style:italic;font-size:clamp(.78rem,3.3vw,.92rem);color:var(--an-ink-soft);line-height:1.5}
html[lang="ar"] .an-hero-kicker{font-family:var(--an-f-verse);font-style:normal}
.an-names{
  margin:0;font-weight:400;font-family:var(--an-f-script);
  font-size:clamp(2.3rem,11.5vw,3.3rem);line-height:1.08;display:flex;flex-direction:column;align-items:center;max-width:100%;
}
.an-names.is-ar{font-family:var(--an-f-name-ar);font-weight:700;font-size:clamp(2.1rem,10.5vw,3rem);line-height:1.3}
.an-names span{
  display:block;max-width:100%;overflow-wrap:break-word;padding:.08em .1em;
  background:var(--an-foil-d);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:anFoil 8s linear infinite;
  filter:drop-shadow(0 0 14px rgba(255,214,140,.28)) drop-shadow(0 2px 3px rgba(0,0,0,.55));
}
.an-names .an-n-and{font-family:var(--an-f-latin);font-style:italic;font-size:.42em;margin:.05em 0;background:none;-webkit-text-fill-color:var(--an-rose);color:var(--an-rose);animation:none}
.an-names.is-ar .an-n-and{font-family:var(--an-f-name-ar);font-style:normal;font-size:.44em}
.an-names.is-ar span:not(.an-n-and){padding-block:.45em;margin-block:-.37em}
.an-hero-date{margin:.7em 0 0;display:flex;align-items:center;gap:10px;font-family:var(--an-f-latin);font-weight:600;font-size:clamp(.82rem,3.6vw,.98rem);letter-spacing:.14em;color:var(--an-em)}
.an-hero-date i{display:block;width:22px;height:1px;background:var(--an-gold)}
.an-photo-sec{margin-top:clamp(10px,3vw,22px)}
.an-photo{position:relative;margin:0 auto;width:100%;aspect-ratio:1/1}
.an-photo img{position:absolute;left:25.4%;width:48.8%;top:18.6%;height:81.4%;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent);object-fit:cover;border-radius:999px 999px 0 0;background:var(--an-rose-pale)}
.an-photo-arch{position:absolute;inset:0;background:center/100% 100% no-repeat}
.an-near .an-photo-arch{background-image:url('/andalusian-nights/arch.webp')}
.an-title{
  margin:0;font-family:var(--an-f-display);font-weight:600;font-size:clamp(1.3rem,6vw,1.6rem);line-height:1.5;color:var(--an-em);
}
html[lang="en"] .an-title{font-weight:500;font-size:clamp(1.45rem,6.6vw,1.8rem);letter-spacing:.02em}
.an-sprig{display:block;width:min(64%,200px);margin:.35em auto 1.1em}
.an-sprig.an-rv.in{opacity:.95}
.an-sp-l{stroke:var(--an-gold);stroke-width:1;fill:none;opacity:.7}
.an-sp-v{stroke:var(--an-em-soft);stroke-width:1.3;fill:none;stroke-linecap:round}
.an-sp-r{fill:var(--an-rose)}
.an-sp-p{fill:var(--an-champ)}
.an-inv .an-title{margin-bottom:.6em}
.an-verse{margin:0 auto .9em;font-family:var(--an-f-verse);font-size:1.06rem;line-height:2;color:var(--an-em);white-space:pre-line}
html[lang="en"] .an-verse{font-style:italic;font-size:1.14rem;line-height:1.7}
.an-honor{margin:0 0 .5em;font-family:var(--an-f-display);font-weight:600;font-size:1.25rem;color:var(--an-gold-deep);line-height:1.6}
.an-honor.is-long{font-size:1.02rem;line-height:1.8}
.an-hosts{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:.4em 0 .2em}
.an-hosts.one{grid-template-columns:1fr}
.an-hosts.many{grid-template-columns:1fr 1fr;row-gap:12px}
.an-host{min-width:0}
.an-host s{display:block;text-decoration:none;font-size:.72rem;color:var(--an-ink-soft);margin-bottom:.1em}
.an-host b{display:block;font-family:var(--an-f-display);font-weight:600;font-size:1rem;line-height:1.5;color:var(--an-ink);overflow-wrap:break-word}
html[lang="en"] .an-host b{font-size:1.1rem}
.an-hamp{font-family:var(--an-f-verse);font-size:1.1rem;color:var(--an-rose)}
.an-lead{margin:.7em 0 0;font-size:.94rem;line-height:1.95;color:var(--an-ink)}
html[lang="en"] .an-lead{font-size:1.05rem}
.an-couple{margin:.8em 0 0;display:flex;align-items:center;justify-content:center;gap:10px}
.an-cn{
  font-family:var(--an-f-display);font-weight:600;font-size:1.5rem;line-height:1.5;white-space:nowrap;
  background:var(--an-foil-d);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:anFoil 9s linear infinite;
}
.an-heart{flex:0 0 auto;width:17px;fill:var(--an-rose)}
.an-couple.is-stacked{flex-direction:column;gap:2px}
.an-couple.is-stacked .an-cn{white-space:normal;font-size:1.32rem;max-width:100%;overflow-wrap:break-word}
.an-date{margin:0;display:flex;flex-direction:column;font-family:var(--an-f-display);font-weight:600;font-size:1.18rem;color:var(--an-ink);line-height:1.6}
html[lang="en"] .an-date{font-size:1.3rem}
.an-date bdi{font-family:var(--an-f-latin);font-weight:600;letter-spacing:.08em;color:var(--an-gold-deep)}
.an-time{margin:.1em 0 0;font-size:.9rem;color:var(--an-ink-soft)}
.an-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:1.1em auto 0;max-width:380px}
.an-cd-u{min-width:0;text-align:center}
.an-cd-ring{position:relative;width:100%;max-width:88px;aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center;padding-top:6%}
.an-cd-ring::before{content:'';position:absolute;inset:0;background:url('/andalusian-nights/ring.webp') center/contain no-repeat;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.an-cd-n{position:relative;font-family:var(--an-f-latin);font-weight:600;font-size:clamp(1.15rem,5.6vw,1.55rem);line-height:1;color:var(--an-gold-deep)}
html[lang="ar"] .an-cd-n{font-family:var(--an-f-display)}
.an-cd-l{display:block;margin-top:.35em;font-size:.72rem;color:var(--an-ink-soft)}
html[lang="en"] .an-cd-l{font-size:.8rem;letter-spacing:.08em}
.an-venue-name{margin:0;font-family:var(--an-f-display);font-weight:600;font-size:1.25rem;line-height:1.6;color:var(--an-ink)}
html[lang="en"] .an-venue-name{font-size:1.38rem}
.an-venue-sub{margin:.1em 0 0;font-size:.84rem;color:var(--an-ink-soft)}
.an-map{
  position:relative;width:100%;aspect-ratio:4/3.3;overflow:hidden;margin-top:1em;
  border-radius:999px 999px 10px 10px/58% 58% 10px 10px;border:1px solid var(--an-gold-pale);padding:5px;
  background:var(--an-cream);box-shadow:0 10px 26px rgba(0,0,0,.4);
}
.an-map iframe{position:relative;z-index:1;width:100%;height:100%;border:0;display:block;border-radius:inherit;filter:saturate(.75) sepia(.12)}
.an-map-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;font-size:.82rem;color:var(--an-ink-soft)}
.an-btns{display:flex;flex-direction:column;gap:10px;margin-top:1.1em}
.an-btn{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:12px 18px;
  border:1px solid var(--an-gold);border-radius:999px;background:rgba(10,22,40,.55);
  color:var(--an-em);font-family:var(--an-f-body);font-size:.92rem;font-weight:500;line-height:1.4;text-decoration:none;
  cursor:pointer;transition:background .3s,color .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent;
}
html[lang="en"] .an-btn{font-size:1.02rem;font-weight:600;letter-spacing:.03em}
.an-btn svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.5}
.an-btn:hover,.an-btn:active{background:var(--an-gold);color:#0A1628}
.an-btn:focus-visible{outline:2px solid var(--an-rose);outline-offset:3px}
.an-btn-solid{background:linear-gradient(180deg,#E6CC8E,#C9A45C 55%,#A9853F);border-color:#E6CC8E;color:#0A1628;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,245,215,.6)}
.an-btn-solid:hover,.an-btn-solid:active{background:linear-gradient(180deg,#D8BA78,#B8924A);color:#0A1628}
.an-btn[disabled]{opacity:.6;cursor:wait}
.an-tl{position:relative;margin:0;padding:4px 0;list-style:none;direction:ltr!important}
.an-tl::before{content:'';position:absolute;left:50%;top:4px;bottom:4px;width:1px;margin-left:-.5px;background:linear-gradient(180deg,transparent,var(--an-gold) 8%,var(--an-gold) 92%,transparent);opacity:.7}
.an-tl li{position:relative;width:calc(50% - 14px);margin:0 0 1.5em;display:flex;flex-direction:column}
.an-fr-story .an-title{max-width:70%;margin-inline:auto}
.an-tl li:last-child{margin-bottom:0}
.an-tl li:nth-child(odd){margin-left:calc(50% + 14px);text-align:left}
.an-tl li:nth-child(even){margin-right:calc(50% + 14px);text-align:right}
.an-tl time{display:block;unicode-bidi:isolate;font-family:var(--an-f-latin);font-weight:600;font-size:.86rem;color:var(--an-rose-deep);letter-spacing:.02em}
html[lang="ar"] .an-tl time{font-family:var(--an-f-body);font-weight:500;font-size:.8rem}
.an-tl h3{margin:.1em 0 0;font-size:.86rem;font-weight:500;color:var(--an-ink);line-height:1.6;overflow-wrap:break-word}
html[lang="en"] .an-tl h3{font-family:var(--an-f-display);font-weight:600;font-size:1.04rem}
.an-dot{position:absolute;top:.5em;width:11px;height:11px;border-radius:50%;background:var(--an-rose);box-shadow:0 0 0 3px var(--an-paper);transition:.5s var(--an-e2)}
.an-tl li:nth-child(odd) .an-dot{left:-14px;transform:translateX(-50%)}
.an-tl li:nth-child(even) .an-dot{right:-14px;transform:translateX(50%);background:var(--an-paper);box-shadow:inset 0 0 0 2px var(--an-champ),0 0 0 3px var(--an-paper)}
.an-tl li:not(.in) .an-dot{opacity:.4;transform:translateX(-50%) scale(.7)}
.an-tl li:nth-child(even):not(.in) .an-dot{transform:translateX(50%) scale(.7)}
.an-notes,.an-wishes,.an-gallery{padding:0 22px;text-align:center}
.an-notes,.an-gallery,.an-wishes{margin-top:clamp(26px,6vw,40px)}
.an-divider{display:block;width:min(92%,380px);aspect-ratio:760/172;margin:0 auto .5em;background:center/contain no-repeat}
.an-near .an-divider{background-image:url('/andalusian-nights/divider.webp')}
.an-notes .an-title{margin-bottom:.6em}
.an-notes-card{max-width:400px;margin:0 auto;padding:16px 18px;border:1px solid var(--an-gold-pale);border-radius:14px;background:var(--an-glass)}
.an-note{margin:0;font-size:.9rem;line-height:1.85;color:var(--an-ink-soft)}
html[lang="en"] .an-note{font-size:1rem}
.an-note+.an-note::before{content:'';display:block;width:5px;height:5px;margin:.55em auto .45em;background:var(--an-rose);opacity:.6;transform:rotate(45deg)}
.an-swag{display:block;width:calc(100% + 44px);margin:0 -22px -4%;aspect-ratio:760/312;background:center/contain no-repeat}
.an-near .an-swag{background-image:url('/andalusian-nights/swag.webp')}
.an-gal{display:grid;gap:10px;margin:0 auto;max-width:420px}
.an-gal-item{margin:0;position:relative;padding:5px;background:var(--an-cream);border:1px solid var(--an-gold-pale);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.an-gal-item img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:6px;background:var(--an-rose-pale)}
.an-gal-grid,.an-gal-collage{grid-template-columns:1fr 1fr}
.an-gal-collage .an-gal-item:nth-child(5n+1){grid-column:1/-1;border-radius:999px 999px 10px 10px/46% 46% 10px 10px}
.an-gal-collage .an-gal-item:nth-child(5n+1) img{aspect-ratio:4/3.3;border-radius:999px 999px 6px 6px/46% 46% 6px 6px}
.an-gal-3d{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:none;margin:0 -22px;padding:14px 14% 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.an-gal-3d::-webkit-scrollbar{display:none}
.an-gal-3d .an-gal-item{flex:0 0 72%;scroll-snap-align:center;border-radius:999px 999px 10px 10px/34% 34% 10px 10px;will-change:transform}
.an-gal-3d .an-gal-item img{aspect-ratio:3/4;border-radius:999px 999px 6px 6px/34% 34% 6px 6px}
.an-lede{margin:-.3em auto 1.1em;max-width:420px;font-size:.92rem;line-height:1.9;color:var(--an-ink-soft)}
html[lang="en"] .an-lede{font-size:1.04rem;font-style:italic}
.an-form-card{position:relative;max-width:440px;margin:0 auto;text-align:start}
.an-wishes .an-form-card{padding:22px 18px;border:1px solid var(--an-gold-pale);border-radius:18px;background:var(--an-glass);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.an-form{position:relative}
.an-field{margin:0 0 14px}
.an-field label{display:block;margin:0 0 6px;font-size:.86rem;font-weight:500;color:var(--an-ink-soft);line-height:1.6}
html[lang="en"] .an-field label{font-size:.98rem;font-weight:600}
.an-input{
  display:block;width:100%;min-height:48px;padding:10px 14px;margin:0;
  border:1px solid rgba(201,164,92,.45);border-radius:12px;background:rgba(6,14,26,.6);
  color:var(--an-ink);font-family:var(--an-f-body);font-size:16px;line-height:1.5;outline:none;
  transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none;
}
.an-input:focus{border-color:var(--an-em);box-shadow:0 0 0 3px color-mix(in srgb,var(--an-em-soft) 25%,transparent)}
textarea.an-input{min-height:110px;resize:vertical}
select.an-input{
  padding-inline-end:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23D4B06A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
html[dir="rtl"] select.an-input{background-position:left 14px center}
.an-count{display:flex;align-items:stretch;gap:8px}
.an-count .an-input{flex:1;min-width:0;text-align:center;-moz-appearance:textfield}
.an-count .an-input::-webkit-outer-spin-button,.an-count .an-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.an-step{flex:0 0 48px;min-height:48px;border:1px solid var(--an-gold-pale);border-radius:12px;background:rgba(6,14,26,.6);color:var(--an-em);font-size:1.3rem;line-height:1;cursor:pointer}
.an-step:active{background:var(--an-cream)}
.an-choice-row{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.an-choice.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--an-rose) 35%,transparent)}
.an-choice.on::after{content:'\2713';margin-inline-start:6px}
#rsvp-form.sending{opacity:.6;pointer-events:none}
#rsvp-form.declined .an-party{opacity:.45;pointer-events:none}
.rsvp-collapsed>*:not(.rsvp-open-btn){display:none}
.an-form-card:not(.rsvp-collapsed) .rsvp-open-btn{display:none}
.an-form .an-btn[type="submit"]{margin-top:4px}
.an-alert{display:none;margin:14px 0 0;padding:11px 14px;border-radius:12px;background:rgba(201,164,92,.14);border:1px solid var(--an-gold-pale);color:var(--an-ink);font-size:.9rem;text-align:center;line-height:1.7}
.an-alert.is-error{background:rgba(150,40,40,.25);border-color:rgba(230,140,130,.6);color:#F6D0CA}
.an-feed{max-width:440px;margin:20px auto 0}
.an-feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font-family:var(--an-f-display);font-weight:600;font-size:1.02rem;color:var(--an-rose-deep)}
.an-badge{font-family:var(--an-f-body);font-size:.76rem;font-weight:500;color:var(--an-em);background:color-mix(in srgb,var(--an-em-soft) 16%,transparent);border-radius:20px;padding:2px 12px;white-space:nowrap}
.an-feed-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;padding:2px;overscroll-behavior:contain}
.an-feed-list .wish-card{background:var(--an-glass);border:1px solid var(--an-gold-pale);border-inline-start:3px solid var(--an-rose);border-radius:12px;padding:12px 15px;box-shadow:0 4px 12px rgba(0,0,0,.06);text-align:start}
.an-feed-list .wish-author{font-weight:600;color:var(--an-em);font-size:.88rem;margin-bottom:.15em}
.an-feed-list .wish-content{color:var(--an-ink);font-size:.93rem;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.an-feed-list .empty-wishes{text-align:center;color:var(--an-ink-soft);font-size:.88rem;padding:10px}
.an-outro{text-align:center;padding:clamp(34px,8vw,56px) 22px 0}
.an-thanks{margin:0 auto .6em;max-width:400px;font-family:var(--an-f-verse);font-size:1.06rem;line-height:2.05;color:var(--an-ink);white-space:pre-line}
html[lang="en"] .an-thanks{font-style:italic;font-size:1.16rem;line-height:1.75}
.an-sign{margin:0;font-family:var(--an-f-script);font-size:2.1rem;line-height:1.4;color:var(--an-em)}
.an-sign.is-ar{font-family:var(--an-f-name-ar);font-weight:700;font-size:1.8rem}
.an-palace{display:block;width:min(100%,400px);margin:.6em auto 0;aspect-ratio:640/573;background:center bottom/contain no-repeat}
.an-near .an-palace{background-image:url('/andalusian-nights/palace.webp')}
.an-petals{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden;max-width:var(--an-max);margin:0 auto}
.an-petals i{position:absolute;border-radius:50%;background:#FFF1CC;box-shadow:0 0 6px 1px rgba(255,220,150,.7);opacity:0;animation:anTwinkle ease-in-out infinite}
@keyframes anTwinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.85;transform:scale(1)}}
.an-seal{position:relative;width:min(46%,190px);aspect-ratio:460/458;margin:0 auto .4em;background:center/contain no-repeat;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.an-near .an-seal{background-image:url('/andalusian-nights/medallion.webp')}
.an-seal .an-ini{position:absolute;left:50%;top:50%;width:52%;height:52%;transform:translate(-50%,-50%);font-size:calc(min(46vw,190px) * .2)}
.an-mute{
  position:fixed;z-index:45;bottom:calc(16px + env(safe-area-inset-bottom));
  inset-inline-end:calc(50% - min(var(--an-max),100vw) / 2 + 16px);
  width:44px;height:44px;border-radius:50%;border:1px solid var(--an-gold-pale);padding:0;
  background:rgba(10,22,40,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4);
  opacity:0;transition:opacity .6s;-webkit-tap-highlight-color:transparent;
}
.an-card.on~.an-mute,html.an-opened .an-mute{opacity:1}
.an-mute svg{width:19px;height:19px;stroke:var(--an-em);fill:none;stroke-width:1.5;stroke-linecap:round}
.an-mute .an-ico-on{display:none}
.an-mute.playing .an-ico-on{display:block}
.an-mute.playing .an-ico-off{display:none}
.confetti-canvas{position:fixed;inset:0;pointer-events:none;z-index:10000}
@media (prefers-reduced-motion:reduce){
  .an-petals{display:none}
  .an-names span,.an-cn,.an-ini b{animation:none;background-position:62% 50%}
  .an-rv{opacity:1;transform:none;transition:none}
  .an-cv-open span,.an-hero-go .an-hero-img{animation:none}
}
.an-cv-names.is-lat.is-caps,.an-names.is-lat.is-caps,.an-sign.is-lat.is-caps{font-family:var(--an-f-latin);font-style:italic;font-weight:600;letter-spacing:.05em;overflow-wrap:anywhere}
.an-cv-names.is-lat.is-caps{font-size:min(clamp(1.3rem,6.6vw,2rem),5vh)}
.an-names.is-lat.is-caps{font-size:clamp(1.6rem,7.6vw,2.2rem);line-height:1.25}
.an-sign.is-lat.is-caps{font-size:1.5rem}