/* Shared header brand: keep page-specific overrides out of this component. */
:root {
  --site-brand-header-height: 78px;
  --site-brand-header-padding: clamp(1.25rem, 4vw, 4.5rem);
}

.shared-brand {
  display: inline-flex;
  align-items: center;
  gap: 1.05rem;
  width: max-content;
  color: #fff;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: clamp(.92rem, 1.25vw, 1.18rem);
  font-weight: 450;
  line-height: 1;
  letter-spacing: -.02em;
  text-decoration: none;
}

.shared-brand > img {
  width: clamp(2.1rem, 3vw, 2.5rem);
  height: clamp(2.1rem, 3vw, 2.5rem);
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: contain;
}

.shared-brand-name {
  display: inline-flex;
  align-items: baseline;
  gap: .62em;
  white-space: nowrap;
  letter-spacing: .14em;
}

.shared-brand-name > span:first-child { font-size: .92em; }
.shared-brand-dot { margin-inline: -.18em; letter-spacing: 0; }

@media (max-width: 620px) {
  :root { --site-brand-header-height: 68px; }
  .shared-brand { gap: .7rem; font-size: .82rem; }
  .shared-brand > img { width: 2.1rem; height: 2.1rem; }
  .shared-brand-name { gap: .42em; letter-spacing: .08em; }
}