/* =========================================================
   Game Overdrive v215
   Homepage hero title polish: closer to GameRant-style cards.
   Wider, cleaner and less condensed than the global Khand layer.
   ========================================================= */

:root{
  --go-v215-hero-font:"Roboto","Inter",Arial,Helvetica,sans-serif;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card,
html body.home:not(.wp-admin) .go-ds-hero-card{
  background:#0b0d12!important;
  overflow:hidden!important;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card > a,
html body.home:not(.wp-admin) .go-ds-hero-card > a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}

/* Stronger GameRant-like bottom readability, without making the whole image muddy. */
html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-shade,
html body.home:not(.wp-admin) .go-ds-hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.50) 74%,rgba(0,0,0,.86) 100%)!important;
  opacity:1!important;
  pointer-events:none!important;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy,
html body.home:not(.wp-admin) .go-ds-hero-copy{
  z-index:2!important;
  left:clamp(18px,2vw,28px)!important;
  right:clamp(18px,2vw,28px)!important;
  bottom:clamp(18px,2vw,28px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:8px!important;
  max-width:calc(100% - clamp(36px,4vw,56px))!important;
  color:#fff!important;
  -webkit-text-fill-color:initial!important;
}

/* Titles: not condensed, not squeezed, and not Khand on the homepage hero. */
html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy strong,
html body.home:not(.wp-admin) .go-ds-hero-copy strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  font-family:var(--go-v215-hero-font)!important;
  font-style:normal!important;
  font-weight:800!important;
  font-stretch:normal!important;
  letter-spacing:-.026em!important;
  text-transform:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 2px rgba(0,0,0,.52),0 8px 20px rgba(0,0,0,.45)!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card--main .go-ds-hero-copy strong,
html body.home:not(.wp-admin) .go-ds-hero-card--main .go-ds-hero-copy strong{
  max-width:min(100%, 22ch)!important;
  font-size:clamp(2.25rem,3.65vw,4.15rem)!important;
  line-height:1.04!important;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong,
html body.home:not(.wp-admin) .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong,
html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card--small .go-ds-hero-copy strong,
html body.home:not(.wp-admin) .go-ds-hero-card--small .go-ds-hero-copy strong{
  max-width:100%!important;
  font-size:clamp(1.12rem,1.55vw,1.72rem)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.022em!important;
}

/* Hero subtitle: visible on image, but no longer fighting with the title. */
html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy em,
html body.home:not(.wp-admin) .go-ds-hero-copy em{
  display:block!important;
  max-width:min(100%,58ch)!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  font-family:"Roboto","Inter",Arial,Helvetica,sans-serif!important;
  font-size:clamp(.88rem,.92vw,1.02rem)!important;
  font-weight:400!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.84)!important;
  -webkit-text-fill-color:rgba(255,255,255,.84)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.62)!important;
  opacity:1!important;
}

html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy .go-ds-hero-cat,
html body.home:not(.wp-admin) .go-ds-hero-copy .go-ds-hero-cat{
  display:none!important;
}

/* Keep the grid proportions cleaner for the larger title language. */
@media (min-width:1101px){
  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-grid,
  html body.home:not(.wp-admin) .go-ds-hero-grid{
    grid-template-rows:clamp(250px,18.2vw,345px) clamp(250px,18.2vw,345px) clamp(185px,13.4vw,235px)!important;
  }
}

@media (max-width:1380px){
  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card--main .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card--main .go-ds-hero-copy strong{
    font-size:clamp(2.05rem,3.25vw,3.45rem)!important;
  }

  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong{
    font-size:clamp(1.05rem,1.42vw,1.45rem)!important;
  }
}

@media (max-width:1100px){
  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card--main .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card--main .go-ds-hero-copy strong{
    max-width:100%!important;
    font-size:clamp(1.9rem,4.6vw,3rem)!important;
    line-height:1.05!important;
  }

  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong{
    font-size:clamp(1.02rem,2.15vw,1.35rem)!important;
  }
}

@media (max-width:760px){
  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy,
  html body.home:not(.wp-admin) .go-ds-hero-copy{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    gap:6px!important;
  }

  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card--main .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card--main .go-ds-hero-copy strong{
    font-size:clamp(1.65rem,7.2vw,2.35rem)!important;
    line-height:1.04!important;
    letter-spacing:-.022em!important;
  }

  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong,
  html body.home:not(.wp-admin) .go-ds-hero-card:not(.go-ds-hero-card--main) .go-ds-hero-copy strong{
    font-size:clamp(1.15rem,5.8vw,1.55rem)!important;
    line-height:1.07!important;
  }

  html body.home:not(.wp-admin) .go-ds-home .go-ds-hero-copy em,
  html body.home:not(.wp-admin) .go-ds-hero-copy em{
    font-size:.86rem!important;
    line-height:1.28!important;
  }
}