/* Luxe Horizon v2.11.8 — full-visibility hero media + supplied brand artwork */

/* Keep the hero media visible from edge to edge. Remove the old heavy left-side
   navy veil; only a very light vertical shade remains for controls/readability. */
.hero:before{
  background:linear-gradient(180deg,rgba(1,7,17,.12) 0%,rgba(1,7,17,0) 52%,rgba(1,7,17,.20) 100%)!important;
}
.hero:after{
  background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 34%,rgba(0,0,0,.08))!important;
}
.heroSlide,
.heroSlide.isActive,
.heroMediaVideo video{
  filter:none!important;
}
.heroCopy{
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.88))!important;
}
.heroCopy h1{
  text-shadow:0 4px 22px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.72)!important;
}
.heroCopy>p,
.heroCopy .eyebrow{
  text-shadow:0 2px 10px rgba(0,0,0,.95)!important;
}

/* Use the exact supplied Luxe Horizon artwork instead of re-typesetting LH + name. */
.hero .nav .brand.brandImage{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:112px!important;
  height:76px!important;
  padding:4px 8px!important;
  overflow:hidden!important;
  letter-spacing:0!important;
}
.hero .brandLogo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:760px){
  .hero:before{background:linear-gradient(180deg,rgba(1,7,17,.10),transparent 52%,rgba(1,7,17,.22))!important}
  .hero .nav .brand.brandImage{width:88px!important;height:66px!important;padding:3px 5px!important}
}

/* v2.11.9 — stronger luxury hero slogan without darkening the video */
.heroCopy h1{
  color:#f4efe6!important;
  -webkit-text-fill-color:#f4efe6!important;
  -webkit-text-stroke:.45px rgba(83,58,24,.42)!important;
  text-shadow:
    0 2px 2px rgba(0,0,0,.95),
    0 5px 16px rgba(0,0,0,.92),
    0 10px 34px rgba(0,0,0,.70)!important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.52))!important;
}
.heroCopy>p:not(.eyebrow){
  color:#fffdf8!important;
  text-shadow:0 2px 4px rgba(0,0,0,.95),0 5px 16px rgba(0,0,0,.88)!important;
}
.heroCopy .eyebrow{
  text-shadow:0 2px 8px rgba(0,0,0,.96),0 4px 18px rgba(0,0,0,.75)!important;
}

/* v2.12.0 — transparent supplied logo artwork */
.hero .brandLogo{background:transparent!important;}
.hero .nav .brand.brandImage{background:transparent!important;}
