.brand-copy {
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  column-gap: 0.45rem;
}

.brand-copy .home-label {
  grid-column: 1 / -1;
  margin-bottom: 0.18rem;
  color: #a7b5c8;
  font: 500 7px/1 "DM Mono", monospace;
  letter-spacing: 0.16em;
  transition: color 160ms ease;
}

.brand:hover .home-label,
.brand:focus-visible .home-label {
  color: var(--accent);
}

.brand:focus-visible {
  border-radius: 4px;
  outline: 1px solid var(--accent);
  outline-offset: 7px;
}

@media (max-width: 560px) {
  .brand-copy .home-label {
    font-size: 6px;
  }
}