.site-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
}

.site-brand img,
.site-brand svg {
  flex-shrink: 0;
}

.site-brand-name {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  white-space: nowrap;
}

body.header-fixed.header-animated #header.scrolled .site-brand-name {
  font-size: 0.9rem;
}

.mobile-logo .site-brand-name {
  color: #fff;
}

@media (max-width: 480px) {
  .site-brand {
    gap: 0.45rem;
  }

  .site-brand-name {
    font-size: 0.95rem;
  }

  body.header-fixed.header-animated #header.scrolled .site-brand-name {
    font-size: 0.85rem;
  }
}