/* HEX SMOKE JUICE — Header Brand V2 */

.site-header .header-inner{
  min-height:104px !important;
}

.site-header .brand-v2{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  min-width:max-content !important;
  text-decoration:none !important;
}

.site-header .brand-logo-v2{
  width:84px !important;
  height:84px !important;
  min-width:84px !important;
  flex:0 0 84px !important;
  padding:3px !important;
  object-fit:cover !important;
  border-radius:50% !important;
  background:#ffffff !important;
  border:1px solid rgba(8,15,24,.08) !important;
  box-shadow:
    0 10px 28px rgba(5,22,35,.13),
    0 0 0 4px rgba(0,169,232,.055) !important;
}

html[data-theme="dark"] .site-header .brand-logo-v2{
  background:#0a0d11 !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.4),
    0 0 0 4px rgba(0,169,232,.08) !important;
}

.site-header .brand-wordmark{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  line-height:1 !important;
  min-width:max-content !important;
}

.rtl .site-header .brand-wordmark{
  align-items:flex-end !important;
}

.site-header .brand-wordmark strong{
  display:block !important;
  margin:0 !important;
  color:var(--text) !important;
  font-family:"Arial Black","Avenir Next","Segoe UI",Arial,sans-serif !important;
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  line-height:.95 !important;
  white-space:nowrap !important;
}

.site-header .brand-wordmark small{
  display:block !important;
  margin-top:8px !important;
  padding-left:2px !important;
  color:var(--blue-deep) !important;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.55em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

html[data-theme="dark"] .site-header .brand-wordmark small{
  color:#41c7f4 !important;
}

@media(max-width:900px){
  .site-header .header-inner{
    min-height:90px !important;
  }

  .site-header .brand-logo-v2{
    width:70px !important;
    height:70px !important;
    min-width:70px !important;
    flex-basis:70px !important;
  }

  .site-header .brand-wordmark strong{
    font-size:21px !important;
    letter-spacing:.10em !important;
  }

  .site-header .brand-wordmark small{
    font-size:10px !important;
    letter-spacing:.45em !important;
    margin-top:7px !important;
  }
}

@media(max-width:560px){
  .site-header .brand-v2{
    gap:11px !important;
  }

  .site-header .brand-logo-v2{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    flex-basis:58px !important;
  }

  .site-header .brand-wordmark strong{
    font-size:16px !important;
    letter-spacing:.075em !important;
  }

  .site-header .brand-wordmark small{
    font-size:9px !important;
    letter-spacing:.36em !important;
    margin-top:6px !important;
  }
}