/* v305 — hero overlay: dark only on the left, smooth fade into the untouched image. */
#hero .hero__bg::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(5,6,6,.94) 0%,
    rgba(5,6,6,.90) 14%,
    rgba(5,6,6,.82) 23%,
    rgba(5,6,6,.64) 32%,
    rgba(5,6,6,.42) 40%,
    rgba(5,6,6,.22) 47%,
    rgba(5,6,6,.08) 53%,
    rgba(5,6,6,0) 59%,
    rgba(5,6,6,0) 100%) !important;
}
#hero .hero__bg::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:none !important;
}
/* Keep the source photo's brightness once a slide is visible. */
#hero .hero__slide.is-active .hero__bg{
  filter:brightness(1) saturate(1) contrast(1) !important;
}
@media (max-width:1199.98px){
  #hero .hero__bg::before{
    background:linear-gradient(90deg,
      rgba(5,6,6,.94) 0%,
      rgba(5,6,6,.88) 20%,
      rgba(5,6,6,.68) 34%,
      rgba(5,6,6,.40) 46%,
      rgba(5,6,6,.15) 57%,
      rgba(5,6,6,0) 68%,
      rgba(5,6,6,0) 100%) !important;
  }
}
@media (max-width:767.98px){
  /* Mobile still needs a wider dark reading area because text uses more of the screen. */
  #hero .hero__bg::before{
    background:linear-gradient(90deg,
      rgba(5,6,6,.94) 0%,
      rgba(5,6,6,.88) 34%,
      rgba(5,6,6,.66) 55%,
      rgba(5,6,6,.32) 74%,
      rgba(5,6,6,.10) 88%,
      rgba(5,6,6,0) 100%) !important;
  }
}