@font-face {
  font-family: 'Brandmark Montserrat';
  src: url('/assets/webfonts/Brandmark-Montserrat.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.brand-wordmark {
  font-family: 'Brandmark Montserrat', 'Montserrat', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  background: linear-gradient(90deg, var(--steel-600, #0E6FB5) 0%, var(--steel-900, #063A60) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

.brand-wordmark--on-dark {
  background: linear-gradient(90deg, var(--steel-300, #7FBCE2) 0%, #E8F1F6 100%);
  -webkit-background-clip: text;
  background-clip: text;
}