.brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand img {
  width: auto;
  height: 3.6rem;
  border-radius: var(--radius-sm);
}

[data-mode="dark"] .brand img {
  background: #fff;
  padding: .4rem .8rem;
}

.brand--lg img {
  height: 4.8rem;
}

.brand--on-accent img {
  background: #fff;
  padding: .6rem 1.2rem;
  border-radius: var(--radius-md);
}