/* Frame the approved screenshot without modifying its artwork. */
.brand {
  --brand-width: 220px;
  position: relative;
  display: inline-block;
  width: var(--brand-width);
  height: auto;
  aspect-ratio: 934 / 211;
  overflow: hidden;
  border-radius: 8px;
  background: #fffdf7;
  flex: 0 0 auto;
}

.brand img.brand-logo {
  position: absolute;
  left: -4.818%;
  top: -21.327%;
  width: 116.274%;
  height: auto;
  max-width: none;
  object-fit: contain;
  filter: none;
}

.sidebar .brand {
  --brand-width: 178px;
}

@media (max-width: 720px) {
  .site-header .brand {
    --brand-width: 168px;
  }
}