/* Marca: a porta e o nome, no cabeçalho e no início. */

.brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- a marca é identidade, fora da escala de texto */
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -.04em;
}

.brand > svg {
  width: 34px;
  height: 34px;
}