/* The S belongs to the name; its blue frame represents the physical stand. */
.brand-wordmark {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: .1em;
  color: #111827;
  font-family: "Bricolage Grotesque", "DM Sans", sans-serif;
  font-size: var(--brand-size, 1.7rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.055em;
  white-space: nowrap;
  vertical-align: middle;
}

.brand-wordmark-stands {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .035em;
  padding: .17em .2em .2em;
  border-radius: .22em;
  background: #175cd3;
  color: #fff;
  font-size: .83em;
  line-height: 1;
  letter-spacing: -.04em;
}

.brand-wordmark-bracket {
  font-size: .86em;
  font-weight: 600;
  opacity: .8;
}

/* Compact navigation keeps the complete wordmark visible on narrow screens. */
.business-brand {
  --brand-size: 1.45rem;
  flex-shrink: 0;
}

.account-brand {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .brand-wordmark {
    --brand-size: 1.35rem;
  }

  .business-brand .brand-wordmark {
    --brand-size: 1.25rem;
  }
}