/* GWATCH PARENT SERIES HERO + GENERAL ART V18 */
#hero{position:relative!important;overflow:hidden!important}
#hero.gw18-parent-hero{
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#hero.gw18-parent-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,9,20,.95) 0%,rgba(5,9,20,.72) 38%,rgba(5,9,20,.22) 72%,rgba(5,9,20,.12) 100%),
    linear-gradient(0deg,rgba(5,9,20,.55),transparent 46%);
}
#hero.gw18-parent-hero>div{position:relative;z-index:3}
#gw18HeroNav{
  position:absolute;left:48px;right:34px;bottom:22px;z-index:8;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  pointer-events:none
}
#gw18HeroDots{display:flex;align-items:center;gap:7px;pointer-events:auto}
.gw18-dot{
  width:6px;height:6px;border:0;border-radius:999px;padding:0;
  background:rgba(255,255,255,.38);cursor:pointer;transition:.25s
}
.gw18-dot.active{width:28px;background:#fff}
#gw18HeroArrows{display:flex;gap:8px;pointer-events:auto}
.gw18-arrow{
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(5,9,20,.62);color:#fff;font-size:21px;
  backdrop-filter:blur(12px);cursor:pointer;transition:.25s
}
.gw18-arrow:hover{transform:scale(1.05);border-color:rgba(216,182,91,.45)}
#hero .gw18-type{
  display:inline-flex;align-items:center;gap:6px;
  margin-bottom:8px;color:#d8b65b;font-size:9px;font-weight:950;letter-spacing:.15em
}
#hero.gw18-changing .gw18-content{
  opacity:0;transform:translateY(12px);filter:blur(4px)
}
#hero .gw18-content{
  transition:opacity .42s ease,transform .42s ease,filter .42s ease
}

/* Parent series catalog general art. */
.gw17-series-card .gw17-poster,
.gw18-series-card .gw18-poster{
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important
}
.gw18-no-general-art{
  background:
    radial-gradient(circle at 35% 30%,rgba(216,182,91,.10),transparent 30%),
    linear-gradient(145deg,#171f2a,#0a1018)!important
}
.gw18-no-general-art:after{
  content:"GWATCH SERIES";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:rgba(255,255,255,.3);font-size:10px;font-weight:950;letter-spacing:.14em;white-space:nowrap
}

/* Make sure the general parent series card remains clickable. */
.gw17-series-card,.gw18-series-card{pointer-events:auto!important;cursor:pointer!important}
.gw17-series-card *,.gw18-series-card *{pointer-events:none}

/* Prevent raw episode imagery from leaking into parent-series public cards. */
.gw17-series-card[data-gw-parent="1"] .gw17-poster{
  background-image:var(--gw18-parent-art)!important;
}

@media(max-width:760px){
  #gw18HeroNav{left:18px;right:14px;bottom:15px}
  .gw18-arrow{width:34px;height:34px}
  #hero.gw18-parent-hero:before{
    background:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.22) 68%)
  }
}
