/* valorant.css — hero art + wordmark sizing for the Valorant page. Everything
   else comes from css/styles.css. Coming soon: the page is the hero and the
   trust strip only. */

.hero .art-val {
  background-image: url('https://files.supernova-analytics.com/supernova-app-assets/Valorant/Realm/Valorant_Realm_Image.png')
}

/* the Valorant wordmark is ~7:1, so it is capped short and padded back out to
   the height the other game logos occupy */
.wordmark .logo-val {
  height: 52px;
  padding: 22px 0;
  box-sizing: content-box
}

@media(max-width:720px) {
  .wordmark .logo-val {
    height: 34px;
    padding: 16px 0
  }
}