.brand-primary {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  text-decoration: none;
}

.brand-logo { display: block; width: 155px; max-width: 100%; height: auto; }
.brand-mobile-mark { display: none; width: 30px; height: 30px; object-fit: contain; }
.brand-primary:focus-visible { border-radius: 2px; outline: 3px solid var(--wine); outline-offset: 4px; }

@media (max-width: 650px) {
  .brand-primary .brand-logo { display: none; }
  .brand-primary .brand-mobile-mark { display: block; }
}