@charset "UTF-8";
/* New Wave brand skin — variables only. All rules live in core.css and
   consume these values. Load order: bootstrap -> core.css -> this file.
   Keep the variable names identical to mb.css. */

@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  /* Colors */
  --brand-primary: #252261;
  --brand-primary-rgb: 37, 34, 97; /* --brand-primary as R, G, B for rgba() tints */
  --brand-primary-muted: #999fba;
  --brand-secondary: #434f87;
  --brand-accent: #f2a738;
  --brand-link: #1d69ab;
  --brand-info: #2bbcde;

  /* Typography */
  --font-body: "Nunito", sans-serif;
  --font-heading: "Merriweather", serif;

  /* Imagery */
  --img-hero: url("/img/direct-home.jpg");
  --img-header: url("/img/header.jpg");
}

/* NW-only: scroll-in animation hooks used by direct.js (loads only when $DIRECT) */
.animate-intro2 {
  transform: translateY(100%);
  opacity: 0;
}
.animate-intro3 {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.animate-intro2.off {
  transform: translateY(0);
  opacity: 100;
}