/* Modern Mountain Consulting: lockup styles. Loads after tokens.css.
   The mark is inline SVG (brand/mark.svg) so it inherits --ink via currentColor
   and --sky for the accent peak, which means it follows dark mode for free. */

.brand {
  display: inline-flex; align-items: center; gap: 0.65rem;
  color: var(--ink); text-decoration: none; line-height: 1;
}
.brand svg { width: 2.1rem; height: auto; display: block; flex: none; }
.brand .brand-name {
  font-family: var(--ff-display); font-weight: 700; font-size: 1.02rem;
  letter-spacing: -0.03em; white-space: nowrap;
}
.brand .brand-sub {
  display: block; font-family: var(--ff-body); font-weight: 500;
  font-size: 0.5rem; letter-spacing: 0.28em; text-transform: uppercase;
  color: var(--ink-faint); margin-top: 0.3rem;
}
.brand:hover .brand-name { color: var(--ink); }
.brand:focus-visible { outline: 2px solid var(--sky); outline-offset: 4px; border-radius: 4px; }

/* Stacked variant for the footer, cards and the close panel. */
.brand.brand-stack { flex-direction: column; align-items: center; gap: 0.8rem; text-align: center; }
.brand.brand-stack svg { width: 3rem; }

/* Domain lockup: "modernmt.ai" with the TLD in accent. */
.brand-domain { font-family: var(--ff-display); font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.brand-domain i { font-style: normal; color: var(--sky); }