/* ======================================================================
   E2M PREMIUM OVERLAY — "Midnight & Champagne"
   A world-class boutique restyle applied OVER the existing home markup.
   Changes ONLY color + typography. Touches no links, no text, no
   structured data. Loaded after the page's own CSS so it wins.
   ====================================================================== */

/* ---- Editorial serif for display type ---- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,ital,wght@9..144,0,400;9..144,0,500;9..144,0,600;9..144,1,400;9..144,1,500&display=swap');

:root{
  --e2m-midnight:#0B1A2F;
  --e2m-midnight-2:#0E2137;
  --e2m-champ:#D9C088;
  --e2m-champ-2:#C9A961;
  --e2m-paper:#F7F4EE;
  --e2m-ink:#0B1A2F;
}

/* ============ GLOBAL TONE ============ */
body{ background:var(--e2m-paper); }

/* Display headings -> Fraunces editorial serif */
.display,.h2,h1.display,.hero .display{
  font-family:'Fraunces',Georgia,'Times New Roman',serif !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
}
.hero .display span,
.display span{
  font-family:'Fraunces',Georgia,serif !important;
  font-style:italic !important;
  color:var(--e2m-champ) !important;
}

/* Section H2s a touch more editorial */
.h2{ letter-spacing:-.025em !important; }

/* ============ HERO — midnight + champagne ============ */
.hero{ background:var(--e2m-midnight) !important; }
.hero:after{
  background:linear-gradient(90deg,#08182b 0%,#08182b 38%,rgba(8,24,43,.92) 52%,rgba(8,24,43,.34) 78%,rgba(8,24,43,.06) 100%) !important;
}
.eyebrow.darkmode,.hero .eyebrow{ color:var(--e2m-champ) !important; }

/* Primary buttons -> champagne */
.btn.blue,
.hero-actions .btn.blue,
a.btn.blue{
  background:var(--e2m-champ) !important;
  color:var(--e2m-midnight) !important;
  border-color:var(--e2m-champ) !important;
  border-radius:2px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}
.btn.blue:hover,a.btn.blue:hover{ background:#e4cf9c !important; }

/* Ghost buttons -> champagne outline on dark */
.btn.ghost{ border-radius:2px !important; }
.hero .btn.ghost:hover{ border-color:var(--e2m-champ) !important;color:var(--e2m-champ) !important; }

/* Location card accent */
.location-card{ border-color:rgba(217,192,136,.3) !important; }
.location-card strong{ color:var(--e2m-champ) !important; }

/* ============ NAV / HEADER ============ */
.brand em,.brand b{ color:var(--e2m-champ-2) !important; }
.mainnav .btn,nav .btn{
  background:var(--e2m-midnight) !important;color:#fff !important;border-radius:2px !important;
}
.mainnav .btn:hover{ background:var(--e2m-midnight-2) !important; }

/* Intelligence / quick-access bar accents */
.quick-link.intelligence-label span,.intelligence-label{ color:var(--e2m-champ-2) !important; }
.quick-link.tool-link{ font-weight:800 !important; }

/* ============ DECISION SYSTEM feature ============ */
.decision-system-feature{
  background:linear-gradient(135deg,var(--e2m-midnight),var(--e2m-midnight-2)) !important;
  border-radius:4px !important;
}
.ds-system-step span,.ds-premium-cta,.decision-system-feature .eyebrow{ color:var(--e2m-champ) !important; }
.decision-system-feature h3{ font-family:'Fraunces',serif !important;font-weight:500 !important; }

/* ============ ACCENT SWAPS blue -> champagne on light sections ============ */
.eyebrow{ color:var(--e2m-champ-2) !important; }
.tool small,.tool .eyebrow,.icon-service .eyebrow{ color:var(--e2m-champ-2) !important; }
a.tool-link:hover,.footlinks a:hover{ color:var(--e2m-champ-2) !important; }

/* Links that were blue accents */
.link-arrow,.text-link{ color:var(--e2m-midnight) !important; border-bottom-color:var(--e2m-champ) !important; }

/* Section headings serif */
.section h2,.h2,.intel-head h2,.services-head h2{ font-family:'Fraunces',serif !important;font-weight:500 !important; }

/* ============ STATS band -> midnight ============ */
.stats,.market-story .stats{ }
.stat b{ font-family:'Fraunces',serif !important;font-weight:500 !important;color:var(--e2m-champ) !important; }

/* ============ FINAL CTA / dark sections ============ */
.contact,.final-cta{ }
.contact h2,.final-cta h2{ font-family:'Fraunces',serif !important;font-weight:500 !important; }

/* ============ FOOTER ============ */
footer .brand em,footer .brand b{ color:var(--e2m-champ-2) !important; }

/* ============ PASSPORT HOME STRIP -> premium framed object ============ */
.pp-home-strip{
  background:var(--e2m-paper) !important;
}
.pp-home-inner{
  border:1px solid #E6DFD3 !important;
  border-radius:4px !important;
  background:linear-gradient(135deg,#FFFDF9,#FAF6EF) !important;
  box-shadow:0 30px 80px rgba(11,26,47,.08) !important;
  position:relative !important;
  overflow:hidden !important;
}
.pp-home-inner:before{
  content:"" !important;position:absolute !important;top:0;left:0;right:0;height:3px !important;
  background:linear-gradient(90deg,var(--e2m-champ),var(--e2m-midnight),var(--e2m-champ)) !important;
}
.pp-home-kicker{ color:var(--e2m-champ-2) !important;font-weight:700 !important;letter-spacing:.16em !important; }
.pp-home-inner h2{ font-family:'Fraunces',serif !important;font-weight:500 !important;color:var(--e2m-ink) !important; }
.pp-home-pass{ background:var(--e2m-midnight) !important;border-radius:4px !important; }
.pp-home-pass b{ color:#fff !important; }
.pp-home-pass small{ color:var(--e2m-champ) !important; }
.pp-home-pass a{
  background:var(--e2m-champ) !important;color:var(--e2m-midnight) !important;
  border-radius:2px !important;font-weight:700 !important;
}

/* Smooth the whole thing */
body,.lead,p{ -webkit-font-smoothing:antialiased; }