/* Display the supplied artwork without its wide outer margins. */
.brand-artwork {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4.25;
  overflow: hidden;
  mix-blend-mode: multiply;
}

.brand-artwork > img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 160%;
  max-width: none;
  height: auto;
  transform: translate(-50%, -50%);
}

.brand {
  display: block;
  flex-shrink: 0;
  width: clamp(170px, 18vw, 245px);
}

.site-footer > .brand-artwork {
  width: 220px;
  flex-shrink: 0;
  mix-blend-mode: normal;
}

.site-footer {
  background: #2b2b2b;
}

@media (max-width: 680px) {
  .brand { width: 176px; }
}