.site-header {
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}

.brand-mark {
  display: block;
  width: 80px;
  height: 41px;
  overflow: hidden;
}

.brand-mark .brand {
  display: block;
  width: 145px;
  max-width: none;
  height: auto;
  transform: translate(-33px, -3px);
}

@media (max-width: 760px) {
  .brand-mark { width: 67px; height: 34px; }
  .brand-mark .brand { width: 122px; transform: translate(-27px, -3px); }
}