.brand { min-width: 0; }

.brand__symbol {
  display: block;
  width: clamp(32px, 10vw, 46px);
  height: auto;
}

.brand__wordmark {
  display: block;
  width: clamp(114px, 31vw, 150px);
  aspect-ratio: 1500 / 230;
  background: var(--c-text);
  mask: url("/img/branding/wordmark.webp") center / contain no-repeat;
}

img.mark {
  display: block;
  object-fit: contain;
  width: 32px;
  height: auto;
}