.brand {
  align-items: flex-start;
  flex-direction: column;
  gap: 1px;
}

.brand-logo-crop {
  display: block;
  position: relative;
  width: 180px;
  aspect-ratio: 3.246 / 1;
  overflow: hidden;
}

.brand-logo-crop img {
  display: block;
  position: absolute;
  width: 119.22%;
  max-width: none;
  height: auto;
  left: -9.41%;
  top: -31.84%;
  mix-blend-mode: multiply;
}

.brand > small {
  margin: 0 0 0 2px;
  font-size: .55rem;
  letter-spacing: .31em;
  line-height: 1;
}

.footer-brand .brand-logo-crop img {
  filter: invert(1);
  mix-blend-mode: screen;
}

.footer-brand > small { color: rgba(255,255,255,.72); }

@media(max-width:850px){
  .site-header .brand-logo-crop { width: 148px; }
  .site-header .brand > small { font-size: .48rem; }
}