.branding__logo {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  max-width: 300px;
  gap: var(--spacing);
}

.branding__logo .slimline-icon svg{
  width: 100%;
  height: auto;
}

.branding__icon svg path.circle {
  fill: var(--color-brand);
}

.branding__sitename svg path {
  fill: var(--color-text);
}

.branding__icon {
  width: 64px;
}

.branding__sitename{
  flex: 1;
}