/* V95 · LoLR ticTALK first-screen banner only. */

#page-tictalk > .pd-hero {
  isolation: isolate;
  background-color: #02050c;
  background-image: url("/homepage/v157/assets/media/2e505557f43f14288f4d.webp");
  background-repeat: no-repeat;
  background-position: center 50%;
  background-size: cover;
}

/* Keep the supplied product artwork visible while protecting the narrative and facts. */
#page-tictalk > .pd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 3, 11, .82) 0%, rgba(0, 3, 11, .68) 42%, rgba(0, 3, 11, .20) 70%, rgba(0, 3, 11, .06) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .04) 46%, rgba(0, 0, 0, .58) 100%);
}

#page-tictalk > .pd-hero > .shell {
  position: relative;
  z-index: 1;
}

#page-tictalk > .pd-hero h1 {
  color: #fff;
  text-shadow: none;
}

#page-tictalk > .pd-hero .pd-back,#page-tictalk > .pd-hero .pd-kick .cn {
  color: rgba(255, 255, 255, .72);
}

#page-tictalk > .pd-hero .pd-kick .en,#page-tictalk > .pd-hero .pd-facts em {
  color: #79c4ff;
}

#page-tictalk > .pd-hero .pd-facts {
  border-top-color: rgba(255, 255, 255, .24);
}

@media (max-width: 1000px) {
  #page-tictalk > .pd-hero {
    background-position: 69% center;
  }

  #page-tictalk > .pd-hero::before {
    background:
      linear-gradient(90deg, rgba(0, 3, 11, .90) 0%, rgba(0, 3, 11, .76) 70%, rgba(0, 3, 11, .56) 100%),
      linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, .10) 46%, rgba(0, 0, 0, .64) 100%);
  }
}

@media (max-width: 620px) {
  #page-tictalk > .pd-hero {
    background-position: 76% center;
  }

  #page-tictalk > .pd-hero .lead {
    box-sizing: border-box;
    padding-right: 64px;
  }

  #page-tictalk > .pd-hero::before {
    background:
      linear-gradient(90deg, rgba(0, 3, 11, .79), rgba(0, 3, 11, .69)),
      linear-gradient(180deg, rgba(0, 3, 11, .55) 0%, rgba(0, 3, 11, .73) 55%, rgba(0, 3, 11, .92) 100%);
  }
}