/* Generated from tokens.json. Edit tokens.json, not this file. */
@font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/Roboto-300-normal.woff2') format('woff2'); }
@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: 600; font-style: normal; font-display: swap; src: url('../fonts/Roboto-600-normal.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'); }
:root {
  --ink: #121212;
  --text: #343434;
  --black: #000000;
  --muted: #aaaaaa;
  --muted-aa: #767676;
  --link-strong: #293038;
  --surface: #ffffff;
  --surface-panel: #f3f3f3;
  --border: #dddddd;
  --rule: #e6e6e6;
  --separator: #808080;
  --divider-soft: #eeeeee;
  --donate: #00d084;
  --donate-aa: #007a4d;
  --give-blue: #0693e3;
  --brand-charcoal: #282829;
  --brand-navy: #2d3b60;
  --brand-red: #dd3338;
  --on-image: var(--surface);
  --container: 1140px;
  --gutter: 10px;
  --content-top: 60px;
  --content-bottom: 30px;
  --header-height: 145px;
  --header-sticky-height: 68px;
  --logo-height: 66px;
  --hero-height: 680px;
  --banner-height: 370px;
  --space-xs: 5px;
  --space-s: 10px;
  --space-m: 20px;
  --space-l: 25px;
  --space-xl: 38px;
  --space-2xl: 40px;
  --column-gap: 32px;
  --radius-none: 0px;
  --radius-button: 5px;
  --border-hairline: 1px;
  --border-strong: 2px;
  --shadow-dropdown: 0px 0px 3px 1px #dddddd;
  --bp-desktop: 1140px;
  --bp-tablet: 768px;
  --bp-mobile-l: 685px;
  --bp-mobile: 568px;
  --font-sans: Roboto, Helvetica, Arial, sans-serif;
}
.hero-title { font-family: var(--font-sans); font-size: 50px; line-height: 1; font-weight: 600; }
.hero-subtitle { font-family: var(--font-sans); font-size: 22px; line-height: 1.4; font-weight: 400; }
.hero-button { font-family: var(--font-sans); font-size: 15px; line-height: 1.8; font-weight: 400; }
.display { font-family: var(--font-sans); font-size: 42px; line-height: 1.5; font-weight: 400; }
.card-title { font-family: var(--font-sans); font-size: 34px; line-height: 1.2; font-weight: 400; }
.cta-heading { font-family: var(--font-sans); font-size: 32px; line-height: 1; font-weight: 400; }
.section-heading { font-family: var(--font-sans); font-size: 30px; line-height: 1.5; font-weight: 700; }
.h1 { font-family: var(--font-sans); font-size: 28px; line-height: 1.5; font-weight: 400; }
.h1-bold { font-family: var(--font-sans); font-size: 28px; line-height: 1.5; font-weight: 700; }
.h2 { font-family: var(--font-sans); font-size: 24px; line-height: 1.5; font-weight: 400; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 400; }
.h4 { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; }
.h5 { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.h6 { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; }
.feature-label { font-family: var(--font-sans); font-size: 36px; line-height: 1.8; font-weight: 400; }
.quote { font-family: var(--font-sans); font-size: 25px; line-height: 1.4; font-weight: 300; }
.lead { font-family: var(--font-sans); font-size: 22px; line-height: 1.8; font-weight: 400; }
.lead-italic { font-family: var(--font-sans); font-size: 22px; line-height: 1.8; font-weight: 400; font-style: italic; }
.donate-button { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.8; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 1.8; font-weight: 700; }
.form-button { font-family: var(--font-sans); font-size: 16px; line-height: 1.8; font-weight: 600; }
.nav { font-family: var(--font-sans); font-size: 15px; line-height: 1.8; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.8; font-weight: 400; }