@layer blocks {
  .brand {
    --cluster-space: var(--space-2xs); /* spec .logo gap 10px */
    font-family: var(--font-display);
    font-weight: var(--weight-bold);
    font-size: var(--text-md);
    --color-link: var(--color-text);
    --link-decoration: none;
  }

  .brand svg {
    display: block;
    width: var(--grid-cell); /* spec nav logo 30px: one dot-grid cell */
    height: var(--grid-cell);
  }
}