.hb-brand {
  display: inline-flex;
  align-items: center;
  gap: .1125em;
  color: inherit;
  font-size: 32px;
  line-height: 1;
  text-decoration: none;
  flex-shrink: 0;
}
.hb-brand .hb-brand-mark { display: block; width: .9em; height: 1em; flex-shrink: 0; }
.hb-brand > span { display: block; }
.hb-brand .hb-brand-wordmark { display: block; width: 4.55em; height: 1em; }
.hb-brand:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; border-radius: 3px; }
.hb-auth-brand .hb-brand { font-size: 40px; }