.site-header .brand {
  gap: 10px;
  font-weight: 730;
  letter-spacing: -.032em;
}

.site-header .brand-mark.brand-mark-v3 {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 0;
  background: url("brand-v3.svg") center / contain no-repeat;
}

@supports (mask-image: url("brand-v3.svg")) {
  .site-header .brand-mark.brand-mark-v3 {
    background: currentColor;
    mask: url("brand-v3.svg") center / contain no-repeat;
  }
}

@media (max-width: 720px) {
  .site-header .brand-mark.brand-mark-v3 {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }
}