/*
 * BHC Hero 5.0 Overlay Patch
 * Scope: homepage hero only.
 * Responsive families: Desktop >=1200, Tablet 768-1199, Mobile <768.
 */

/* Base hero: one full-bleed image layer + copy overlay */
.bhc-hero{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#06131f!important;
}

.bhc-hero-visual{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#06131f!important;
}

.bhc-hero-visual img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  image-rendering:auto!important;
}

/* Keep the image readable under copy without changing the image itself. */
.bhc-hero-visual:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(3,13,22,.88) 0%,
    rgba(3,13,22,.72) 26%,
    rgba(3,13,22,.34) 45%,
    rgba(3,13,22,.08) 62%,
    rgba(3,13,22,0) 78%)!important;
}

.bhc-hero-copy{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  box-sizing:border-box!important;
}

html[dir="rtl"] .bhc-hero-visual:after{
  background:linear-gradient(270deg,
    rgba(3,13,22,.88) 0%,
    rgba(3,13,22,.72) 26%,
    rgba(3,13,22,.34) 45%,
    rgba(3,13,22,.08) 62%,
    rgba(3,13,22,0) 78%)!important;
}

html[dir="rtl"] .bhc-hero-copy{
  background:transparent!important;
}

/* DESKTOP */
@media (min-width:1200px){
  .bhc-hero{
    min-height:690px!important;
  }
  .bhc-hero-visual img{
    object-position:center center!important;
  }
  .bhc-hero-copy{
    width:min(48vw,690px)!important;
    min-height:690px!important;
    padding:78px 42px 64px max(32px,calc((100vw - 1440px)/2))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  html[dir="rtl"] .bhc-hero-copy{
    margin-left:0!important;
    margin-right:auto!important;
    padding:78px max(32px,calc((100vw - 1440px)/2)) 64px 42px!important;
  }
}

/* TABLET */
@media (min-width:768px) and (max-width:1199px){
  .bhc-hero{
    min-height:620px!important;
  }
  .bhc-hero-visual img{
    object-position:center center!important;
  }
  .bhc-hero-copy{
    width:58%!important;
    min-height:620px!important;
    padding:58px 30px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .bhc-hero-visual:after{
    background:linear-gradient(90deg,
      rgba(3,13,22,.92) 0%,
      rgba(3,13,22,.76) 34%,
      rgba(3,13,22,.36) 58%,
      rgba(3,13,22,.05) 78%,
      rgba(3,13,22,0) 100%)!important;
  }
  html[dir="rtl"] .bhc-hero-visual:after{
    background:linear-gradient(270deg,
      rgba(3,13,22,.92) 0%,
      rgba(3,13,22,.76) 34%,
      rgba(3,13,22,.36) 58%,
      rgba(3,13,22,.05) 78%,
      rgba(3,13,22,0) 100%)!important;
  }
}

/* MOBILE */
@media (max-width:767px){
  .bhc-hero{
    min-height:700px!important;
  }
  .bhc-hero-visual{
    height:100%!important;
    min-height:700px!important;
  }
  .bhc-hero-visual img{
    height:100%!important;
    object-fit:cover!important;
    object-position:61% center!important;
  }
  .bhc-hero-visual:after{
    background:linear-gradient(180deg,
      rgba(3,13,22,.93) 0%,
      rgba(3,13,22,.84) 48%,
      rgba(3,13,22,.45) 72%,
      rgba(3,13,22,.18) 100%)!important;
  }
  html[dir="rtl"] .bhc-hero-visual:after{
    background:linear-gradient(180deg,
      rgba(3,13,22,.93) 0%,
      rgba(3,13,22,.84) 48%,
      rgba(3,13,22,.45) 72%,
      rgba(3,13,22,.18) 100%)!important;
  }
  .bhc-hero-copy,
  html[dir="rtl"] .bhc-hero-copy{
    width:100%!important;
    min-height:700px!important;
    padding:54px 20px 42px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:transparent!important;
  }
}