/* ──────────────────────────────────────────────────────────────────────────
   Brand marks — canonical, app-wide.
   Two forms (см. brand/BRAND.md):
     • minimalist  → the seal alone («глаз»), <64px on device  → .brand-seal-c
     • extended    → seal + «Суть · The Essence» wordmark       → .brand-lockup-c
   Both pull the seal from a SINGLE source file (/seal-compact.svg) so the mark
   can never drift between surfaces. Wordmark = Lora (self-hosted, _fonts.css),
   theme-adaptive via design tokens.
   Class names carry a `-c` suffix to avoid colliding with the landing's own
   `.brand-lockup` / `.brand-seal-mobile` in landing/*.scss.
   ────────────────────────────────────────────────────────────────────────── */

.brand-seal-c {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  width: var(--brand-seal-size, 32px);
  height: var(--brand-seal-size, 32px);
}

.brand-lockup-c {
  display: inline-flex;
  align-items: center;
  gap: 0.58em;
  font-size: var(--brand-lockup-size, 40px);
  line-height: 1;
  color: inherit;
  text-decoration: none;
}

.brand-lockup-c__seal {
  width: 1em;
  height: 1em;
  flex: none;
  display: block;
}

.brand-lockup-c__words {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}

.brand-lockup-c__ru {
  font-family: "Lora", Georgia, serif;
  font-weight: 500;
  font-size: 0.62em;
  letter-spacing: -0.01em;
  color: var(--color-accent-strong, #9a6e55);
}

.brand-lockup-c__en {
  font-family: "Lora", Georgia, serif;
  font-weight: 400;
  font-size: 0.255em;
  letter-spacing: 0.24em;
  color: var(--color-fg-muted, #7a6345);
}