/* FEAR Squad V3.15: wordmark from the animated logo, stone beneath the video. */

html body[data-fear-redesign="portal-v3"] header.nav .brand.fear-header-wordmark-link{
  position:relative!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  justify-self:center!important;
  z-index:3!important;
  width:360px!important;
  min-width:0!important;
  height:94px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  filter:none!important;
  transform:none!important;
}

html body[data-fear-redesign="portal-v3"] header.nav .fear-header-wordmark-img{
  display:block!important;
  flex:none!important;
  width:350px!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.95)) drop-shadow(0 0 7px rgba(232,174,55,.22))!important;
}

/* Black pixels in the video reveal the stone without interrupting animation. */
html body[data-fear-redesign="portal-v3"] .fear-portal-brand-stage{
  background-color:#050606!important;
  background-image:
    linear-gradient(90deg,rgba(2,3,3,.67),rgba(2,3,3,.36) 35%,rgba(2,3,3,.36) 65%,rgba(2,3,3,.67)),
    url('../img/ui-charred-rock-nav-v14.webp')!important;
  background-position:center,center 50%!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
}

html body[data-fear-redesign="portal-v3"] .fear-portal-brand-stage video{
  background:transparent!important;
  mix-blend-mode:screen!important;
}

@media(max-width:900px){
  html body[data-fear-redesign="portal-v3"] header.nav .brand.fear-header-wordmark-link{
    grid-column:auto!important;
    flex:0 1 230px!important;
    justify-self:start!important;
    width:230px!important;
    min-width:0!important;
    height:80px!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
  }
  html body[data-fear-redesign="portal-v3"] header.nav .fear-header-wordmark-img{
    width:224px!important;
    max-width:100%!important;
  }
  html body[data-fear-redesign="portal-v3"] .fear-portal-brand-stage{
    background-image:
      linear-gradient(90deg,rgba(2,3,3,.64),rgba(2,3,3,.39) 50%,rgba(2,3,3,.64)),
      url('../img/ui-charred-rock-nav-v14.webp')!important;
  }
}

@media(max-width:360px){
  html body[data-fear-redesign="portal-v3"] header.nav .brand.fear-header-wordmark-link{
    flex-basis:210px!important;
    width:210px!important;
  }
  html body[data-fear-redesign="portal-v3"] header.nav .fear-header-wordmark-img{width:208px!important}
}