/*
 * Lumière | Grafite Translúcido | 2026-10-10
 * Restores natural colours in clinical photography. The ivory and wood
 * finishes used throughout the body remain unchanged.
 */
:root {
 --lum-graphite:#343735;
 --lum-graphite-deep:#272c2b;
 --lum-graphite-light:#434746;
 --lum-graphite-glass:rgba(52,55,53,.86);
 --lum-champagne:#d7b785;
}
/* Real photography without the brown sepia treatment */
#root main > section:first-of-type > .absolute.inset-0 > img {
 filter:none!important;
}
#root main > section:first-of-type > .absolute.inset-0 > .absolute.inset-0.bg-gradient-to-b {
 background-color:transparent!important;
 background-image:linear-gradient(180deg,
   rgba(32,36,35,.66) 0%,
   rgba(43,47,45,.43) 36%,
   rgba(43,46,45,.53) 67%,
   rgba(30,34,33,.75) 100%)!important;
}
#root main > section:first-of-type h1 {text-shadow:0 2px 16px rgba(20,23,22,.18)}
#root main > section:first-of-type h1 span {color:#e6c898!important}
#root main > section:first-of-type h1 + p {color:#f7f5ef!important}
#root main > section:first-of-type a.border-2 {
 background:rgba(39,43,42,.24)!important;
 border-color:rgba(246,241,232,.8)!important;
}
#root main > section:first-of-type a.border-2:hover {
 background:rgba(247,243,235,.94)!important;color:#343735!important;
}
#root main > section:first-of-type .lumiere-section-watermark {
 filter:none!important;opacity:.08;
}
/* Initial header: charcoal translucent over the hero photo */
#lumiere-site-header.lumiere-unified-header[data-variant="home"]:not(.is-scrolled) {
 background:linear-gradient(180deg,
   rgba(31,35,34,.79) 0%,
   rgba(43,47,46,.44) 61%,
   rgba(43,47,46,0) 100%)!important;
}
#lumiere-site-header.lumiere-unified-header[data-variant="internal"]:not(.is-scrolled) {
 background:linear-gradient(110deg,rgba(39,43,42,.94),rgba(55,59,57,.90))!important;
 border-bottom-color:rgba(212,182,139,.27)!important;
}
#lumiere-site-header.lumiere-unified-header[data-variant="internal"]:not(.is-scrolled) .lumiere-brand {
 background:linear-gradient(145deg,rgba(85,88,83,.65),rgba(31,35,34,.97))!important;
}
/* Sticky: understated smoked glass rather than brown walnut */
#lumiere-site-header.lumiere-unified-header.is-scrolled {
 background:linear-gradient(110deg,
   rgba(39,44,43,.96),
   rgba(52,55,53,.94) 55%,
   rgba(43,47,46,.97))!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.02);
 backdrop-filter:blur(18px) saturate(1.02);
 border-bottom-color:rgba(210,177,126,.26)!important;
 box-shadow:0 7px 24px rgba(16,20,19,.19)!important;
}
/* No changes to the light submenu: its contrast is intentional. */
#lumiere-site-header .lumiere-nav-panel {
 box-shadow:0 20px 55px rgba(23,28,27,.25),0 4px 12px rgba(28,32,30,.07),inset 0 1px 0 #fff!important;
}
/* Keep the mobile nav in the same charcoal family */
@media(max-width:970px) {
 #lumiere-site-header.lumiere-unified-header .lumiere-header-nav,
 #lumiere-site-header.lumiere-unified-header.is-scrolled .lumiere-header-nav {
   background:rgba(40,45,44,.985)!important;
   border-color:rgba(211,180,137,.42)!important;
 }
 #lumiere-site-header.lumiere-unified-header .lumiere-menu-button {
   background:rgba(42,46,45,.5)!important;
 }
 #root main > section:first-of-type > .absolute.inset-0 > .absolute.inset-0.bg-gradient-to-b {
   background-image:linear-gradient(180deg,rgba(31,35,34,.73),rgba(43,47,46,.51) 45%,rgba(28,32,31,.78))!important;
 }
}
/* Final CTA: a coherent, transparent graphite treatment, not sepia */
#root main > section:last-of-type.relative.overflow-hidden.lum-clinic-cta::before {
 filter:none!important;
}
#root main > section:last-of-type.relative.overflow-hidden.lum-clinic-cta::after {
 background:linear-gradient(90deg,
   rgba(35,39,38,.83),
   rgba(47,51,49,.68) 58%,
   rgba(38,42,40,.65))!important;
}
/* Footer keeps its luxury ivory sections; only the dark base is neutralised. */
.lum-medical-footer .lumf-bottom {background:#292d2b!important}
@media(prefers-reduced-motion:reduce) {
 #lumiere-site-header.lumiere-unified-header.is-scrolled {transition:none!important}
}

/* STICKY REFINEMENT | graphite glass v2 | Lumière
   More visible logo; calmer centered navigation; airy translucent graphite.
   This last-loaded override keeps the original menu logic unchanged. */
#lumiere-site-header.lumiere-unified-header.is-scrolled {
  background:linear-gradient(105deg,rgba(38,43,42,.925) 0%,rgba(48,52,50,.895) 55%,rgba(39,44,43,.92) 100%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.03)!important;
  backdrop-filter:blur(20px) saturate(1.03)!important;
  border-bottom:1px solid rgba(215,184,132,.27)!important;
  box-shadow:0 5px 26px rgba(19,25,24,.15),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#lumiere-site-header.is-scrolled::after {
  left:13%;right:13%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(219,182,124,.12) 20%,rgba(222,190,138,.48) 50%,rgba(219,182,124,.12) 80%,transparent)!important;
}
#lumiere-site-header.is-scrolled .lumiere-header-inner {
  max-width:1430px!important;
  min-height:82px!important;
  padding:6px clamp(22px,2.8vw,48px)!important;
  align-items:center!important;
  gap:24px!important;
}
#lumiere-site-header.is-scrolled .lumiere-brand,
#lumiere-site-header.is-scrolled[data-variant="internal"] .lumiere-brand {
  flex:0 0 132px!important;
  width:132px!important;height:70px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
  overflow:visible!important;
}
#lumiere-site-header.is-scrolled .lumiere-brand::before,
#lumiere-site-header.is-scrolled .lumiere-brand::after {display:none!important;content:none!important}
#lumiere-site-header.is-scrolled .lumiere-brand img {
  width:100%;height:100%;object-fit:contain;object-position:left center;
  transform:scale(1.18)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.14));
}
#lumiere-site-header.is-scrolled .lumiere-brand:hover img {transform:scale(1.20)!important}
#lumiere-site-header.is-scrolled .lumiere-header-nav {
  margin:0!important;align-self:center!important;align-items:center!important;
  gap:clamp(6px,.8vw,14px);min-height:46px;
}
#lumiere-site-header.is-scrolled .lumiere-header-nav > a:not(.lumiere-book),
#lumiere-site-header.is-scrolled .lumiere-nav-toggle {
  font-size:13.5px!important;font-weight:500!important;
  letter-spacing:.012em;min-height:44px;
  padding:12px 13px;color:#f7f2eb!important;
}
#lumiere-site-header.is-scrolled .lumiere-header-nav .lumiere-book {
  min-height:44px;padding:12px 22px;
  background:linear-gradient(120deg,#ab814b,#c39b61)!important;
  border:1px solid rgba(239,211,167,.34)!important;
  box-shadow:0 6px 16px rgba(26,23,18,.13)!important;
  color:#fffaf2!important;
}
#lumiere-site-header.is-scrolled .lumiere-header-nav .lumiere-book:hover {
  background:linear-gradient(120deg,#b98f55,#ceaa70)!important;
  transform:translateY(-1px);
}
#lumiere-site-header.is-scrolled .lumiere-nav-panel {
  top:100%;border-color:rgba(191,160,112,.62)!important;
  box-shadow:0 20px 44px rgba(25,30,28,.23)!important;
}
#lumiere-site-header.is-scrolled .lumiere-nav-toggle svg {stroke:#dbc097!important}
@media(max-width:970px) {
  #lumiere-site-header.is-scrolled .lumiere-header-inner {
    max-width:none!important;min-height:74px!important;
    padding:7px 19px!important;gap:12px!important;
  }
  #lumiere-site-header.is-scrolled .lumiere-brand,
  #lumiere-site-header.is-scrolled[data-variant="internal"] .lumiere-brand {
    width:100px!important;flex:0 0 100px!important;height:60px!important;
  }
  #lumiere-site-header.is-scrolled .lumiere-brand img {transform:scale(1.14)!important}
  #lumiere-site-header.is-scrolled .lumiere-brand:hover img {transform:scale(1.16)!important}
  #lumiere-site-header.is-scrolled .lumiere-menu-button {
    min-width:46px;min-height:44px;margin:0;
    background:rgba(238,219,187,.07)!important;color:#e8ceaa;
    border:1px solid rgba(210,179,134,.5);
  }
  #lumiere-site-header.is-scrolled .lumiere-header-nav {
    max-height:calc(100dvh - 75px);overflow-y:auto;
    background:rgba(39,44,43,.985)!important;
    align-items:stretch!important;
    box-shadow:0 18px 32px rgba(22,28,26,.29)!important;
  }
  #lumiere-site-header.is-scrolled .lumiere-header-nav > a:not(.lumiere-book),
  #lumiere-site-header.is-scrolled .lumiere-nav-toggle {
    width:100%;justify-content:space-between;min-height:46px;font-size:14px!important;
  }
  #lumiere-site-header.is-scrolled .lumiere-nav-panel {
    position:static;max-height:none;overflow:visible;
    background:#f4eee4!important;
    margin:5px 0 9px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  }
  #lumiere-site-header.is-scrolled .lumiere-header-nav .lumiere-book {
    width:100%;justify-content:center;
  }
}
@media(prefers-reduced-motion:reduce) {
  #lumiere-site-header.is-scrolled *, #lumiere-site-header.is-scrolled *::after {transition:none!important}
}