/* Herculean Alliance: Roboto text, navy headings and buttons, orange for what must stand out. */
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url(../fonts/roboto-400-normal.woff2) format('woff2'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: italic; font-display: swap; src: url(../fonts/roboto-400-italic.woff2) format('woff2'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url(../fonts/roboto-700-normal.woff2) format('woff2'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: italic; font-display: swap; src: url(../fonts/roboto-700-italic.woff2) format('woff2'); }
:root {
  --brand: #eb5a40;
  --brand-dark: #eb5a40;
  --brand-border: #b84632;
  --accent: #eb5a40;
  --accent-dark: #b84632;
  --dark: #002335;
  --text: #002335;
  --heading: #002335;
  --nav: #002335;
  --body-size: 24px;
  --body-line: 1.375;
  --h2-size: 40px;
  --button-size: 20px;
}
body { font-family: Roboto, system-ui, sans-serif; }
.text a, .lead a, .list a { font-weight: inherit; color: inherit; text-decoration: underline; }
.block--grey, .block--grey.block--arrow::after { background: #eee; }
.block--grey.block--arrow::after { background: none; border-top-color: #eee; }
.site-header__logo img { width: 130px; height: auto; }
.site-nav { margin-inline: auto; }
.site-nav a { font-family: Poppins, sans-serif; font-size: 14.4px; }
.site-header__login { margin-left: 0; padding: 10px 24px; border-radius: 0; color: #fff; background: var(--dark); border-color: var(--dark); font-family: Poppins, sans-serif; font-size: 18px; text-shadow: none; }
.faq__item summary { color: var(--heading); font-size: 24px; font-weight: 700; }
.faq__answer { font-size: 20px; }
.site-footer { background: var(--dark); }
.site-footer__columns { grid-template-columns: 3fr 4fr 5fr; padding: 40px 24px; color: #fff; font-size: 14px; line-height: 1.6; }
.site-footer__columns h2 { color: #fff; font-size: 14px; text-transform: none; margin-bottom: 16px; }
.site-footer__columns li { margin-bottom: 4px; }
.site-footer__columns a { text-decoration: underline; }
.site-footer__brand img { width: min(100%, 420px); margin-bottom: 16px; }
.site-footer__brand p { margin: 0; }
@media (max-width: 1000px) {
  .site-header__logo img { width: 100px; }
  .site-header__login { margin-left: auto; padding: 7px 12px; font-size: 13px; }
}
@media (max-width: 680px) {
  :root { --h2-size: 30px; --body-size: 18px; --button-size: 18px; }
  .button { font-size: 18px; }
  .site-header__logo img { width: 84px; }
  .site-header__login { padding: 6px 8px; font-size: 11px; }
  .row--6:not(.row--images) { grid-template-columns: repeat(2, 1fr); }
  .faq__item summary { font-size: 19px; }
  .faq__answer { font-size: 16px; }
  .site-footer__columns { grid-template-columns: 1fr; text-align: left; }
}
