/* ============================================================
   GrantAffinity — Logo & Wordmark  (from branding/logo.css)
   Composed live: SVG mark + HTML wordmark, so text stays crisp.
   ============================================================ */

.ga-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  line-height: 1;
}

.ga-logo__mark {
  display: block;
  width: 34px;
  height: 34px;
  flex: none;
}

.ga-logo__word {
  font-family: var(--ga-font-brand);
  font-size: 25px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.ga-logo__word-a { font-weight: 500; color: var(--ga-navy); }
.ga-logo__word-b { font-weight: 700; color: var(--ga-navy); }

/* Reversed (on navy) */
.ga-logo--reversed .ga-logo__word-a { color: var(--ga-on-navy-muted); }
.ga-logo--reversed .ga-logo__word-b { color: var(--ga-on-navy); }

/* Size variants — scale mark & word together */
.ga-logo--sm .ga-logo__mark { width: 24px; height: 24px; }
.ga-logo--sm .ga-logo__word { font-size: 17px; }

.ga-logo--lg .ga-logo__mark { width: 40px; height: 40px; }
.ga-logo--lg .ga-logo__word { font-size: 28px; }