/* ──────────────────────────────────────────────────────────────────────────
   City-selector splash for the Weddings and Corporate hub pages.
   Mirrors the homepage splash (which keeps its own inline copy). Responsive
   stacking lives in mobile.css, which loads after this file.
   ────────────────────────────────────────────────────────────────────────── */
#splash{
  position:fixed;inset:0;z-index:9999;
  background:#000;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  transition:opacity 0.8s ease, transform 0.8s ease;
}
#splash.hide{opacity:0;pointer-events:none;transform:scale(1.04);}
.splash-tagline{font-family:var(--font-b);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--muted);margin-bottom:64px;animation:fadeUp 1s 0.3s ease both;}
.splash-cities{display:flex;gap:0;width:100%;max-width:800px;}
.splash-city{
  flex:1;padding:48px 32px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  cursor:pointer;position:relative;overflow:hidden;
  border:1px solid #1a1a1a;
  transition:all 0.4s ease;
  animation:fadeUp 1s 0.5s ease both;
}
.splash-city:first-child{border-right:none;}
.splash-city::before{
  content:'';position:absolute;inset:0;
  background:var(--gold);opacity:0;
  transition:opacity 0.4s ease;
}
.splash-city:hover::before{opacity:0.05;}
.splash-city-name{
  font-family:var(--font-h);font-size:42px;font-weight:800;
  letter-spacing:0.04em;text-transform:uppercase;
  color:var(--white);position:relative;z-index:1;
  transition:color 0.3s;
}
.splash-city:hover .splash-city-name{color:var(--gold);}
.splash-city-sub{
  font-family:var(--font-b);font-size:11px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--muted);margin-top:10px;
  position:relative;z-index:1;
}
.splash-city-line{
  width:0;height:2px;background:var(--gold);margin-top:16px;
  transition:width 0.4s ease;position:relative;z-index:1;
}
.splash-city:hover .splash-city-line{width:60px;}
.splash-divider{width:1px;background:#1a1a1a;}
.brand-mark--splash .brand-mark-main{font-size:clamp(40px,7vw,72px);}
.brand-mark--splash .brand-mark-sub{font-size:clamp(11px,1.4vw,15px);margin-top:18px;}
.brand-mark--splash .brand-mark-sub i{width:clamp(28px,4vw,48px);}
@keyframes splashLogoIn{from{opacity:0;transform:scale(0.85);}to{opacity:1;transform:scale(1);}}