/* Shared transparent handwritten wordmark. Frame the source's empty margins. */
.brand {
  display: block;
  position: relative;
  width: var(--brand-width, 72px);
  aspect-ratio: 14 / 11;
  flex: none;
  overflow: hidden;
  text-decoration: none;
}
.brand img {
  position: absolute;
  width: 143%;
  max-width: none;
  height: auto;
  left: -21.4%;
  top: -41%;
}
.brand:focus-visible { outline: 2px solid #3B82F6; outline-offset: 4px; }
@media (max-width: 720px) {
  .brand { width: var(--brand-width, 64px); }
}