/* Shared by React and generated legal pages; all fonts are hosted locally. */
.brand-mark { display: inline-flex; flex-direction: column; align-items: center; max-width: 100%; vertical-align: middle; }
.brand-wordmark {
  display: inline-flex;
  white-space: nowrap;
  gap: .06em;
  padding: .04em .08em .08em;
  font-family: 'Outfit', sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
  font-style: normal;
  letter-spacing: .04em;
  color: #e8b957;
}
.brand-wordmark-letter { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.brand-wordmark-gold { color: #edc16b; background-image: linear-gradient(180deg, #fff0b2 5%, #e9b64d 55%, #b67b29 100%); }
.brand-wordmark-copper { color: #d78e61; background-image: linear-gradient(180deg, #ffd4af 5%, #cf8857 55%, #975531 100%); }
.brand-mark-large { display: flex; padding: 8px 0 14px; }
.brand-mark-large .brand-wordmark { font-size: clamp(1.65rem, 7vw, 2.7rem); }
.brand-tagline { display: flex; align-items: center; gap: 12px; margin-top: 10px; font-size: .68rem; font-weight: 700; letter-spacing: .32em; color: #eaf2fa; }
.brand-tagline::before, .brand-tagline::after { content: ''; width: 28px; height: 2px; background: linear-gradient(90deg, #edc16b, #d78e61); }
@media (forced-colors: active) {
  .brand-wordmark-letter { background: none; color: CanvasText; -webkit-text-fill-color: currentColor; }
}