@font-face {
  font-family: 'DM Sans';
  src: url('/welcome/assets/dm-sans-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/welcome/assets/dm-sans-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/welcome/assets/dm-sans-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Lora;
  src: url('/welcome/assets/lora-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
.impartof-brand {
  --brand-navy: #202b3a;
  --brand-ink: #263b53;
  --brand-butter: #fbf1cf;
  --brand-coral: #efa98e;
  --brand-amber: #8f5a17;
  --brand-field: #fffaea;
  --brand-muted: #c9cdc8;
  --brand-line: #75818a;
  --brand-radius: 10px;
  font-family: 'DM Sans', Arial, sans-serif;
  font-synthesis: none;
  line-height: 1.55;
  color: var(--brand-butter);
  background: var(--brand-navy);
}
.impartof-brand h1,
.impartof-brand h2 {
  font-family: Lora, Georgia, serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.impartof-brand
  :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--brand-coral);
  outline-offset: 3px;
}