/* Scale each mark with its own wordmark, not with the page or viewport. */
.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.65em;
  white-space: nowrap;
}

.brand-mark {
  display: block;
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
  object-fit: contain;
}

/* Footer text is deliberately muted; keep the white mark equally subtle. */
.footer-name .brand-mark {
  opacity: 0.3;
}