/* V17 — blend hero copy into the product artwork without a separate card. */
body.v4 .xhero.home,
body.v4 .hbg-features{
  background-image:
    linear-gradient(90deg,
      rgba(5,13,24,.96) 0%,
      rgba(5,13,24,.88) 24%,
      rgba(5,13,24,.62) 41%,
      rgba(5,13,24,.22) 58%,
      rgba(5,13,24,0) 75%),
    var(--hbg)!important;
}

body.v4 .xhero.home .hx,
body.v4 .hbg-features .hx{
  box-sizing:border-box;
  max-width:600px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.v4 .xhero.home .lead,
body.v4 .hbg-features .lead{
  max-width:500px;
  color:#d5deea!important;
  text-shadow:0 1px 12px rgba(2,8,18,.3);
}

@media(min-width:821px){
  body.v4 .xhero.home .hx{padding-top:24px!important}
}

@media(max-width:820px){
  body.v4 .xhero.home,
  body.v4 .hbg-features{
    background-image:
      linear-gradient(180deg,
        rgba(5,13,24,.28) 0%,
        rgba(5,13,24,.48) 23%,
        rgba(5,13,24,.84) 48%,
        rgba(5,13,24,.78) 78%,
        rgba(5,13,24,.38) 100%),
      var(--hbg)!important;
  }

  body.v4 .xhero.home .hx,
  body.v4 .hbg-features .hx{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}