:root {
  --brand-navy: #0b1f2a;
  --brand-gold: #f4c44e;
  --brand-teal: #176b5b;
  --brand-stone: #f5f1e8;
  --brand-alert: #d95b43;
}

.brand-site-header {
  border-bottom: 1px solid rgba(11, 31, 42, 0.14);
  background: var(--brand-navy);
}

.brand-site-header a {
  display: flex;
  align-items: center;
  width: min(100% - 40px, 760px);
  min-height: 76px;
  gap: 14px;
  margin: 0 auto;
  color: var(--brand-stone);
  text-decoration: none;
}

.brand-site-header img {
  width: 48px;
  height: 48px;
  border-radius: 9px;
}

.brand-site-header span {
  display: grid;
  gap: 1px;
}

.brand-site-header strong {
  font-size: 1rem;
  letter-spacing: 0.04em;
}

.brand-site-header small {
  color: var(--brand-gold);
  font-weight: 650;
}