.sargasso-site-branding {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  min-width: 0;
}

.sargasso-site-branding__logo {
  display: inline-flex;
  flex: 0 0 auto;
}

.sargasso-site-branding__logo img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.sargasso-site-branding__text {
  flex: 0 1 auto;
  min-width: 0;
}

.sargasso-site-branding__name {
  color: var(--sargasso-ink);
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.sargasso-site-branding__name:hover {
  color: var(--sargasso-deep);
}