@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=IBM+Plex+Mono:300,400,700");
@font-face {
  font-family: 'Telegraf-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Telegraf-Regular"), url("/fonts/Telegraf-Regular.woff2") format("woff2"), url("/fonts/Telegraf-Regular.woff") format("woff"), url("/fonts/Telegraf-Regular.ttf") format("truetype"), url("/fonts/Telegraf-Regular.eot") format("embedded-opentype"); }
@font-face {
  font-family: 'GT Super Display Super';
  font-style: normal;
  font-display: fallback;
  src: local("GT-Super-Display-Super"), url("/fonts/GT-Super-Display-Super.woff2") format("woff2"), url("/fonts/GT-Super-Display-Super.woff") format("woff"), url("/fonts/GT-Super-Display-Super.ttf") format("truetype"), url("/fonts/GT-Super-Display-Super.eot") format("embedded-opentype");
  unicode-range: U+000-5FF;
  /* Latin glyphs */ }
@font-face {
  font-family: 'GT Super Display Bold';
  font-style: normal;
  font-display: fallback;
  src: local("GT-Super-Display-Bold"), url("/fonts/GT-Super-Display-Bold.woff2") format("woff2"), url("/fonts/GT-Super-Display-Bold.woff") format("woff"), url("/fonts/GT-Super-Display-Bold.ttf") format("truetype"), url("/fonts/GT-Super-Display-Bold.eot") format("embedded-opentype");
  unicode-range: U+000-5FF;
  /* Latin glyphs */ }
.front,
.page-wrapper,
form input,
form button,
form textarea {
  font-family: 'Telegraf-Regular', Arial, Helvetica, sans-serif; }
  .front h1, .front h2, .front h3, .front h4,
  .page-wrapper h1,
  .page-wrapper h2,
  .page-wrapper h3,
  .page-wrapper h4,
  form input h1,
  form input h2,
  form input h3,
  form input h4,
  form button h1,
  form button h2,
  form button h3,
  form button h4,
  form textarea h1,
  form textarea h2,
  form textarea h3,
  form textarea h4 {
    font-weight: normal; }

.font-size--scale-0 {
  font-size: var(--scale-0); }

.font-size--scale-1 {
  font-size: var(--scale-1); }

.font-size--scale-2 {
  font-size: var(--scale-2); }

.font-size--scale-3 {
  font-size: var(--scale-3); }

@media only screen and (min-width: 740px) {
  .main-grid__1--1 {
    grid-column: 1/-1; }

  .main-grid__1-2 {
    grid-column: 1/2; }

  .main-grid__1-3 {
    grid-column: 1/4; }

  .main-grid__1-4 {
    grid-column: 1/5; }

  .main-grid__1-5 {
    grid-column: 1/6; }

  .main-grid__1-6 {
    grid-column: 1/7; }

  .main-grid__1-7 {
    grid-column: 1/8; }

  .main-grid__1-8 {
    grid-column: 1/9; }

  .main-grid__1-9 {
    grid-column: 1/10; }

  .main-grid__1-10 {
    grid-column: 1/11; }

  .main-grid__1-11 {
    grid-column: 1/12; }

  .main-grid__1-12 {
    grid-column: 1/13; }

  .main-grid__2-5 {
    grid-column: 2/6; }

  .main-grid__2-8 {
    grid-column: 2/9; }

  .main-grid__2-11 {
    grid-column: 2/12; }

  .main-grid__2-12 {
    grid-column: 2/13; }

  .main-grid__3-4 {
    grid-column: 3/5; }

  .main-grid__3-11 {
    grid-column: 3/12; }

  .main-grid__3-12 {
    grid-column: 3/13; }

  .main-grid__3-9 {
    grid-column: 3/10; }

  .main-grid__3-10 {
    grid-column: 3/11; }

  .main-grid__4-9 {
    grid-column: 4/10; }

  .main-grid__4-10 {
    grid-column: 4/11; }

  .main-grid__4-12 {
    grid-column: 4/13; }

  .main-grid__5-10 {
    grid-column: 5/11; }

  .main-grid__5-12 {
    grid-column: 5/13; }

  .main-grid__5-8 {
    grid-column: 5/9; }

  .main-grid__5-12 {
    grid-column: 5/13; }

  .main-grid__6-8 {
    grid-column: 6/9; }

  .main-grid__6-9 {
    grid-column: 6/10; }

  .main-grid__6-12 {
    grid-column: 6/13; }

  .main-grid__7-9 {
    grid-column: 7/10; }

  .main-grid__7-12 {
    grid-column: 7/13; }

  .main-grid__8-12 {
    grid-column: 8/13; }

  .main-grid__9-12 {
    grid-column: 9/13; }

  .main-grid__10-12 {
    grid-column: 10/13; } }
@media only screen and (min-width: 740px) {
  .grid-template-rows--2 {
    grid-template-rows: repeat(2, 1fr); }

  .grid-template-rows--3 {
    grid-template-rows: repeat(3, 1fr); }

  .grid-template-rows--4 {
    grid-template-rows: repeat(3, 1fr); }

  .grid-row-gap--0 {
    grid-row-gap: 0; }

  .grid-row--1 {
    grid-row: 1; }

  .grid-row--2 {
    grid-row: 2; }

  .grid-row--3 {
    grid-row: 3; }

  .grid-row--1-2 {
    grid-row: 1/3; }

  .grid-row--1-3 {
    grid-row: 1/4; }

  .grid-row--2-3 {
    grid-row: 2/4; }

  .grid-row--3-4 {
    grid-row: 3/5; } }
@media only screen and (min-width: 740px) {
  .grid-template-columns--2 {
    grid-template-columns: repeat(2, 1fr); }

  .grid-template-columns--3 {
    grid-template-columns: repeat(3, 1fr); }

  .grid-template-columns--4 {
    grid-template-columns: repeat(4, 1fr); }

  .grid-column--span-4 {
    grid-column: span 4; }

  .grid-column--span-6 {
    grid-column: span 6; }

  .grid-column--span-all {
    grid-column: 1/-1; } }
.display--block {
  display: block; }

.flex {
  display: flex; }

.flex-direction--column {
  flex-direction: column; }

.justify-content--space-between {
  justify-content: space-between; }

.text-align--center {
  text-align: center; }

.align-self--center {
  align-self: center; }

.align-self--end {
  align-self: end; }

.justify-self--center {
  justify-self: center; }

.align-items--center {
  align-items: center; }

.align-items--flex-end {
  align-items: flex-end; }

.content-grid--2 {
  grid-template-columns: repeat(2, 1fr); }

.content-grid--3 {
  grid-template-columns: repeat(3, 1fr); }

.content-grid--4 {
  grid-template-columns: repeat(2, 1fr); }

/**
 * Responsive media (images, videos…)
 *
 * 1. Give the block an initial ratio of 5/3 to avoid FOUC
 * 2. Stretch the contained media to the dimensions of its container
 */
.u-responsive-ratio {
  width: 100%;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden; }
  .u-responsive-ratio img,
  .u-responsive-ratio object,
  .u-responsive-ratio embed,
  .u-responsive-ratio iframe,
  .u-responsive-ratio svg,
  .u-responsive-ratio video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.u-responsive-aligner {
  margin: 0 auto;
  width: 100%; }

.u-responsive-ratio--hd {
  padding-bottom: 56.25%; }

.u-responsive-ratio--letterbox {
  padding-bottom: 40%; }

.hidden {
  display: none; }

.dark {
  background-color: var(--blackInk);
  color: var(--sunDown); }
  .dark header .meedan svg {
    fill: var(--sunDown); }
  .dark .menu-icon svg {
    stroke: var(--sunDown); }

.small-hr {
  position: relative; }
  .small-hr:before {
    content: '';
    position: absolute;
    left: var(--space-3);
    width: var(--scale-2);
    border-top: 1px solid var(--blackInk); }
  .small-hr p:first-child {
    padding-top: var(--space-2); }
  .small-hr h3,
  .small-hr .story-footer-item {
    padding-top: var(--space-2); }
  .dark .small-hr:before {
    border-color: 1px solid var(--sunDown); }

.icon {
  width: 5vw;
  height: 5vw; }
  .icon.icon_20x20 {
    width: 4vw;
    height: 4vw; }
    @media only screen and (min-width: 740px) {
      .icon.icon_20x20 {
        width: 3vw;
        height: 3vw; } }
    @media only screen and (min-width: 980px) {
      .icon.icon_20x20 {
        width: 2.4vw;
        height: 2.4vw; } }
    @media only screen and (min-width: 1200px) {
      .icon.icon_20x20 {
        width: 2.4vw;
        height: 2.4vw; } }
  .icon.icon_60x60 {
    width: 10vw;
    height: 10vw; }
    @media only screen and (min-width: 740px) {
      .icon.icon_60x60 {
        width: 6vw;
        height: 6vw; } }
    @media only screen and (min-width: 980px) {
      .icon.icon_60x60 {
        width: 4vw;
        height: 4vw; } }
  .icon.icon_100x100 {
    width: 10vw;
    height: 10vw; }
    @media only screen and (min-width: 980px) {
      .icon.icon_100x100 {
        width: 6vw;
        height: 6vw; } }

.color--check-blue {
  color: var(--checkBlue); }

.color--coral {
  color: var(--coral);
  border-color: var(--coral) !important; }
  .color--coral a {
    color: var(--coral); }
  .color--coral header .meedan svg {
    fill: var(--coral); }
  .color--coral header .menu-icon svg {
    stroke: var(--coral); }
  .color--coral .dark,
  .color--coral h1,
  .color--coral h1 a, .color--coral.dark h1, .color--coral.dark h1 a, .color--coral .dark h1, .color--coral .dark h1 a {
    color: var(--coral); }
  .color--coral .cursor, .color--coral.dark .cursor, .color--coral.campaign .cursor {
    border-color: var(--coral); }
  .color--coral .callout text, .color--coral.dark .callout text {
    fill: var(--coral); }

.color--bright-yellow {
  color: var(--brightYellow);
  border-color: var(--brightYellow) !important; }
  .color--bright-yellow a {
    color: var(--brightYellow); }
  .color--bright-yellow header .meedan svg {
    fill: var(--brightYellow); }
  .color--bright-yellow header .menu-icon svg {
    stroke: var(--brightYellow); }
  .color--bright-yellow .dark,
  .color--bright-yellow h1,
  .color--bright-yellow h1 a, .color--bright-yellow.dark h1, .color--bright-yellow.dark h1 a, .color--bright-yellow .dark h1, .color--bright-yellow .dark h1 a {
    color: var(--brightYellow); }
  .color--bright-yellow .cursor, .color--bright-yellow.dark .cursor, .color--bright-yellow.campaign .cursor {
    border-color: var(--brightYellow); }
  .color--bright-yellow .callout text, .color--bright-yellow.dark .callout text {
    fill: var(--brightYellow); }

.color--texas-rose {
  color: var(--texasRose);
  border-color: var(--texasRose) !important; }
  .color--texas-rose a {
    color: var(--texasRose); }
  .color--texas-rose header .meedan svg {
    fill: var(--texasRose); }
  .color--texas-rose header .menu-icon svg {
    stroke: var(--texasRose); }
  .color--texas-rose .dark,
  .color--texas-rose h1,
  .color--texas-rose h1 a, .color--texas-rose.dark h1, .color--texas-rose.dark h1 a, .color--texas-rose .dark h1, .color--texas-rose .dark h1 a {
    color: var(--texasRose); }
  .color--texas-rose .cursor, .color--texas-rose.dark .cursor, .color--texas-rose.campaign .cursor {
    border-color: var(--texasRose); }
  .color--texas-rose .callout text, .color--texas-rose.dark .callout text {
    fill: var(--texasRose); }

.color--light-navy {
  color: var(--lightNavy);
  border-color: var(--lightNavy) !important; }
  .color--light-navy a {
    color: var(--lightNavy); }
  .color--light-navy header .meedan svg {
    fill: var(--lightNavy); }
  .color--light-navy header .menu-icon svg {
    stroke: var(--lightNavy); }
  .color--light-navy .dark,
  .color--light-navy h1,
  .color--light-navy h1 a, .color--light-navy.dark h1, .color--light-navy.dark h1 a, .color--light-navy .dark h1, .color--light-navy .dark h1 a {
    color: var(--lightNavy); }
  .color--light-navy .cursor, .color--light-navy.dark .cursor, .color--light-navy.campaign .cursor {
    border-color: var(--lightNavy); }
  .color--light-navy .callout text, .color--light-navy.dark .callout text {
    fill: var(--lightNavy); }

.color--cornflower-blue {
  color: var(--cornflowerBlue);
  border-color: var(--cornflowerBlue) !important; }
  .color--cornflower-blue a {
    color: var(--cornflowerBlue); }
  .color--cornflower-blue header .meedan svg {
    fill: var(--cornflowerBlue); }
  .color--cornflower-blue header .menu-icon svg {
    stroke: var(--cornflowerBlue); }
  .color--cornflower-blue .dark,
  .color--cornflower-blue h1,
  .color--cornflower-blue h1 a, .color--cornflower-blue.dark h1, .color--cornflower-blue.dark h1 a, .color--cornflower-blue .dark h1, .color--cornflower-blue .dark h1 a {
    color: var(--cornflowerBlue); }
  .color--cornflower-blue .cursor, .color--cornflower-blue.dark .cursor, .color--cornflower-blue.campaign .cursor {
    border-color: var(--cornflowerBlue); }
  .color--cornflower-blue .callout text, .color--cornflower-blue.dark .callout text {
    fill: var(--cornflowerBlue); }

.color--east-side {
  color: var(--eastSide);
  border-color: var(--eastSide) !important; }
  .color--east-side a {
    color: var(--eastSide); }
  .color--east-side header .meedan svg {
    fill: var(--eastSide); }
  .color--east-side header .menu-icon svg {
    stroke: var(--eastSide); }
  .color--east-side .dark,
  .color--east-side h1,
  .color--east-side h1 a, .color--east-side.dark h1, .color--east-side.dark h1 a, .color--east-side .dark h1, .color--east-side .dark h1 a {
    color: var(--eastSide); }
  .color--east-side .cursor, .color--east-side.dark .cursor, .color--east-side.campaign .cursor {
    border-color: var(--eastSide); }
  .color--east-side .callout text, .color--east-side.dark .callout text {
    fill: var(--eastSide); }

.color--deep-sea {
  color: var(--deepSea);
  border-color: var(--deepSea) !important; }
  .color--deep-sea a {
    color: var(--deepSea); }
  .color--deep-sea header .meedan svg {
    fill: var(--deepSea); }
  .color--deep-sea header .menu-icon svg {
    stroke: var(--deepSea); }
  .color--deep-sea .dark,
  .color--deep-sea h1,
  .color--deep-sea h1 a, .color--deep-sea.dark h1, .color--deep-sea.dark h1 a, .color--deep-sea .dark h1, .color--deep-sea .dark h1 a {
    color: var(--deepSea); }
  .color--deep-sea .cursor, .color--deep-sea.dark .cursor, .color--deep-sea.campaign .cursor {
    border-color: var(--deepSea); }
  .color--deep-sea .callout text, .color--deep-sea.dark .callout text {
    fill: var(--deepSea); }

.color--black-ink {
  color: var(--blackInk); }

.color--white {
  color: #fff;
  border-color: #fff !important; }
  .color--white a {
    color: #fff; }
  .color--white header .meedan svg {
    fill: #fff; }
  .color--white header .menu-icon svg {
    stroke: #fff; }
  .color--white .dark,
  .color--white h1,
  .color--white h1 a, .color--white.dark h1, .color--white.dark h1 a, .color--white .dark h1, .color--white .dark h1 a {
    color: #fff; }
  .color--white .cursor, .color--white.dark .cursor, .color--white.campaign .cursor {
    border-color: #fff; }
  .color--white .callout text, .color--white.dark .callout text {
    fill: #fff; }

.color--silver {
  color: var(--silver);
  border-color: var(--silver) !important; }
  .color--silver a {
    color: var(--silver); }
  .color--silver header .meedan svg {
    fill: var(--silver); }
  .color--silver header .menu-icon svg {
    stroke: var(--silver); }
  .color--silver .dark,
  .color--silver h1,
  .color--silver h1 a, .color--silver.dark h1, .color--silver.dark h1 a, .color--silver .dark h1, .color--silver .dark h1 a {
    color: var(--silver); }
  .color--silver .cursor, .color--silver.dark .cursor, .color--silver.campaign .cursor {
    border-color: var(--silver); }
  .color--silver .callout text, .color--silver.dark .callout text {
    fill: var(--silver); }

.color--sun-down {
  color: var(--sunDown);
  border-color: var(--sunDown) !important; }
  .color--sun-down a {
    color: var(--sunDown); }
  .color--sun-down header .meedan svg {
    fill: var(--sunDown); }
  .color--sun-down header .menu-icon svg {
    stroke: var(--sunDown); }
  .color--sun-down .dark,
  .color--sun-down h1,
  .color--sun-down h1 a, .color--sun-down.dark h1, .color--sun-down.dark h1 a, .color--sun-down .dark h1, .color--sun-down .dark h1 a {
    color: var(--sunDown); }
  .color--sun-down .cursor, .color--sun-down.dark .cursor, .color--sun-down.campaign .cursor {
    border-color: var(--sunDown); }
  .color--sun-down .callout text, .color--sun-down.dark .callout text {
    fill: var(--sunDown); }

.color--accent {
  color: var(--accent);
  border-color: var(--accent) !important; }
  .color--accent a {
    color: var(--accent); }
  .color--accent header .meedan svg {
    fill: var(--accent); }
  .color--accent header .menu-icon svg {
    stroke: var(--accent); }
  .color--accent .dark,
  .color--accent h1,
  .color--accent h1 a, .color--accent.dark h1, .color--accent.dark h1 a, .color--accent .dark h1, .color--accent .dark h1 a {
    color: var(--accent); }
  .color--accent .cursor, .color--accent.dark .cursor, .color--accent.campaign .cursor {
    border-color: var(--accent); }
  .color--accent .callout text, .color--accent.dark .callout text {
    fill: var(--accent); }

.color--bright-green {
  color: var(--brightGreen);
  border-color: var(--brightGreen) !important; }
  .color--bright-green a {
    color: var(--brightGreen); }
  .color--bright-green header .meedan svg {
    fill: var(--brightGreen); }
  .color--bright-green header .menu-icon svg {
    stroke: var(--brightGreen); }
  .color--bright-green .dark,
  .color--bright-green h1,
  .color--bright-green h1 a, .color--bright-green.dark h1, .color--bright-green.dark h1 a, .color--bright-green .dark h1, .color--bright-green .dark h1 a {
    color: var(--brightGreen); }
  .color--bright-green .cursor, .color--bright-green.dark .cursor, .color--bright-green.campaign .cursor {
    border-color: var(--brightGreen); }
  .color--bright-green .callout text, .color--bright-green.dark .callout text {
    fill: var(--brightGreen); }

.color--green-30 {
  color: var(--green30);
  border-color: var(--green30) !important; }
  .color--green-30 a {
    color: var(--green30); }
  .color--green-30 header .meedan svg {
    fill: var(--green30); }
  .color--green-30 header .menu-icon svg {
    stroke: var(--green30); }
  .color--green-30 .dark,
  .color--green-30 h1,
  .color--green-30 h1 a, .color--green-30.dark h1, .color--green-30.dark h1 a, .color--green-30 .dark h1, .color--green-30 .dark h1 a {
    color: var(--green30); }
  .color--green-30 .cursor, .color--green-30.dark .cursor, .color--green-30.campaign .cursor {
    border-color: var(--green30); }
  .color--green-30 .callout text, .color--green-30.dark .callout text {
    fill: var(--green30); }

.color--bright-red {
  color: var(--brightRed);
  border-color: var(--brightRed) !important; }
  .color--bright-red a {
    color: var(--brightRed); }
  .color--bright-red header .meedan svg {
    fill: var(--brightRed); }
  .color--bright-red header .menu-icon svg {
    stroke: var(--brightRed); }
  .color--bright-red .dark,
  .color--bright-red h1,
  .color--bright-red h1 a, .color--bright-red.dark h1, .color--bright-red.dark h1 a, .color--bright-red .dark h1, .color--bright-red .dark h1 a {
    color: var(--brightRed); }
  .color--bright-red .cursor, .color--bright-red.dark .cursor, .color--bright-red.campaign .cursor {
    border-color: var(--brightRed); }
  .color--bright-red .callout text, .color--bright-red.dark .callout text {
    fill: var(--brightRed); }

.color--pale-red {
  color: var(--paleRed);
  border-color: var(--paleRed) !important; }
  .color--pale-red a {
    color: var(--paleRed); }
  .color--pale-red header .meedan svg {
    fill: var(--paleRed); }
  .color--pale-red header .menu-icon svg {
    stroke: var(--paleRed); }
  .color--pale-red .dark,
  .color--pale-red h1,
  .color--pale-red h1 a, .color--pale-red.dark h1, .color--pale-red.dark h1 a, .color--pale-red .dark h1, .color--pale-red .dark h1 a {
    color: var(--paleRed); }
  .color--pale-red .cursor, .color--pale-red.dark .cursor, .color--pale-red.campaign .cursor {
    border-color: var(--paleRed); }
  .color--pale-red .callout text, .color--pale-red.dark .callout text {
    fill: var(--paleRed); }

.color--sun-set {
  color: var(--sunSet);
  border-color: var(--sunSet) !important; }
  .color--sun-set a {
    color: var(--sunSet); }
  .color--sun-set header .meedan svg {
    fill: var(--sunSet); }
  .color--sun-set header .menu-icon svg {
    stroke: var(--sunSet); }
  .color--sun-set .dark,
  .color--sun-set h1,
  .color--sun-set h1 a, .color--sun-set.dark h1, .color--sun-set.dark h1 a, .color--sun-set .dark h1, .color--sun-set .dark h1 a {
    color: var(--sunSet); }
  .color--sun-set .cursor, .color--sun-set.dark .cursor, .color--sun-set.campaign .cursor {
    border-color: var(--sunSet); }
  .color--sun-set .callout text, .color--sun-set.dark .callout text {
    fill: var(--sunSet); }

.color--yellow-green {
  color: var(--yellowGreen);
  border-color: var(--yellowGreen) !important; }
  .color--yellow-green a {
    color: var(--yellowGreen); }
  .color--yellow-green header .meedan svg {
    fill: var(--yellowGreen); }
  .color--yellow-green header .menu-icon svg {
    stroke: var(--yellowGreen); }
  .color--yellow-green .dark,
  .color--yellow-green h1,
  .color--yellow-green h1 a, .color--yellow-green.dark h1, .color--yellow-green.dark h1 a, .color--yellow-green .dark h1, .color--yellow-green .dark h1 a {
    color: var(--yellowGreen); }
  .color--yellow-green .cursor, .color--yellow-green.dark .cursor, .color--yellow-green.campaign .cursor {
    border-color: var(--yellowGreen); }
  .color--yellow-green .callout text, .color--yellow-green.dark .callout text {
    fill: var(--yellowGreen); }

.module-bg-color--coral {
  background-color: var(--coral); }

.module-bg-color--bright-red {
  background-color: var(--brightRed); }

.module-bg-color--texas-rose {
  color: var(--blackInk);
  background-color: var(--texasRose);
  border-color: var(--blackInk); }

.module-bg-color--light-navy {
  background-color: var(--lightNavy); }

.module-bg-color--east-side {
  background-color: var(--eastSide); }

.module-bg-color--deep-sea {
  background-color: var(--deepSea); }

.module-bg-color--silver {
  background-color: var(--silver); }

.module-bg-color-bright-green {
  background-color: var(--brightGreen); }

.module-bg-color--black-ink {
  background-color: var(--blackInk);
  color: var(--paleBlue);
  border-color: var(--paleBlue); }

.bg-color--light-navy {
  background-color: var(--lightNavy); }

.bg-color--pale-navy {
  background-color: var(--paleNavy); }

.bg-color--texas-rose {
  background-color: var(--texasRose); }

.bg-color--east-side {
  background-color: var(--eastSide); }

.bg-color--pale-purple {
  background-color: var(--palePurple); }

.bg-color--bright-green {
  background-color: var(--brightGreen); }

.bg-color--light-cyan {
  background-color: var(--lightCyan); }

.bg-color--yellow-green {
  background-color: var(--yellowGreen); }

.bg-color--green-cyan {
  background-color: var(--greenCyan); }

.bg-color--yellow-orange {
  background-color: var(--yellowOrage); }

.plain-list ul {
  list-style-type: none;
  margin-top: var(--space-1); }

.plain-list.with-spacing ul li {
  margin-bottom: var(--space-1); }

.plain-list.with-spacing ul li p {
  margin-bottom: var(--space-1); }

.plain-list ul li a {
  display: block;
  font-size: var(--scale-0);
  padding: var(--space-1) var(--space-1);
  border-bottom: 1px solid var(--blackInk);
  color: var(--blackInk);
  text-decoration: none; }
  .plain-list ul li a:hover {
    background-color: var(--blackInk);
    color: #fff; }

.dark .plain-list ul li a {
  border-color: inherit; }

.plain-list.with-border ul li {
  display: block;
  font-size: var(--scale-0);
  padding: var(--space-1) 0;
  border-bottom: 1px solid var(--blackInk);
  text-decoration: none; }

.dark .plain-list.with-border ul li {
  border-color: inherit; }

.plain-list.with-vertical-border ul li {
  display: block;
  font-size: var(--scale-0);
  padding-left: var(--space-1);
  border-left: 4px solid var(--blackInk);
  text-decoration: none; }
  .plain-list.with-vertical-border ul li:not(:last-child) {
    margin-bottom: var(--space-1); }

.dark .plain-list.with-vertical-border ul li {
  border-color: inherit; }

.clickable.with-icon a {
  display: flex;
  justify-content: space-between; }

.list-with-header ul {
  list-style-type: none;
  margin-bottom: var(--space-4); }

.list-with-header ul li:first-child {
  margin-bottom: var(--space-1); }

.tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap-reverse;
  margin-top: var(--space-2);
  margin-bottom: var(--space-1); }

.tags .tag {
  flex: 0 0 auto;
  font-size: 1rem;
  border: 1px solid var(--blackInk);
  border-radius: 1.111rem;
  padding: 0.333rem 0.889rem;
  position: relative;
  left: -.05em;
  top: -.21em;
  margin-top: 0.556rem; }

.tags .tag:not(:last-child) {
  margin-right: 0.556rem; }

.dark .tag {
  border-color: var(--sunDown); }

.stat {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--blackInk);
  margin-top: var(--space-2);
  padding-top: var(--space-2); }
  .stat .stat-title {
    margin-bottom: var(--space-1);
    font-size: var(--scale-0); }
  .stat .stat-number {
    font-size: var(--scale-5);
    line-height: 1; }
  .stat .stat-description {
    font-size: var(--scale-0); }

.dark .stat {
  border-color: inherit; }

.credit {
  font-size: 1rem; }
  @media only screen and (min-width: 980px) {
    .credit {
      line-height: 1.4; } }

.margin-bottom--3 {
  margin-bottom: var(--space-3); }

.margin-bottom--4 {
  margin-bottom: var(--space-4); }

.margin-bottom--5 {
  margin-bottom: var(--space-5); }

.rectangle {
  display: inline-block;
  font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 0.778rem;
  font-weight: 700;
  letter-spacing: 0.044rem;
  text-transform: uppercase;
  text-align: center;
  color: var(--accent);
  background-color: var(--blackInk);
  padding: 0.2rem 0.4rem;
  margin-bottom: var(--space-1); }

.large-em-dash {
  display: block;
  position: relative;
  padding-left: 4rem;
  margin-bottom: var(--space-2); }
  .large-em-dash:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 3rem;
    border: 1px solid var(--blackInk);
    color: var(--blackInk); }

.section-padding {
  padding-top: var(--space-4);
  padding-bottom: var(--section-space); }
  .section-padding .bleed {
    padding-left: 0;
    padding-right: 0; }

.section-margin-2x {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8); }

.section-margin {
  margin-top: var(--space-4);
  margin-bottom: var(--section-space); }

.section-top-margin {
  margin-top: var(--space-4); }

.section-top-margin-2x {
  margin-top: var(--space-8); }

.section-bottom-margin {
  margin-bottom: var(--section-space); }

.section-bottom-margin-2x {
  margin-bottom: var(--space-8); }

.about {
  background-color: var(--sunDown);
  background: linear-gradient(180deg, #FFB2B2 0%, #FFB2B2 9.6%, #EF7E7B 12.32%, #EF7E7B 21.29%, #9F82C4 24.07%, #9F82C4 35.2%, #14A6A9 38.34%, #14A6A9 51.03%, #5F9EE5 54.57%, #5F9EE5 72.37%, #979797 75.02%); }

.programs {
  background-color: var(--eastSide); }

.check {
  background-color: var(--cornflowerBlue); }

.team {
  background-color: var(--blackInk); }

.checklist {
  background-color: var(--coral); }

.podcast {
  background-color: var(--lightNavy); }

.page-wrapper {
  font-size: var(--scale-1); }

.digital-health-lab {
  background: linear-gradient(180deg, #FFB34D 29.91%, #9F82C4 34.53%, #9F82C4 53.54%, #FFB2B2 65.91%, #FFB2B2 71.58%, #C4C4C4 81.87%, #C4C4C4 85.53%, #9F82C4 100%);
  background-repeat: no-repeat; }

.check-global {
  background-color: var(--softSalmon); }

.check-global-network {
  background: linear-gradient(180deg, #00A36D 24.71%, #5F9EE5 42.13%, #88D3E5 76.38%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat; }

.check-global-funding {
  background: linear-gradient(180deg, #FF4D7E 0%, #BB6BD9 36.46%, #E0BFC9 65.1%, rgba(196, 196, 196, 0) 100%);
  background-repeat: no-repeat; }

.page-wrapper .standfirst {
  grid-column: 5 / 12;
  font-size: var(--scale-2);
  margin-top: var(--space-3); }
  @media (min-width: 1px) and (max-width: 740px) {
    .page-wrapper .standfirst {
      padding-right: var(--space-5);
      padding-left: var(--space-3); } }

@media only screen and (min-width: 980px) {
  .about .standfirst {
    padding-right: var(--space-1); } }
.page-wrapper h3 {
  font-size: var(--scale-2);
  font-weight: normal; }
  @media only screen and (min-width: 980px) {
    .page-wrapper h3 {
      font-size: var(--scale-3); } }
  .page-wrapper h3:not(.no-margin) {
    margin-bottom: var(--space-2); }
  .page-wrapper h3 sup {
    padding-left: 0.5em;
    font-size: var(--scale-0);
    top: -1em; }

.page-wrapper sup {
  padding-left: 0.5em; }

.page-wrapper figure:not(.no-margin) {
  margin-top: var(--space-3);
  margin-bottom: var(--space-4); }

.module .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  margin-bottom: var(--space-2); }
  .module .section-header .section-title {
    padding-left: 0;
    margin-bottom: 0; }

.module .section-title,
.module .section-more-link {
  font-size: var(--scale-1); }

.module a:not(.button) {
  color: inherit;
  text-decoration: none; }

.dark.module a:not(.button) {
  color: #fff; }

.dark .module p a:not(.button) {
  color: inherit;
  text-decoration: underline; }

.module p,
.module p a {
  font-size: var(--scale-1); }

.module h3 + p,
.module p + p,
.module p + p + p,
.module p + p + p + p {
  margin-bottom: var(--space-3); }

@media (min-width: 1px) and (max-width: 740px) {
  .module [class^="grid-column--span-"] + [class^="grid-column--span-"],
  .module [class^="grid-column--span-"] + [class^="grid-column--span-"]
  + [class^="grid-column--span-"] {
    margin-bottom: var(--space-3); } }
.module p + p {
  margin-top: var(--space-3); }

@media (min-width: 1px) and (max-width: 740px) {
  .module [class^="grid-column--span-"] + [class^="grid-column--span-"] {
    margin-top: var(--space-3); } }
.module .module-links {
  margin-top: var(--space-6);
  font-size: var(--scale-0); }
  .module .module-links a {
    font-size: var(--scale-0);
    opacity: 0.6; }
    .module .module-links a:hover {
      opacity: 1; }

.module-details {
  font-size: var(--scale-0);
  line-height: 1.2; }
  .module-details h3, .module-details p, .module-details a, .module-details p a {
    font-size: var(--scale-0); }

.module-blockquote {
  font-size: var(--scale-0);
  line-height: 1.2; }
  .module-blockquote h3, .module-blockquote p, .module-blockquote a, .module-blockquote p a {
    font-size: var(--scale-0); }
  .module-blockquote blockquote {
    position: relative;
    margin-top: var(--space-2);
    margin-bottom: var(--space-4);
    padding-left: var(--space-1);
    border-left: 2px solid var(--blackInk); }

.module-bg {
  padding-top: var(--space-2);
  padding-bottom: var(--space-3); }

.module-bg-half {
  padding: var(--space-2) var(--space-3); }

.module-with-padding {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.slideshow {
  overflow-x: hidden; }
  .slideshow .slide {
    position: relative; }
  .slideshow figure {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    cursor: move; }
    .slideshow figure:hover figcaption {
      display: inline-block; }
  .slideshow .slide img {
    background-size: cover;
    height: 62vw;
    object-fit: scale-down; }
    @media only screen and (min-width: 740px) {
      .slideshow .slide img {
        height: 42vw; } }
  .slideshow .slide:first-child {
    padding-left: var(--scale-3); }
  .slideshow figcaption {
    display: none;
    background-color: rgba(38, 38, 38, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4;
    padding: 1rem; }

.module-donate-text {
  background-image: url(/images/donate.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 48%; }

.module-values-text {
  background-image: url(/images/values.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 55%;
  overflow: visible; }

@media only screen and (min-width: 740px) {
  .module-theory-of-change .terms {
    position: relative; }
    .module-theory-of-change .terms:before {
      position: absolute;
      left: 30px;
      content: '';
      width: 2px;
      height: 80%;
      top: var(--space-3);
      bottom: var(--space-4);
      border-left: 2px solid var(--blackInk);
      z-index: -1; } }
@media only screen and (min-width: 740px) {
  .module-theory-of-change h3 {
    padding-right: var(--space-5); } }
.module-theory-of-change .term {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2); }
  @media only screen and (min-width: 740px) {
    .module-theory-of-change .term {
      display: flex;
      justify-content: center; } }
.module-theory-of-change .term p {
  font-size: var(--scale-0); }
.module-theory-of-change img {
  margin-bottom: var(--space-1); }
  @media only screen and (min-width: 740px) {
    .module-theory-of-change img {
      margin-right: var(--space-2); } }

.sidebar {
  font-size: var(--scale-0);
  font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif; }

.sidebar a {
  color: var(--blackInk); }

.sidebar ul,
.sidebar li {
  margin: 0;
  padding: 0; }

.sidebar ul {
  list-style-type: none;
  margin-top: var(--space-1); }

.sidebar ul li {
  margin-bottom: var(--space-1);
  padding-bottom: var(--space-1);
  border-bottom: 1px solid var(--blackInk); }

.main-grid.module-vision {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 0.15fr 0.9fr 1fr 1fr;
  grid-gap: 0;
  grid-column-gap: var(--space-2);
  grid-row-gap: 0; }

.module-vision .icon-wrapper {
  grid-column: 5/9;
  margin: 0 auto; }
  @media (min-width: 1px) and (max-width: 740px) {
    .module-vision .icon-wrapper {
      grid-column: 2/12; } }

.module-vision .vision-statement {
  grid-column: 5/9;
  grid-row: 2/-1;
  position: relative;
  padding-top: 156px;
  padding-bottom: 440px; }
  @media (min-width: 1px) and (max-width: 740px) {
    .module-vision .vision-statement {
      grid-column: 2/12;
      padding-top: 80px;
      padding-bottom: 160px; } }
  .module-vision .vision-statement:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 80px;
    left: 50%;
    top: 20px;
    background-color: var(--blackInk); }
    @media only screen and (min-width: 740px) {
      .module-vision .vision-statement:before {
        top: 40px;
        height: 156px; } }
  .module-vision .vision-statement:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 160px;
    left: 50%;
    bottom: 0;
    background-color: var(--blackInk); }
    @media only screen and (min-width: 740px) {
      .module-vision .vision-statement:after {
        height: 460px; } }
  .module-vision .vision-statement p {
    display: block;
    margin-top: 50px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 740px) {
      .module-vision .vision-statement p {
        margin-top: 80px;
        margin-bottom: 60px; } }

.program .module-vision .vision-statement {
  grid-column: 3/11; }

.module-vision .one {
  grid-column: 1/5;
  grid-row: 2/4; }

.module-vision .two {
  grid-column: 8/12;
  grid-row: 2/4; }

.program .module-vision .two {
  grid-row: 1/3; }

.module-vision .three {
  grid-column: 2/6;
  grid-row: 4/5; }

.module-vision .four {
  grid-column: 8/13;
  grid-row: 3/-1;
  align-self: end; }

@media only screen and (min-width: 740px) {
  .module-vision .graphic {
    display: block; }

  .module-vision .one {
    grid-column: 1/5;
    padding-right: var(--space-5);
    grid-row: 2/4; }

  .module-vision .two {
    grid-column: 9/12;
    grid-row: 2/4; }

  .module-vision .three {
    grid-column: 3/6;
    grid-row: 4/5; }

  .module-vision .four {
    grid-column: 9/13;
    grid-row: 3/-1; } }
.module-story-grid .module-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: var(--space-4);
  grid-row-gap: var(--space-3);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

@media only screen and (min-width: 740px) {
  .module-story-grid.grid-template-columns--2 .module-wrapper {
    grid-template-columns: repeat(2, 1fr); }

  .module-story-grid.grid-template-columns--3 .module-wrapper {
    grid-template-columns: repeat(3, 1fr); }

  .module-story-grid.grid-template-columns--4 .module-wrapper {
    grid-template-columns: repeat(4, 1fr); } }
.module-story-grid .section-title {
  margin-bottom: var(--space-2);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: var(--scale-1); }
  .module-story-grid .section-title a {
    font-size: var(--scale-1); }

.story-grid-item .tag {
  font-size: var(--scale-1); }
  @media only screen and (min-width: 980px) {
    .story-grid-item .tag {
      font-size: var(--scale-0); } }
.story-grid-item .title {
  font-size: var(--scale-2); }
.story-grid-item .image-container.landscape {
  margin: var(--space-1) var(--space-2) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .story-grid-item .image-container.landscape {
      margin: var(--space-3) var(--space-6) var(--space-2); } }
.story-grid-item .image-container.portrait {
  margin: var(--space-1) var(--space-4) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .story-grid-item .image-container.portrait {
      margin: var(--space-3) var(--space-8) var(--space-2); } }

.module-story-grid.grid-template-columns--3 .tag {
  font-size: var(--scale-0); }
.module-story-grid.grid-template-columns--3 .title {
  font-size: var(--scale-1); }
.module-story-grid.grid-template-columns--3 .image-container {
  display: inline-block; }
.module-story-grid.grid-template-columns--3 .image-container.landscape {
  margin: var(--space-1) var(--space-2) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .module-story-grid.grid-template-columns--3 .image-container.landscape {
      margin: var(--space-3) var(--space-2) var(--space-2); } }
.module-story-grid.grid-template-columns--3 .image-container.portrait {
  margin: var(--space-1) var(--space-4) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .module-story-grid.grid-template-columns--3 .image-container.portrait {
      margin: var(--space-3) var(--space-6) var(--space-2); } }

.module-story-grid.grid-template-columns--4 .title-container {
  margin-bottom: var(--space-2);
  line-height: 26px; }
.module-story-grid.grid-template-columns--4 .tag {
  font-size: 1rem; }
.module-story-grid.grid-template-columns--4 .title {
  font-size: var(--scale-0); }
.module-story-grid.grid-template-columns--4 .image-container.landscape {
  margin: var(--space-1) var(--space-2) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .module-story-grid.grid-template-columns--4 .image-container.landscape {
      margin: var(--space-3) var(--space-4) var(--space-2); } }
.module-story-grid.grid-template-columns--4 .image-container.portrait {
  margin: var(--space-1) var(--space-4) var(--space-1); }
  @media only screen and (min-width: 1200px) {
    .module-story-grid.grid-template-columns--4 .image-container.portrait {
      margin: var(--space-3) var(--space-6) var(--space-2); } }

.story header .tag {
  font-size: var(--scale-1); }
.story header .title {
  font-size: var(--scale-3); }

.with-more-link {
  display: flex;
  flex-direction: column; }
  .with-more-link .trail-wrapper {
    margin-top: var(--space-4);
    text-align: right; }
    .with-more-link .trail-wrapper span {
      width: 80%; }

.story,
.blog {
  background-color: var(--accent); }
  .story a,
  .blog a {
    color: var(--blackInk); }

.story .title-container {
  margin-top: var(--space-5);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.ar.story header .title-container {
  padding-right: var(--space-3);
  padding-left: var(--space-3); }

.story .title-container h3 {
  display: inline; }

.grid-template-columns--3 .title-container {
  margin-top: var(--space-1);
  padding-left: 0;
  padding-right: 0; }

.story-wrapper {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: var(--scale-0);
  line-height: 1.275; }
  @media only screen and (min-width: 740px) {
    .story-wrapper {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: var(--space-2); } }
  .story-wrapper > p,
  .story-wrapper a,
  .story-wrapper ul,
  .story-wrapper ol,
  .story-wrapper h2,
  .story-wrapper h3,
  .story-wrapper h4,
  .story-wrapper hr,
  .story-wrapper .u-responsive-ratio {
    color: var(--blackInk); }
    @media only screen and (min-width: 740px) {
      .story-wrapper > p,
      .story-wrapper a,
      .story-wrapper ul,
      .story-wrapper ol,
      .story-wrapper h2,
      .story-wrapper h3,
      .story-wrapper h4,
      .story-wrapper hr,
      .story-wrapper .u-responsive-ratio {
        grid-column: 2/12; } }
    @media only screen and (min-width: 980px) {
      .story-wrapper > p,
      .story-wrapper a,
      .story-wrapper ul,
      .story-wrapper ol,
      .story-wrapper h2,
      .story-wrapper h3,
      .story-wrapper h4,
      .story-wrapper hr,
      .story-wrapper .u-responsive-ratio {
        grid-column: 3/11; } }
  .story-wrapper > p,
  .story-wrapper > ul,
  .story-wrapper > ol {
    margin-bottom: var(--space-3); }
  .story-wrapper > p:first-child {
    font-size: var(--scale-1);
    margin-bottom: var(--space-4); }
    @media only screen and (min-width: 740px) {
      .story-wrapper > p:first-child {
        margin-bottom: var(--space-2);
        grid-column: 1/-1; } }
    @media only screen and (min-width: 980px) {
      .story-wrapper > p:first-child {
        margin-bottom: var(--space-6);
        grid-column: 2/12; } }
  @media only screen and (min-width: 740px) {
    .story-wrapper img,
    .story-wrapper blockquote {
      grid-column: 1/-1; } }
  @media only screen and (min-width: 980px) {
    .story-wrapper img,
    .story-wrapper blockquote {
      grid-column: 2/12; } }
  @media only screen and (min-width: 740px) {
    .story-wrapper table {
      grid-column: 1/-1; } }
  @media only screen and (min-width: 980px) {
    .story-wrapper table {
      grid-column: 2/12; } }
  .story-wrapper em {
    font-family: 'Times New Roman', 'Times', serif; }
  .story-wrapper strong {
    font-family: "IBM Plex Mono", monospace; }

.story-wrapper blockquote {
  position: relative;
  font-size: var(--scale-1);
  margin-top: var(--space-2);
  margin-bottom: var(--space-4);
  padding-left: var(--space-1);
  border-left: 2px solid var(--blackInk); }
  .story-wrapper blockquote p {
    margin-bottom: 0; }

.story-wrapper table {
  background: #fff;
  border: 1px solid var(--blackInk);
  font-size: 1rem;
  border-collapse: collapse;
  margin-bottom: var(--space-4); }

.story-wrapper table thead th,
.story-wrapper table tfoot th {
  background: var(--paleNavy); }

.story-wrapper table caption {
  padding: .5em; }

.story-wrapper table th,
.story-wrapper table td {
  padding: .5em;
  border: 1px solid var(--blackInk);
  vertical-align: top;
  text-align: left; }

.page-wrapper .story-wrapper h2 {
  font-size: var(--scale-2);
  margin-bottom: var(--space-1); }

.page-wrapper .story-wrapper h3 {
  font-size: var(--scale-1);
  margin-top: var(--space-1);
  margin-bottom: var(--space-1); }

.story .page-wrapper .graphic {
  text-align: center; }
  @media only screen and (min-width: 740px) {
    .story .page-wrapper .graphic {
      text-align: unset; }
      .story .page-wrapper .graphic .lead_image {
        max-height: 40vw; } }

.story .page-wrapper .lead_video {
  margin-top: var(--space-3);
  margin-bottom: var(--space-4); }

.story-wrapper ul,
.story-wrapper ol {
  padding-left: 1rem;
  margin-left: 2.2rem; }
  .story-wrapper ul li,
  .story-wrapper ol li {
    padding-left: 0.25rem; }
    .story-wrapper ul li:not(:last-child),
    .story-wrapper ol li:not(:last-child) {
      margin-bottom: 1rem; }

.story-wrapper h4 {
  font-size: var(--scale-0);
  font-weight: 700;
  margin-top: var(--space-2);
  margin-bottom: 0.5rem;
  font-family: "IBM Plex Mono", monospace; }

.story-wrapper hr {
  border: 0;
  height: 0;
  width: var(--scale-2);
  border-top: 1px solid var(--blackInk);
  padding-bottom: var(--space-1); }

.story-actions {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  margin-bottom: var(--space-4); }
  @media only screen and (min-width: 740px) {
    .story-actions {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: var(--space-2); } }

.story-actions a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  padding: 1rem var(--space-1);
  position: relative; }
  @media only screen and (min-width: 740px) {
    .story-actions a {
      grid-column: 2/12; } }
  @media only screen and (min-width: 980px) {
    .story-actions a {
      grid-column: 3/11; } }
  .story-actions a .action-tag {
    font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 0.778rem;
    font-weight: 700;
    letter-spacing: 0.044rem;
    text-transform: uppercase;
    margin-bottom: 0.8rem; }
  .story-actions a span {
    position: absolute;
    right: 1rem;
    top: 0.5rem; }
  .story-actions a:hover {
    background-color: var(--blackInk);
    color: var(--accent); }

.story-footnotes {
  color: var(--blackInk);
  font-size: 1rem;
  line-height: 1.4; }
  @media only screen and (min-width: 740px) {
    .story-footnotes {
      grid-column: 2/12; } }
  @media only screen and (min-width: 980px) {
    .story-footnotes {
      grid-column: 3/11; } }
  .story-footnotes .story-footnotes-title {
    border-top: 1px solid var(--blackInk);
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
    padding-top: var(--space-2);
    font-size: 1.2rem; }
  .story-footnotes ol {
    padding-left: 0;
    margin-left: 0; }
  .story-footnotes ol li {
    margin-bottom: 1rem; }
  .story-footnotes ol li p {
    display: inline; }
  .story-footnotes ol li a {
    display: inline; }
  .story-footnotes .footnote-backref {
    text-decoration: none; }

.story-footer {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: var(--scale-0);
  line-height: 1.2; }
  @media only screen and (min-width: 740px) {
    .story-footer {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: var(--space-2); } }
  .story-footer .story-footer-item span {
    display: block; }

.story-sidebar {
  grid-column: 1/4;
  margin-bottom: var(--space-6); }

.module-related {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  .module-related .section-title {
    border-top: 1px solid var(--blackInk);
    padding-top: var(--space-4);
    padding-left: 0;
    padding-right: 0; }
  .module-related .module-wrapper {
    padding-left: 0;
    padding-right: 0; }
  .module-related .trail-wrapper {
    margin-top: var(--space-3);
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .module-related .trail-wrapper span {
      width: 20rem; }

.story p.caption,
.story figcaption {
  font-size: 1rem;
  margin-top: calc(-1 * var(--space-1)); }

.story figcaption {
  text-align: center; }

.story .translations {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: var(--scale-0);
  line-height: 1.275;
  text-align: center; }
  @media only screen and (min-width: 740px) {
    .story .translations {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: var(--space-2); } }
  .story .translations ul {
    list-style-type: none; }
    .story .translations ul li {
      padding-bottom: var(--space-1); }
    .story .translations ul li.ar {
      font-family: 'Tajawal', sans-serif; }
    @media only screen and (min-width: 740px) {
      .story .translations ul {
        grid-column: 2/12; } }

.module-browse {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.module-browse .section-title {
  font-size: var(--scale-2);
  padding-bottom: var(--space-2);
  margin-bottom: 0;
  text-align: center; }

.module-browse .topics [id^="topic-"] {
  display: none; }

@media only screen and (min-width: 740px) {
  .module-browse .trail-wrapper span {
    margin-left: auto;
    margin-right: auto;
    width: 40%; } }
.module-browse .trail-wrapper .trail {
  justify-content: center; }

.module-browse .date {
  margin-top: 1rem;
  font-size: 0.85rem;
  opacity: 0.6; }

#select-topic {
  font-family: 'Telegraf-Regular', Arial, Helvetica, sans-serif;
  appearance: none;
  background-color: transparent;
  background-image: url(/images/dropdown.svg);
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  border: 0;
  border-bottom: 2px solid var(--blackInk);
  border-radius: 0;
  padding-right: 62px;
  position: relative;
  transition-duration: .4s;
  transition-property: background-image,color;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  color: var(--blackInk); }
  #select-topic:focus {
    min-width: 150px;
    width: auto; }

.module-story-list {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.module-story-list .section-title {
  padding-bottom: var(--space-2);
  margin-bottom: 0;
  border-bottom: 1px solid var(--blackInk);
  text-align: center; }
  .module-story-list .section-title a {
    font-size: var(--scale-2); }

.story-list-item {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2); }
  @media only screen and (min-width: 740px) {
    .story-list-item {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: var(--space-2); } }
  .story-list-item:not(:last-child) {
    border-bottom: 1px solid var(--blackInk); }
  .story-list-item .tag,
  .story-list-item .title-container,
  .story-list-item .image-container,
  .story-list-item .date {
    font-size: var(--scale-0);
    line-height: 1.2;
    grid-column: span 2; }
    .story-list-item .tag span,
    .story-list-item .title-container span,
    .story-list-item .image-container span,
    .story-list-item .date span {
      display: block; }
    @media (min-width: 1px) and (max-width: 740px) {
      .story-list-item .tag,
      .story-list-item .title-container,
      .story-list-item .image-container,
      .story-list-item .date {
        font-size: 1rem; } }
  .story-list-item .title-container {
    grid-column: 5/10; }
    .story-list-item .title-container a {
      font-size: var(--scale-0);
      display: inline-block; }
  .story-list-item .tag {
    order: -1; }
    @media (min-width: 1px) and (max-width: 740px) {
      .story-list-item .tag {
        display: block;
        margin-bottom: var(--space-1); } }
  .story-list-item .date {
    grid-column: 11/-1; }
    @media (min-width: 1px) and (max-width: 740px) {
      .story-list-item .date {
        margin-top: var(--space-1); }
        .story-list-item .date span {
          display: block; } }

.module-story-list .trail-wrapper {
  margin-top: var(--space-2); }
  .module-story-list .trail-wrapper span {
    margin: 0 auto; }
    @media only screen and (min-width: 740px) {
      .module-story-list .trail-wrapper span {
        width: 40%; } }
  .module-story-list .trail-wrapper .trail {
    justify-content: center; }

.module-featured-story {
  display: block;
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  text-align: center;
  text-decoration: none;
  margin-bottom: var(--space-8); }
  @media only screen and (min-width: 740px) {
    .module-featured-story {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: var(--space-2); } }

.module-featured-story .tag {
  grid-column: 3/11;
  font-size: 1rem;
  margin-bottom: var(--space-1); }

.module-featured-story .title {
  grid-column: 3/11;
  margin-bottom: var(--space-1);
  align-self: center; }
  .module-featured-story .title a {
    font-size: var(--scale-3); }

.module-featured-story .lead {
  grid-column: 3/11;
  margin-bottom: var(--space-1); }
  .module-featured-story .lead a, .module-featured-story .lead p {
    font-size: 1rem;
    line-height: 1.2; }

.module-featured-story .date {
  grid-column: 3/11;
  font-size: 1rem;
  margin-bottom: var(--space-1);
  opacity: 0.6; }

.module-featured-story .image-container {
  grid-column: 3/11;
  align-self: center; }
  @media only screen and (min-width: 740px) {
    .module-featured-story .image-container img {
      max-height: 40vw; } }

.module-featured-story .video-container {
  grid-column: 3/11;
  align-self: center; }
  @media only screen and (min-width: 740px) {
    .module-featured-story .video-container img {
      max-height: 40vw; } }

.story .story-updates {
  font-family: "IBM Plex Mono", monospace;
  border: 1px solid var(--blackInk);
  margin-left: var(--scale-1);
  margin-right: var(--scale-1);
  padding: var(--space-2);
  background-color: #fff; }
  @media only screen and (min-width: 740px) {
    .story .story-updates {
      width: 60%;
      margin-left: auto;
      margin-right: auto; } }
  .story .story-updates * {
    font-size: 1rem;
    line-height: 1.2; }
  .story .story-updates p {
    margin-bottom: var(--space-2); }

.ar header .title-container {
  font-family: 'Tajawal', sans-serif;
  direction: rtl; }

.ar .story-wrapper {
  font-family: 'Tajawal', sans-serif;
  direction: rtl; }
  .ar .story-wrapper strong {
    font-family: 'Tajawal', sans-serif; }
  .ar .story-wrapper ul,
  .ar .story-wrapper ol {
    margin-right: var(--space-4); }
    .ar .story-wrapper ul li,
    .ar .story-wrapper ol li {
      padding-right: var(--space-1);
      margin-bottom: var(--space-1); }

.ar .story-updates {
  font-family: 'Tajawal', sans-serif;
  direction: rtl; }

.topic .section-title {
  margin-top: var(--space-4);
  font-size: var(--scale-1);
  text-align: center; }
  @media only screen and (min-width: 740px) {
    .topic .section-title {
      font-size: var(--scale-3); } }

.module-project-story-list {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.module-project-story-list .section-title {
  line-height: 1;
  padding-bottom: var(--space-2);
  margin-bottom: 0;
  border-bottom: 1px solid var(--blackInk);
  text-align: left; }
  .module-project-story-list .section-title a {
    font-size: var(--scale-2); }

.project-story-list-item {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2); }
  @media only screen and (min-width: 740px) {
    .project-story-list-item {
      display: grid;
      grid-template-columns: 0.5fr 3.5fr 1.5fr;
      grid-gap: var(--space-2); } }
  .project-story-list-item:not(:last-child) {
    border-bottom: 1px solid var(--blackInk); }
  .project-story-list-item .tag,
  .project-story-list-item .date {
    font-size: var(--scale-0);
    line-height: 1.2; }
    .project-story-list-item .tag span,
    .project-story-list-item .date span {
      display: block; }
    @media (min-width: 1px) and (max-width: 740px) {
      .project-story-list-item .tag,
      .project-story-list-item .date {
        font-size: 1rem; } }
  .project-story-list-item .title-container a {
    display: block;
    background-color: var(--blackInk);
    color: #fff;
    padding: var(--space-2) var(--space-8) var(--space-8) var(--space-2);
    min-height: 10rem;
    font-size: var(--scale-1); }
    .project-story-list-item .title-container a:hover {
      background-color: var(--eastSide);
      color: var(--blackInk); }
  .project-story-list-item .tag {
    order: -1; }
    @media (min-width: 1px) and (max-width: 740px) {
      .project-story-list-item .tag {
        display: block;
        margin-bottom: var(--space-1); } }
  @media (min-width: 1px) and (max-width: 740px) {
    .project-story-list-item .date {
      margin-top: var(--space-1); }
      .project-story-list-item .date span {
        display: block; } }

.module-calendar .module-wrapper {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.module-calendar .section-title {
  margin-bottom: var(--space-2);
  font-size: var(--scale-1); }
  .module-calendar .section-title a {
    font-size: var(--scale-1); }

.events .module-calendar .section-title {
  text-align: left;
  font-size: var(--scale-3); }
  .events .module-calendar .section-title a {
    font-size: var(--scale-3); }

.event-item {
  padding-right: var(--space-1);
  will-change: padding;
  transition: padding 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .event-item .month {
    font-size: var(--scale-0); }
  .event-item .day {
    display: block;
    font-family: "IBM Plex Mono", monospace;
    font-size: var(--scale-4);
    font-weight: 300; }

a.event-item:hover {
  background-color: var(--blackInk);
  color: #fff;
  padding-left: var(--space-1);
  padding-right: 0; }

.event-list-item:first-child {
  border-top: 1px solid var(--blackInk);
  padding-top: var(--space-1); }

.event-item-wide {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: var(--space-2);
  padding-bottom: var(--space-4); }
  @media only screen and (min-width: 740px) {
    .event-item-wide {
      grid-template-columns: repeat(3, 1fr); } }
  .event-item-wide:not(:first-child) {
    padding-top: var(--space-2); }
  .event-item-wide:not(:last-child) {
    border-bottom: 1px solid var(--blackInk); }
  @media only screen and (min-width: 740px) {
    .event-item-wide.event-item-1 {
      grid-template-rows: auto 1fr; } }
  .event-item-wide .details {
    grid-column: 2/4; }
  .event-item-wide.event-item-1 .details {
    grid-row: 2/3; }

.event-meta {
  margin-top: var(--scale-2);
  font-size: var(--scale-0); }
  .event-meta span:not(:last-child) {
    margin-right: var(--scale-2); }

.event-image-grid {
  margin-top: var(--space-4);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .event-image-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--space-2); } }
  .event-image-grid figcaption {
    margin-top: 0;
    text-align: left; }

.time {
  font-size: var(--scale-0);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.time ul {
  list-style-type: none; }

.time ul li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--space-2);
  padding-top: var(--space-0);
  border-bottom: 1px solid var(--blackInk);
  padding-top: var(--space-1);
  padding-bottom: var(--space-1); }

.time ul li em {
  font-style: normal; }

.module-past-events {
  opacity: 0.5; }

.module-featured {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.module-featured .section-title {
  margin-bottom: var(--space-2);
  font-size: var(--scale-1); }

.module-featured .section-title-live {
  color: var(--sunSet); }
  .module-featured .section-title-live a {
    color: var(--sunSet); }

.section-title-live {
  color: var(--sunSet); }

.section-title-live span {
  animation: blink 1s linear infinite; }

@keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
.event-item-featured {
  grid-template-columns: 1fr; }
  @media only screen and (min-width: 740px) {
    .event-item-featured {
      grid-template-columns: repeat(3, 1fr); } }

.event-item-featured .details {
  grid-column: 1/1; }
  @media only screen and (min-width: 740px) {
    .event-item-featured .details {
      display: flex;
      flex-direction: column;
      justify-content: space-between; } }
  .event-item-featured .details .date {
    margin-bottom: var(--space-4); }
  .event-item-featured .details .event-title {
    font-size: var(--scale-2); }
  .event-item-featured .details .event-meta span {
    display: block; }

.video-container {
  grid-column: span 2; }

.module-featured-2 .module-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--space-2); }
  @media only screen and (min-width: 740px) {
    .module-featured-2 .module-wrapper {
      grid-template-columns: repeat(4, 1fr); } }

.event-item-half {
  display: grid;
  grid-gap: var(--space-2); }
  @media only screen and (min-width: 740px) {
    .event-item-half {
      grid-column: span 2;
      grid-template-columns: repeat(2, 1fr); } }
  .event-item-half .event-title {
    font-size: var(--scale-1); }
  .event-item-half .details {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  @media (min-width: 1px) and (max-width: 740px) {
    .event-item-half .image-container {
      order: -1; } }

.module-manifesto .intro {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  padding-left: var(--space-1);
  padding-right: var(--space-1);
  font-size: var(--scale-3);
  line-height: 1.6;
  letter-spacing: -0.4px;
  hyphens: auto; }
  .module-manifesto .intro::after {
    display: block;
    content: "";
    clear: both; }

.module-manifesto .credit {
  font-size: 1rem;
  display: block;
  margin-top: var(--space-1);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  opacity: 0.6;
  text-align: right;
  line-height: 1.4; }

@media (min-width: 1px) and (max-width: 980px) {
  .module-manifesto .intro img {
    margin-bottom: -1rem;
    width: var(--scale-7);
    height: var(--scale-7);
    display: inline;
    object-fit: cover;
    border-radius: 50%; }
    .module-manifesto .intro img:nth-of-type(1) {
      float: right;
      margin-left: var(--space-1); }
    .module-manifesto .intro img:nth-of-type(2) {
      float: left;
      margin-right: var(--space-1); }
    .module-manifesto .intro img:nth-of-type(3) {
      float: right;
      margin-left: var(--space-1); }
    .module-manifesto .intro img:nth-of-type(4) {
      float: left;
      margin-right: var(--space-1); }
    .module-manifesto .intro img:nth-of-type(5) {
      margin-left: var(--space-1);
      display: none; } }
@media (min-width: 980px) and (max-width: 980px) {
  .module-manifesto .intro img {
    margin-bottom: -1rem;
    width: var(--scale-8);
    height: var(--scale-8); } }
@media only screen and (min-width: 980px) {
  .module-manifesto .intro {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 8vw);
    grid-gap: var(--space-1);
    font-size: var(--scale-5);
    line-height: 1.4;
    hyphens: none; }

  .module-manifesto .intro span:nth-of-type(1) {
    grid-column: 1 / 10;
    grid-row: 1 / 1; }

  .module-manifesto .intro span:nth-of-type(2) {
    grid-column: 4 / 10;
    grid-row: 2 / 2; }

  .module-manifesto .intro span:nth-of-type(3) {
    grid-column: 4 / 10;
    grid-row: 3 / 3; }

  .module-manifesto .intro span:nth-of-type(4) {
    grid-column: 1 / -1;
    grid-row: 4 / 4;
    word-spacing: -0.8vw; }

  .module-manifesto .intro span:nth-of-type(5) {
    grid-column: 1 / 10;
    grid-row: 5 / 5;
    word-spacing: -0.7vw; }

  .module-manifesto .intro span:nth-of-type(6) {
    grid-column: 1 / 10;
    grid-row: 6 / auto;
    word-spacing: -0.7vw; }

  .module-manifesto .intro span:nth-of-type(7) {
    grid-column: 1 / 10;
    grid-row: 7 / 7; }

  .module-manifesto .intro span:nth-of-type(8) {
    margin-left: calc(-1 * var(--space-5));
    grid-column: 6 / -1;
    grid-row: 8 / auto; }

  .module-manifesto .intro span:nth-of-type(9) {
    margin-left: calc(-1 * var(--space-5));
    grid-column: 6 / 10;
    grid-row: 9 / 9; }

  .module-manifesto .intro span:nth-of-type(10) {
    margin-left: calc(-1 * var(--space-5));
    grid-column: 6 / 11;
    grid-row: 10 / 10; }

  .module-manifesto .intro img:nth-of-type(1) {
    grid-column: 10 / -1;
    grid-row: 1 / 3;
    padding-left: var(--space-3);
    padding-bottom: var(--space-2); }

  .module-manifesto .intro img:nth-of-type(2) {
    grid-column: 1 / 4;
    grid-row: 2 / 3; }

  .module-manifesto .intro img:nth-of-type(3) {
    grid-column: 9 / -1;
    grid-row: 5 / 8;
    padding-top: var(--space-2);
    padding-left: var(--space-1); }

  .module-manifesto .intro img:nth-of-type(4) {
    padding-right: var(--space-4);
    grid-column: 1 / 6;
    grid-row: 8 / -1;
    align-self: end; }

  .module-manifesto .intro img:nth-of-type(5) {
    padding-left: var(--space-6);
    grid-column: 10 / -1;
    grid-row: 9 / -1;
    align-self: center; } }
@media only screen and (min-width: 1200px) {
  .module-manifesto .intro {
    font-size: var(--scale-5);
    line-height: 1.2; } }
.module-manifesto-text {
  background-image: url(/images/focus.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40%; }

.press-item-quote {
  margin-top: var(--space-2); }
  .press-item-quote .quote {
    font-size: var(--scale-2); }

.press-item {
  display: block;
  padding-bottom: var(--space-2); }
  .press-item:not(:first-child) {
    padding-top: var(--space-2);
    border-top: 1px solid var(--blackInk); }
  .press-item .teaser {
    margin-bottom: var(--space-1); }
  .press-item .title {
    font-size: var(--scale-1); }
  .press-item .source {
    font-size: var(--scale-0);
    margin-top: var(--space-1); }

.dark .press-item {
  border-color: inherit; }

.card-graphic {
  height: 20rem;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-bottom: var(--space-2); }

.card-graphic.logo {
  background-size: 45%; }

.card-video-container {
  margin-bottom: var(--space-1); }

.page-wrapper .key-points {
  margin-top: var(--space-3);
  grid-row-gap: 0; }

.page-wrapper .key-point {
  position: relative;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--blackInk); }
  @media only screen and (min-width: 740px) {
    .page-wrapper .key-point:nth-child(-n+3) {
      border-top: 1px solid var(--blackInk); } }
  .page-wrapper .key-point .count,
  .page-wrapper .key-point .title {
    font-size: var(--scale-1); }
  .page-wrapper .key-point .title {
    margin-bottom: var(--space-2);
    display: block; }
  .page-wrapper .key-point .emphasized {
    margin-bottom: var(--space-4); }
  .page-wrapper .key-point .description {
    font-size: var(--scale-0); }
    .page-wrapper .key-point .description a:not(.button) {
      text-decoration: underline; }
  .page-wrapper .key-point a {
    color: inherit; }
  .page-wrapper .key-point .image-container {
    margin-bottom: var(--space-2); }
    .page-wrapper .key-point .image-container img {
      display: block; }
  .page-wrapper .key-point .graphic {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--space-2); }
    .page-wrapper .key-point .graphic img {
      display: block;
      width: 80%; }
  .page-wrapper .key-point .action {
    padding-top: var(--space-2);
    margin-top: auto; }
  .page-wrapper .key-point .action.label {
    font-size: var(--scale-0); }
    .page-wrapper .key-point .action.label a {
      display: block;
      padding-top: var(--space-1);
      padding-bottom: var(--space-1);
      will-change: padding;
      transition: padding 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .page-wrapper .key-point .action.label a:hover {
        padding-left: var(--space-1);
        padding-right: 0;
        background-color: var(--blackInk);
        color: #fff; }
  .page-wrapper .key-point.action.label {
    padding-bottom: 0; }

.dark .key-point {
  border-color: var(--sunDown); }
  @media only screen and (min-width: 740px) {
    .dark .key-point:nth-child(-n+3) {
      border-color: var(--sunDown); } }

.page-wrapper .key-points-horizontal {
  margin-top: 0; }
  .page-wrapper .key-points-horizontal .key-point:nth-child(-n+3) {
    border-top: 0; }
  .page-wrapper .key-points-horizontal .key-point {
    grid-column: span 8; }
  .page-wrapper .key-points-horizontal .key-point:first-child {
    border-top: 1px solid var(--blackInk); }
  .page-wrapper .key-points-horizontal .key-point .title {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between; }

.key-point.clickable {
  padding-right: var(--space-1);
  will-change: padding;
  transition: padding 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.key-point.clickable:hover {
  background-color: var(--blackInk);
  color: #fff;
  padding-left: var(--space-1);
  padding-right: 0; }

.module-text-list .text-list {
  margin-top: var(--space-6);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .module-text-list .text-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: var(--space-2); } }

.text-list-item {
  display: block;
  margin-bottom: var(--space-1); }

.module-text-links .text-links {
  margin-top: var(--space-4); }

a.button {
  display: inline-block;
  font-size: var(--scale-0);
  color: var(--blackInk);
  text-decoration: none;
  background-color: #fff;
  padding: var(--space-1);
  border: 1px solid var(--blackInk);
  will-change: transform; }
  a.button:hover {
    background-color: var(--blackInk);
    border-color: var(--blackInk);
    color: #fff; }

a.button:not(.no-margin) {
  margin-top: var(--space-3);
  margin-bottom: var(--space-5); }

a.button.no-bottom-margin {
  margin-bottom: 0; }

a.transparent {
  background-color: transparent;
  border-color: inherit; }

.dark a.button:hover {
  background-color: var(--sunDown);
  color: var(--blackInk); }

.trail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--space-2);
  margin-bottom: var(--space-2); }
  .trail .button {
    margin: 0; }
  .trail hr {
    flex: 1 auto;
    color: var(--blackInk);
    border-style: solid;
    margin-right: var(--space-1); }

a.button.with-logo {
  display: flex;
  justify-content: center;
  align-items: center; }
  a.button.with-logo img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: var(--space-1); }

.dark .trail hr {
  color: #fff; }

a.big-button {
  cursor: pointer; }
  a.big-button img {
    transform: scale(0.8) rotate(45deg);
    transition: all 0.2s ease-out; }
    a.big-button img:hover {
      transform: scale(0.9) rotate(0deg); }
      a.big-button img:hover svg {
        fill: var(--sunDown); }

a.cta-button {
  display: block;
  text-decoration: none;
  padding: 1rem var(--space-1);
  position: relative;
  border: 1px solid var(--blackInk);
  color: inherit; }
  a.cta-button .action-tag {
    font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 0.778rem;
    font-weight: 700;
    letter-spacing: 0.044rem;
    text-transform: uppercase;
    margin-bottom: 0.8rem; }
  a.cta-button span {
    position: absolute;
    right: 1rem;
    top: 0.5rem; }
  a.cta-button:hover {
    border-color: var(--blackInk);
    background-color: var(--blackInk);
    color: #fff; }

.dark a.cta-button {
  border-color: var(--sunDown); }
  .dark a.cta-button:hover {
    border-color: #fff; }

.circle.button {
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 4rem;
  height: 4rem; }
  .circle.button .icon {
    display: flex;
    align-items: center; }

@media only screen and (min-width: 740px) {
  .module-program-list .programs {
    padding-left: 0; } }
.module-program-list .program-teaser {
  margin-top: var(--space-1); }
.module-program-list h3 {
  margin-bottom: var(--space-1);
  text-transform: uppercase; }
  .module-program-list h3 a:hover {
    border-bottom: 3px solid var(--blackInk); }
.module-program-list .program-story a {
  display: grid;
  grid-template-columns: repeat(8, 1fr); }
  .module-program-list .program-story a img {
    grid-column: 1/-1; }
  .module-program-list .program-story a h4 {
    grid-column: 2/8;
    margin-top: var(--space-2); }
  .module-program-list .program-story a .arrow {
    margin-top: var(--space-3);
    grid-column: 2/2; }

@media only screen and (min-width: 740px) {
  body.projects {
    background-image: url("/images/purple-orange-magenta.svg");
    background-size: 28%;
    background-repeat: no-repeat;
    background-position: 95% 1%; } }
body.project .page-wrapper header h2 {
  font-size: var(--scale-5);
  hyphens: none; }
body.project .tags {
  grid-column: 1/6; }

.module-project-list .projects {
  margin-top: var(--space-3);
  grid-row-gap: 0; }

.projects .project {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--blackInk);
  transition: opacity 0.3s ease-out; }
  @media only screen and (min-width: 740px) {
    .projects .project:nth-child(-n+3) {
      border-top: 1px solid var(--blackInk); } }
  .projects .project .title h3 {
    font-size: var(--scale-1); }
  .projects .project .title {
    display: block; }
  .projects .project .description p {
    font-size: var(--scale-0); }
    .projects .project .description p a:not(.button) {
      text-decoration: underline; }
  .projects .project a {
    color: inherit; }
  .projects .project .tags {
    margin-top: var(--space-2); }
  .projects .project .project-details {
    margin-top: auto; }
  .projects .project .project-image-container {
    margin-top: var(--space-1);
    position: relative;
    overflow: hidden; }
  .projects .project .project-link-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--sunDown);
    font-size: var(--scale-0);
    opacity: 0; }
  .projects .project .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8rem 0;
    color: var(--blackInk); }
  .projects .project .project-image img {
    display: block; }
  .projects .project:hover .project-link-container {
    display: block;
    opacity: 1; }

.dark.projects .project {
  border-color: inherit; }

.checklist a {
  color: var(--blackInk); }

.module-checklist p {
  font-size: var(--scale-2);
  margin-bottom: 0; }
.module-checklist.dark {
  color: #fff; }
.module-checklist .button {
  margin-top: var(--space-1);
  margin-bottom: 0; }
.module-checklist .subtitle {
  display: none;
  font-size: var(--scale-4); }
  @media only screen and (min-width: 740px) {
    .module-checklist .subtitle {
      display: block; } }
.module-checklist:hover input, .module-checklist:hover button {
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid var(--coral); }

form.checklist-signup {
  display: flex;
  align-items: center; }
  form.checklist-signup label {
    flex: 1 auto; }
    form.checklist-signup label span {
      display: none; }
  form.checklist-signup input {
    display: block;
    border: 0;
    border-bottom: 1px solid var(--blackInk);
    margin: 0;
    padding-left: var(--scale-1);
    line-height: var(--scale-4);
    height: var(--scale-4);
    outline: 0;
    width: 100%;
    background-color: transparent;
    color: var(--blackInk); }
    form.checklist-signup input::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: var(--blackInk);
      opacity: 1;
      /* Firefox */ }
    form.checklist-signup input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: var(--blackInk); }
    form.checklist-signup input::-ms-input-placeholder {
      /* Microsoft Edge */
      color: var(--blackInk); }
  form.checklist-signup button {
    background: none;
    border: 0 none;
    height: var(--scale-4);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
    border-bottom: 1px solid var(--blackInk);
    cursor: pointer;
    color: var(--blackInk); }
    form.checklist-signup button:hover {
      background-color: var(--sunDown);
      color: var(--blackInk); }

form.checklist-signup.dark input {
  border-bottom: 1px solid #fff;
  color: #fff; }
  form.checklist-signup.dark input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff; }
  form.checklist-signup.dark input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff; }
  form.checklist-signup.dark input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff; }
form.checklist-signup.dark button {
  border-bottom: 1px solid #fff;
  color: #fff; }
  form.checklist-signup.dark button:hover {
    background-color: var(--sunDown);
    color: var(--blackInk); }

.product .page-wrapper header h2 {
  grid-column: 2/-2;
  text-align: center;
  hyphens: unset;
  padding-top: 0;
  margin-top: calc(-1 * var(--space-1)); }

.product .page-wrapper header h3 {
  grid-column: 2/-2;
  padding-top: var(--space-3);
  margin-bottom: 0;
  text-align: center; }
  @media (min-width: 1px) and (max-width: 740px) {
    .product .page-wrapper header h3 {
      margin-bottom: var(--space-2); } }
  .product .page-wrapper header h3 img {
    width: 120px; }
    @media only screen and (min-width: 740px) {
      .product .page-wrapper header h3 img {
        width: 180px; } }

.product .page-wrapper header .standfirst {
  grid-column: 3/-3;
  text-align: center;
  margin-top: 0; }
  @media (min-width: 1px) and (max-width: 740px) {
    .product .page-wrapper header .standfirst {
      margin-top: var(--space-1);
      padding-left: var(--space-3);
      padding-right: var(--space-3); } }

.module-product-cta div {
  display: flex;
  justify-content: center;
  align-items: center; }
  .module-product-cta div a {
    font-size: var(--scale-0);
    color: var(--blackInk);
    text-decoration: none; }
  .module-product-cta div a:not(:last-child) {
    margin-right: var(--space-3); }
  .module-product-cta div a:last-child:hover {
    text-decoration: underline; }

.module-product-disclaimer {
  text-align: center;
  font-size: 0.8rem; }
  .module-product-disclaimer a {
    color: inherit; }

.module-product-features h3 {
  padding-top: var(--space-5);
  padding-bottom: var(--space-3);
  color: var(--paleNavy); }
.module-product-features .product-feature {
  padding-left: var(--space-4);
  margin-bottom: var(--space-4); }
  @media only screen and (min-width: 740px) {
    .module-product-features .product-feature {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-column-gap: var(--space-3); } }
.module-product-features .product-feature-header span {
  display: block;
  margin-bottom: var(--space-1); }
.module-product-features .product-feature-header .number {
  color: var(--paleNavy);
  padding-top: var(--space-2);
  position: relative; }
  .module-product-features .product-feature-header .number:before {
    content: '';
    position: absolute;
    width: 8%;
    top: 0;
    border-top: 1px solid var(--paleNavy); }
.module-product-features .product-feature-header .title {
  color: var(--paleNavy); }
.module-product-features .product-feature-header .description {
  font-size: var(--scale-0); }

.module-product-hero .button {
  display: block;
  margin-bottom: 0; }

@media (min-width: 740px) and (max-width: 980px) {
  .main-grid.module-product-hero {
    padding-left: 0;
    padding-right: 0; } }
.module-updates .section-header {
  margin-bottom: var(--space-2);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: var(--scale-1); }

.module-updates .module-wrapper {
  display: grid;
  grid-gap: var(--space-4);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.update-grid-item a.tag {
  display: inline-block;
  font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 0.778rem;
  font-weight: 700;
  letter-spacing: 0.044rem;
  text-transform: uppercase;
  text-align: center;
  color: var(--accent);
  background-color: var(--blackInk);
  padding: 0.2rem 0.4rem;
  margin-bottom: 0.4rem; }

.update-grid-item .title {
  display: block;
  font-size: var(--scale-0); }

.update-grid-item:hover .title {
  text-decoration: underline;
  text-decoration-thickness: 2px; }

.update-grid-item .date {
  margin-top: 1rem;
  font-size: 0.85rem;
  opacity: 0.6; }

.update-grid-item .image-container img {
  width: 100%; }

@media only screen and (min-width: 740px) {
  .slick-initialized .tab-content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--space-2); } }
.slick-initialized .tab-text,
.slick-initialized .tab-image {
  grid-column: span 1; }
.slick-initialized .tab-image {
  position: relative; }
  .slick-initialized .tab-image .credit {
    font-size: 1rem;
    line-height: 1.4;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background-color: rgba(38, 38, 38, 0.6);
    padding: 1rem;
    width: 100%;
    color: #fff; }
.slick-initialized .tab-image img {
  width: 100%;
  object-fit: cover;
  height: 60vw; }
  @media only screen and (min-width: 740px) {
    .slick-initialized .tab-image img {
      height: 60vw; } }
  @media only screen and (min-width: 980px) {
    .slick-initialized .tab-image img {
      height: 42vw; } }
.slick-initialized .tab-text {
  display: grid;
  grid-template-rows: 0.5fr 1.5fr 2fr;
  padding: var(--space-2);
  height: 80vw; }
  @media only screen and (min-width: 740px) {
    .slick-initialized .tab-text {
      height: 60vw; } }
  @media only screen and (min-width: 980px) {
    .slick-initialized .tab-text {
      height: 42vw; } }
  .slick-initialized .tab-text h4 {
    margin-bottom: var(--space-2); }
  .slick-initialized .tab-text p {
    font-size: var(--scale-0); }
.slick-initialized .stat {
  align-self: end; }
  .slick-initialized .stat .stat-header {
    margin-bottom: var(--space-1);
    font-size: var(--scale-0); }
  .slick-initialized .stat .stat-number {
    font-size: var(--scale-6);
    line-height: 1; }
.slick-initialized .tab {
  height: var(--scale-4);
  background: none;
  border: 0;
  font-size: var(--scale-0);
  color: var(--blackInk);
  cursor: pointer;
  border-bottom: 2px solid var(--blackInk);
  padding-right: var(--space-1); }
  .slick-initialized .tab:hover {
    color: #fff; }
  .slick-initialized .tab.active-tab {
    border-bottom-color: #fff;
    color: #fff; }

.module-tabs {
  margin-left: var(--space-3);
  margin-right: var(--space-3); }

@media only screen and (min-width: 740px) {
  .module-user-quotes {
    display: grid;
    grid-gap: var(--space-2);
    grid-template-columns: repeat(12, 1fr); } }

.module-user-quotes .quotes {
  grid-column: 2/12;
  margin-top: var(--space-4);
  margin-bottom: var(--section-space); }

.quotes .icon {
  margin-bottom: var(--space-1); }

.quotes span {
  display: block; }

.quote {
  color: var(--checkBlue);
  font-size: var(--scale-1); }

.dark .quote {
  color: var(--lightNavy); }

.quotes .avatar {
  display: block;
  text-align: center;
  width: 150px;
  height: 150px;
  margin: var(--space-1) auto; }

.quote-by {
  font-size: var(--scale-1); }
  @media only screen and (min-width: 740px) {
    .quote-by {
      font-size: var(--scale-0); } }

.quote-by-title,
.quote-by-title a {
  margin-top: 0.5rem;
  font-size: 1rem; }

.about .quote,
.check .quote {
  color: #fff; }

.module-user-quotes .quotes {
  text-align: center; }

.user-quote {
  width: 100%; }

.module-contribute {
  color: #fff; }
  .module-contribute h4 {
    font-size: var(--scale-4);
    margin-bottom: var(--scale-1); }
  .module-contribute div:nth-of-type(1) {
    grid-row: span 2; }

.footer-newsletter {
  margin-left: var(--space-3);
  margin-right: var(--space-3);
  font-size: var(--scale-0); }
  .footer-newsletter form input {
    padding-left: 0; }
    .footer-newsletter form input::placeholder {
      opacity: 0.9; }
  .footer-newsletter form input,
  .footer-newsletter form button {
    color: rgba(38, 38, 38, 0.9);
    border-bottom-color: rgba(38, 38, 38, 0.6); }
  .footer-newsletter:hover input, .footer-newsletter:hover button {
    background-color: rgba(38, 38, 38, 0.2);
    border-bottom: 1px solid var(--coral); }

.dark .footer-newsletter form input::placeholder {
  opacity: 0.6; }
.dark .footer-newsletter form input,
.dark .footer-newsletter form button {
  color: rgba(255, 255, 255, 0.6);
  border-bottom-color: rgba(255, 255, 255, 0.6); }
.dark .footer-newsletter:hover input, .dark .footer-newsletter:hover button {
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid var(--coral); }

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--space-3) var(--space-2); }
  .footer-wrapper div {
    margin-top: var(--space-1); }
  .footer-wrapper span,
  .footer-wrapper a {
    display: inline-block;
    font-size: var(--scale-0);
    color: var(--blackInk);
    opacity: 0.9;
    text-decoration: none; }
  .footer-wrapper a:hover {
    opacity: 1; }
  .footer-wrapper .social ul {
    list-style: none;
    display: flex; }
  .footer-wrapper .social li {
    display: flex;
    align-items: center; }
  .footer-wrapper .social span {
    margin-right: var(--space-1); }
  .footer-wrapper .social a {
    padding-left: 2vw;
    padding-right: 2vw; }
    @media only screen and (min-width: 980px) {
      .footer-wrapper .social a {
        padding-left: var(--space-1);
        padding-right: var(--space-1); } }
  .footer-wrapper .top {
    display: flex;
    align-items: center; }

.top-border .footer-wrapper:before {
  content: '';
  position: absolute;
  left: var(--space-3);
  right: var(--space-3);
  border-top: 1px solid var(--blackInk); }

.dark .footer-wrapper {
  color: #fff; }
  .dark .footer-wrapper span,
  .dark .footer-wrapper a {
    color: #fff;
    opacity: 0.6;
    text-decoration: none; }
  .dark .footer-wrapper a:hover {
    opacity: 1; }
  .dark .footer-wrapper:before {
    border-color: rgba(255, 255, 255, 0.6); }

.nav-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: var(--blackInk);
  overflow: hidden;
  display: flex;
  flex-direction: column; }

.nav-content {
  color: var(--sunDown);
  margin-top: calc(var(--section-space) + var(--space-4)); }
  .nav-content h4 {
    margin-left: var(--space-3);
    margin-right: var(--space-3);
    font-size: var(--scale-0);
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--sunDown); }

.nav-content-items {
  display: flex;
  flex-wrap: wrap;
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.nav-content-items a {
  margin-right: var(--space-2);
  padding-top: var(--space-1);
  text-decoration: none;
  font-size: var(--scale-2);
  color: var(--sunDown);
  display: block;
  position: relative; }
  @media only screen and (min-width: 980px) {
    .nav-content-items a {
      font-size: var(--scale-3); } }
  @media only screen and (min-width: 1200px) {
    .nav-content-items a {
      font-size: var(--scale-4); } }
  .nav-content-items a:not(:last-child):after {
    content: '—';
    margin-left: var(--space-2);
    position: relative; }

/* When you mouse over the navigation links, change their color */
.nav-overlay a:hover,
.nav-overlay a:focus {
  color: #fff; }

.nav-footer {
  margin-top: var(--section-space);
  margin-left: var(--space-3);
  margin-right: var(--space-3);
  margin-bottom: var(--space-2);
  padding-bottom: var(--space-1);
  border-top: 1px solid var(--sunDown);
  display: flex;
  flex-wrap: wrap; }
  .nav-footer a {
    color: var(--sunDown);
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
    margin-right: var(--space-2);
    font-size: var(--scale-0);
    text-decoration: none; }

.nav-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: var(--blackInk);
  overflow: hidden;
  display: flex;
  flex-direction: column; }

.nav-content {
  color: var(--sunDown);
  margin-top: calc(var(--section-space) + var(--space-4)); }
  .nav-content h4 {
    margin-left: var(--space-3);
    margin-right: var(--space-3);
    font-size: var(--scale-0);
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--sunDown); }

.nav-content-items {
  display: flex;
  flex-wrap: wrap;
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

.nav-content-items a {
  margin-right: var(--space-2);
  padding-top: var(--space-1);
  text-decoration: none;
  font-size: var(--scale-2);
  color: var(--sunDown);
  display: block;
  position: relative; }
  @media only screen and (min-width: 980px) {
    .nav-content-items a {
      font-size: var(--scale-3); } }
  @media only screen and (min-width: 1200px) {
    .nav-content-items a {
      font-size: var(--scale-4); } }
  .nav-content-items a:not(:last-child):after {
    content: '—';
    margin-left: var(--space-2);
    position: relative; }

/* When you mouse over the navigation links, change their color */
.nav-overlay a:hover,
.nav-overlay a:focus {
  color: #fff; }

.nav-footer {
  margin-top: var(--section-space);
  margin-left: var(--space-3);
  margin-right: var(--space-3);
  margin-bottom: var(--space-2);
  padding-bottom: var(--space-1);
  border-top: 1px solid var(--sunDown);
  display: flex;
  flex-wrap: wrap; }
  .nav-footer a {
    color: var(--sunDown);
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
    margin-right: var(--space-2);
    font-size: var(--scale-0);
    text-decoration: none; }

.team-list {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  margin-bottom: var(--section-space);
  font-size: var(--scale-0); }
  @media only screen and (min-width: 740px) {
    .team-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: var(--space-2); } }
  @media only screen and (min-width: 980px) {
    .team-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: var(--space-2); } }
  .team-list .team-member {
    margin-bottom: var(--space-4); }
    .team-list .team-member span {
      display: block; }

@media only screen and (min-width: 740px) {
  .module-image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1.2fr 0.5fr 0.5fr 1fr;
    grid-gap: 0; } }
@media only screen and (min-width: 980px) {
  .module-image-grid {
    padding-left: var(--space-3);
    padding-right: var(--space-3); } }
.module-image-grid .text {
  grid-column: 1 / 3;
  grid-row: 1 / 4;
  padding: var(--space-3) var(--space-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .module-image-grid .text .stat {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr fr;
    grid-gap: var(--space-1);
    border-top: 1px solid var(--blackInk);
    margin-top: var(--space-2);
    padding-top: var(--space-2); }
    .module-image-grid .text .stat .stat-title {
      grid-column: 1 / 3;
      grid-row: 1 / 1;
      margin-bottom: var(--space-1);
      font-size: var(--scale-0); }
    .module-image-grid .text .stat .stat-number {
      font-size: var(--scale-7);
      line-height: 1; }
    .module-image-grid .text .stat .stat-description {
      font-size: var(--scale-0);
      align-self: center; }
.module-image-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden; }
.module-image-grid img:nth-of-type(1) {
  grid-column: 3 / 5; }
.module-image-grid img:nth-of-type(2) {
  grid-column: 3 / 4;
  grid-row: 2 / 3; }
.module-image-grid img:nth-of-type(3) {
  grid-column: 3 / 4;
  grid-row: 3 / 4; }
.module-image-grid img:nth-of-type(4) {
  grid-column: 4 / 5;
  grid-row: 2 / 4; }
.module-image-grid img:nth-of-type(5) {
  grid-column: 1 / 2;
  grid-row: 4 / 4; }
.module-image-grid img:nth-of-type(6) {
  grid-column: 2 / 4;
  grid-row: 4 / 4; }
.module-image-grid img:nth-of-type(7) {
  grid-column: 4 / 4;
  grid-row: 4 / 4; }
.module-image-grid span.credit {
  grid-column: 1 / 3;
  font-size: 1rem;
  padding-top: var(--space-1); }

.job .story-wrapper ul:nth-of-type(1) {
  margin-left: 0;
  list-style: none;
  font-family: "IBM Plex Mono", monospace;
  padding-left: 0; }
  .job .story-wrapper ul:nth-of-type(1) li {
    padding-left: 0;
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--blackInk); }

@media only screen and (min-width: 740px) {
  .job .story-wrapper > p,
  .job .story-wrapper a,
  .job .story-wrapper ul,
  .job .story-wrapper ol,
  .job .story-wrapper h2,
  .job .story-wrapper h3,
  .job .story-wrapper h4 {
    grid-column: 4/-1; } }
@media only screen and (min-width: 980px) {
  .job .story-wrapper > p,
  .job .story-wrapper a,
  .job .story-wrapper ul,
  .job .story-wrapper ol,
  .job .story-wrapper h2,
  .job .story-wrapper h3,
  .job .story-wrapper h4 {
    grid-column: 4/11; } }

.publication {
  color: var(--accent); }

.publication .page-wrapper header h2 {
  grid-column: 2/-2;
  text-align: center;
  font-family: "GT Super Display Super", "Times New Roman", "Times", serif;
  font-size: var(--scale-4);
  letter-spacing: -0.04rem;
  line-height: 0.95;
  padding-top: 0;
  hyphens: unset; }
  @media only screen and (min-width: 740px) {
    .publication .page-wrapper header h2 {
      font-size: 5.556rem; } }

.publication .page-wrapper header h3 {
  grid-column: 2/-2;
  padding-top: var(--space-3);
  margin-bottom: 0;
  font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 0.778rem;
  font-weight: 700;
  letter-spacing: 0.044rem;
  text-transform: uppercase;
  text-align: center; }

.publication .page-wrapper header .standfirst {
  grid-column: 2/-2;
  text-align: center;
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
  font-size: var(--scale-1);
  color: var(--sunDown);
  margin-top: 0; }
  @media (min-width: 1px) and (max-width: 740px) {
    .publication .page-wrapper header .standfirst {
      margin-top: var(--space-1);
      padding-left: var(--space-3);
      padding-right: var(--space-3); } }
  .publication .page-wrapper header .standfirst span {
    display: block; }
  .publication .page-wrapper header .standfirst .byline {
    color: #fff; }

@media only screen and (min-width: 740px) {
  .publication-cover {
    margin: 0 auto;
    max-height: 40vw; } }
.publication-wrapper {
  margin-bottom: var(--space-8); }

.section-meta,
.section-icon {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  text-align: center; }

.section-icon {
  width: 140px;
  margin-left: auto;
  margin-right: auto; }

.section-meta {
  margin-top: var(--section-space);
  margin-bottom: var(--space-4); }
  .section-meta span {
    display: block; }
  .section-meta .section-number,
  .section-meta .section-name {
    grid-column: 5/-5; }
  .section-meta .section-number {
    font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.044rem;
    font-size: 0.778rem;
    font-weight: 700; }
  .section-meta .section-name {
    font-family: "GT Super Display Super", "Times New Roman", "Times", serif;
    font-size: var(--scale-3);
    line-height: 0.95;
    letter-spacing: -0.04rem; }
    @media (min-width: 1px) and (max-width: 740px) {
      .section-meta .section-name {
        margin-top: var(--space-1); } }
  .section-meta .section-intro {
    grid-column: 3/-3;
    font-size: var(--scale-0); }
    @media (min-width: 1px) and (max-width: 740px) {
      .section-meta .section-intro {
        margin-top: var(--space-1); } }

.report-wrapper {
  grid-template-columns: repeat(auto-fit, minmax(Min(8em, 100%), 1fr));
  grid-gap: var(--space-2);
  grid-auto-flow: row;
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  .report-wrapper .report {
    background-color: var(--black);
    text-align: center;
    grid-column: span 6;
    padding: var(--space-1) 0;
    color: #fff; }
  .report-wrapper a {
    color: inherit;
    text-decoration: inherit; }

.report-list-wrapper {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: 1.2rem; }
  .report-list-wrapper a {
    color: inherit;
    text-decoration: inherit; }
  .report-list-wrapper .report-list-item:not(:first-child) {
    margin-bottom: var(--space-2); }
  .report-list-wrapper .report-list-item-row {
    display: grid;
    grid-template-columns: 0.1fr 0.9fr 2fr 0.5fr 0.5fr;
    grid-gap: var(--space-2);
    grid-auto-flow: column; }
  .report-list-wrapper .report-list-item-row-header {
    padding-bottom: var(--space-1); }
    .report-list-wrapper .report-list-item-row-header span:nth-of-type(1) {
      grid-column: span 2; }
  .report-list-wrapper .report-link {
    border-top: 1px solid var(--accent);
    padding-top: var(--space-2); }
  .report-list-wrapper span {
    text-align: left; }
  .report-list-wrapper .report-title {
    font-size: var(--scale-1); }

.report .report-title {
  font-family: "GT Super Display Super", "Times New Roman", "Times", serif;
  font-size: var(--scale-3);
  line-height: 0.8;
  letter-spacing: -0.04rem; }

.report .report-intro {
  display: block;
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
  font-size: var(--scale-0);
  margin-top: 0.278rem;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto; }

.report .report-byline {
  display: block;
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
  font-size: var(--scale-0);
  margin-top: 0.278rem; }

.report .image-wrapper {
  margin-top: var(--space-3); }

@media only screen and (min-width: 740px) {
  .report .page-wrapper header h1 {
    grid-column: 6 / -1; } }
@media only screen and (min-width: 980px) {
  .report .page-wrapper header h1 {
    grid-column: 5 / -1; } }
.report .title-wrapper {
  grid-column: 1/-1;
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  padding-bottom: var(--space-4); }

.report .title-container {
  padding: 0;
  display: flex;
  flex-direction: column; }
  .report .title-container .title {
    font-family: "GT Super Display Super", "Times New Roman", "Times", serif;
    font-size: var(--scale-3);
    letter-spacing: -0.04rem;
    line-height: 0.95; }
  .report .title-container .intro {
    margin-top: 0.278rem;
    font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
    font-size: var(--scale-0);
    flex-grow: 1; }
  .report .title-container .meta {
    font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
    color: #fff;
    font-size: var(--scale-0); }
    .report .title-container .meta .byline {
      display: block; }

@media (min-width: 1px) and (max-width: 740px) {
  .report .title-container {
    text-align: center; }
    .report .title-container .title {
      font-size: var(--scale-4);
      letter-spacing: -0.04rem;
      line-height: 0.95; }
    .report .title-container .intro {
      margin-top: 0.278rem;
      font-size: var(--scale-1);
      order: 3; }
    .report .title-container .meta {
      font-size: var(--scale-1);
      order: 4; }
    .report .title-container .report-graphic {
      order: 2;
      margin-top: var(--space-3);
      margin-bottom: var(--space-3); } }
@media only screen and (min-width: 740px) {
  .report .title-container {
    text-align: center; }
    .report .title-container .title {
      font-size: var(--scale-5);
      letter-spacing: -0.04rem;
      line-height: 0.95; }
    .report .title-container .intro {
      margin-top: 0.278rem;
      font-size: var(--scale-1);
      order: 3; }
    .report .title-container .meta {
      font-size: var(--scale-1);
      order: 4; }
    .report .title-container .report-graphic {
      order: 2;
      margin-top: var(--space-3);
      margin-bottom: var(--space-3); } }
@media only screen and (min-width: 980px) {
  .report .title-container {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 0.8fr;
    grid-column-gap: var(--space-2);
    grid-row-gap: 0;
    justify-content: start; }
    .report .title-container .title {
      font-size: var(--scale-3);
      letter-spacing: -0.04rem;
      line-height: 0.95;
      grid-column: 1; }
    .report .title-container .intro {
      font-size: var(--scale-0);
      order: 2;
      grid-column: 1; }
    .report .title-container .meta {
      font-size: var(--scale-0);
      order: 3;
      grid-column: 1;
      align-self: end; }
    .report .title-container .report-graphic {
      order: 4;
      grid-column: 2;
      grid-row: 1/-1;
      display: flex;
      align-items: center;
      justify-content: flex-end; } }
    @media only screen and (min-width: 980px) and (min-width: 1px) and (max-width: 740px) {
      .report .title-container .report-graphic {
        margin-top: var(--space-2); } }
    @media only screen and (min-width: 980px) and (min-width: 980px) {
      .report .title-container .report-graphic .lead_image {
        height: 40vw; } }

@media only screen and (min-width: 980px) {
  .covid-19-and-china-s-information-control-policy .title-container {
    grid-template-columns: 0.85fr 1.05fr; }
    .covid-19-and-china-s-information-control-policy .title-container .report-graphic {
      align-items: center;
      justify-content: flex-end; } }
.report .story-wrapper {
  font-family: "Inter", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 1.111rem;
  line-height: 1.275; }
  .report .story-wrapper em, .report .story-wrapper strong {
    font-family: "Inter", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif; }
  .report .story-wrapper em {
    font-style: italic; }
  .report .story-wrapper > p,
  .report .story-wrapper a,
  .report .story-wrapper ul,
  .report .story-wrapper ol,
  .report .story-wrapper h2,
  .report .story-wrapper h3,
  .report .story-wrapper h4,
  .report .story-wrapper .u-responsive-ratio {
    color: var(--blackInk); }
    @media only screen and (min-width: 740px) {
      .report .story-wrapper > p,
      .report .story-wrapper a,
      .report .story-wrapper ul,
      .report .story-wrapper ol,
      .report .story-wrapper h2,
      .report .story-wrapper h3,
      .report .story-wrapper h4,
      .report .story-wrapper .u-responsive-ratio {
        grid-column: 4/-1; } }
    @media only screen and (min-width: 980px) {
      .report .story-wrapper > p,
      .report .story-wrapper a,
      .report .story-wrapper ul,
      .report .story-wrapper ol,
      .report .story-wrapper h2,
      .report .story-wrapper h3,
      .report .story-wrapper h4,
      .report .story-wrapper .u-responsive-ratio {
        grid-column: 4/11; } }
  .report .story-wrapper > p,
  .report .story-wrapper > ul,
  .report .story-wrapper > ol {
    margin-bottom: var(--space-2); }
  .report .story-wrapper h2,
  .report .story-wrapper h3,
  .report .story-wrapper h4 {
    font-family: "Inter", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: 700; }
  .report .story-wrapper h2 {
    font-size: 2.222rem;
    margin-top: var(--space-3); }
  .report .story-wrapper h3 {
    font-size: 1.778rem;
    margin-top: var(--space-2); }
  .report .story-wrapper h4 {
    font-size: 1.333rem;
    margin-top: var(--space-1); }
  .report .story-wrapper sup {
    top: -.5rem;
    font-size: .8rem; }
    .report .story-wrapper sup:hover {
      opacity: .6; }

.report .report-note {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sunSet);
  margin-bottom: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .report .report-note {
      grid-column: 4/-1; } }
  @media only screen and (min-width: 980px) {
    .report .report-note {
      grid-column: 4/12; } }

.report .report-introduction {
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
  font-size: var(--scale-1);
  color: var(--green);
  margin-bottom: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .report .report-introduction {
      grid-column: 4/-1; } }
  @media only screen and (min-width: 980px) {
    .report .report-introduction {
      grid-column: 4/12; } }
  .report .report-introduction a {
    color: var(--green); }

.report .story-wrapper ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  .report .story-wrapper ul li {
    padding-left: 0;
    margin-bottom: var(--space-1);
    border-top: 1px solid var(--blackInk); }
    .report .story-wrapper ul li:not(:first-child) {
      padding-top: var(--space-1); }
    .report .story-wrapper ul li:first-child {
      border-top: 0; }
  .report .story-wrapper ul ul, .report .story-wrapper ul ol {
    margin-left: 2.2rem; }
    .report .story-wrapper ul ul li, .report .story-wrapper ul ol li {
      border: 0;
      padding-left: 0.25rem; }
      .report .story-wrapper ul ul li:not(:first-child), .report .story-wrapper ul ol li:not(:first-child) {
        padding-top: 0; }
      .report .story-wrapper ul ul li:first-child, .report .story-wrapper ul ol li:first-child {
        margin-top: var(--space-1); }
  .report .story-wrapper ul ul {
    margin-top: 1rem;
    list-style: disc; }
  .report .story-wrapper ul ol {
    margin-top: 1rem;
    list-style: decimal; }

.report .story-wrapper ol {
  padding-left: 1rem;
  margin-left: 2.2rem; }
  .report .story-wrapper ol ul, .report .story-wrapper ol ol {
    margin-left: 2.2rem; }
    .report .story-wrapper ol ul li, .report .story-wrapper ol ol li {
      border: 0;
      padding-left: 0.25rem; }
      .report .story-wrapper ol ul li:not(:first-child), .report .story-wrapper ol ol li:not(:first-child) {
        padding-top: 0; }
      .report .story-wrapper ol ul li:first-child, .report .story-wrapper ol ol li:first-child {
        margin-top: var(--space-1); }
  .report .story-wrapper ol ul {
    margin-top: 1rem;
    list-style: disc; }
  .report .story-wrapper ol ol {
    margin-top: 1rem;
    list-style: decimal; }

.report .story-wrapper ol li {
  padding-left: 0.25rem; }
  .report .story-wrapper ol li:not(:last-child) {
    margin-bottom: 1rem; }

.report .story-wrapper ol li p {
  display: inline; }

.report .story-wrapper ol li a {
  display: inline; }

.report-sidebar {
  order: -1;
  grid-column: 1/4;
  grid-row: span 6;
  margin-bottom: var(--space-6);
  font-size: 1.222rem; }

.report-sidebar {
  order: -1;
  grid-column: 1/4;
  grid-row: span 6;
  margin-bottom: var(--space-6);
  font-size: 1.222rem;
  color: var(--blackInk); }

.report-footer {
  font-family: "Inter", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--sunSet); }
  .report-footer a {
    color: var(--sunSet); }
  .report-footer .report-footer-item {
    border-top: 1px solid var(--sunSet);
    padding-top: var(--space-1);
    padding-bottom: var(--space-1); }
    @media only screen and (min-width: 980px) {
      .report-footer .report-footer-item {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--space-2); } }
  .report-footer span:nth-of-type(1) {
    grid-column: 1/3; }
  .report-footer span:nth-of-type(2) {
    grid-column: 4/10; }

.report-footnotes ol {
  padding-left: var(--space-1); }
.report-footnotes ol li {
  margin-bottom: 1rem; }
.report-footnotes ol li p {
  display: inline; }
.report-footnotes ol li a {
  display: inline; }
.report-footnotes .footnote-backref {
  text-decoration: none; }

.report-references ul,
.report-authors ul {
  list-style-type: none; }
.report-references ul li,
.report-authors ul li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }
  .report-references ul li:not(:last-child),
  .report-authors ul li:not(:last-child) {
    border-bottom: 1px solid var(--sunDown); }

@media only screen and (min-width: 740px) {
  .values {
    background-image: url("//images.ctfassets.net/g118h5yoccvd/7fokmGqMl9grHW4Dv5d51Y/81034b5d4a9a3b4eaf379be96caddc85/background_rework.svg");
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: top left; } }
.values .page-wrapper .standfirst {
  grid-column: 1 / 9;
  padding-left: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .values .page-wrapper .standfirst {
      margin-bottom: 32rem; } }

.value-wrapper {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  color: var(--blackInk); }
  .value-wrapper:nth-of-type(1) {
    background-color: var(--texasRose); }
  .value-wrapper:nth-of-type(2) {
    background-color: var(--sunDown); }
  .value-wrapper:nth-of-type(3) {
    background-color: var(--eastSide); }
  .value-wrapper:nth-of-type(4) {
    background-color: var(--cornflowerBlue); }
  .value-wrapper:nth-of-type(5) {
    background-color: var(--coral); }
  .value-wrapper:nth-of-type(6) {
    background-color: var(--softOrange); }
  .value-wrapper:nth-of-type(7) {
    background-color: var(--brightGreen); }

@media only screen and (min-width: 740px) {
  .value-wrapper .value {
    max-width: 32%; } }

.module-tabs-donate .slick-initialized .tab {
  color: var(--sunDown);
  border-color: var(--sunDown);
  padding-left: var(--space-1);
  display: flex;
  align-items: center; }
  .module-tabs-donate .slick-initialized .tab:hover {
    border-bottom-color: #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2); }
  .module-tabs-donate .slick-initialized .tab.active-tab {
    border-bottom-width: 8px;
    border-bottom-color: #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }
.module-tabs-donate .slick-initialized .single:hover {
  color: var(--coral);
  border-bottom-color: var(--coral); }
.module-tabs-donate .slick-initialized .single.active-tab {
  border-bottom-color: var(--coral);
  color: var(--coral); }
.module-tabs-donate .slick-initialized .monthly:hover {
  color: var(--lightNavy);
  border-bottom-color: var(--lightNavy); }
.module-tabs-donate .slick-initialized .monthly.active-tab {
  border-bottom-color: var(--lightNavy);
  color: var(--lightNavy); }
.module-tabs-donate .slick-initialized .annual:hover {
  color: var(--deepSea);
  border-bottom-color: var(--deepSea); }
.module-tabs-donate .slick-initialized .annual.active-tab {
  border-bottom-color: var(--deepSea);
  color: var(--deepSea); }
.module-tabs-donate .slick-initialized h4 {
  color: var(--sunDown); }
.module-tabs-donate .slick-initialized .tab-text {
  padding-left: 0;
  padding-bottom: 0; }
  @media only screen and (min-width: 740px) {
    .module-tabs-donate .slick-initialized .tab-text {
      height: 60vw; } }
  @media only screen and (min-width: 980px) {
    .module-tabs-donate .slick-initialized .tab-text {
      height: 45vw; } }
.module-tabs-donate .slick-initialized .tab-image img {
  height: 60vw; }
  @media only screen and (min-width: 740px) {
    .module-tabs-donate .slick-initialized .tab-image img {
      height: 60vw; } }
  @media only screen and (min-width: 980px) {
    .module-tabs-donate .slick-initialized .tab-image img {
      height: 45vw; } }
.module-tabs-donate .slick-initialized .tab-content-wrapper {
  color: var(--sunDown); }
.module-tabs-donate .slick-initialized .smallprint p {
  color: var(--silver);
  font-size: 0.8rem; }

.smallprint p {
  font-size: 0.8rem;
  margin-top: var(--space-1); }
  .smallprint p a {
    font-size: inherit;
    color: inherit; }
  @media only screen and (min-width: 980px) {
    .smallprint p {
      line-height: 1.2; } }
  .smallprint p + p {
    margin-top: 0.8rem; }

.donate-options {
  margin-top: auto; }

.campaign .donate-options {
  margin-top: var(--space-2); }

.capsules {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--space-1); }

.capsules button {
  display: inline-block;
  background-color: transparent;
  padding: 1rem 0.5rem;
  border: 1px solid var(--sunDown);
  color: var(--sunDown);
  font-size: var(--scale-0);
  font-family: 'Telegraf-Regular', Arial, Helvetica, sans-serif;
  outline: 0; }
  .capsules button:hover {
    cursor: pointer;
    color: var(--blackInk);
    background-color: var(--sunDown); }

.dots {
  display: flex; }

.dots button {
  background-color: transparent;
  border: 1px solid;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: inherit;
  font-size: var(--scale-0);
  font-family: 'Telegraf-Regular', Arial, Helvetica, sans-serif;
  outline: 0; }
  .dots button:not(:last-child) {
    margin-right: var(--space-1); }
  .dots button:hover {
    cursor: pointer;
    color: var(--blackInk);
    background-color: var(--sunDown); }

body.annual {
  color: var(--vividBlue);
  background: linear-gradient(180deg, #ADD9F7 0%, #ADD9F7 15.03%, #E2DFC4 25.94%, #E7E2B2 38.28%, #A2A7FF 48.13%, #A3A8FF 79.71%, #EE82F3 86.87%);
  height: 100vh; }
  body.annual .callout text {
    fill: var(--vividBlue); }
  body.annual h2 {
    font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
    font-size: var(--scale-3);
    letter-spacing: -0.1rem;
    line-height: 0.95;
    color: var(--vividBlue); }

.annual header .meedan svg {
  fill: var(--vividBlue); }

.annual header .menu-icon svg {
  stroke: var(--vividBlue); }

.annual header .cursor {
  border-color: var(--vividBlue); }

body.annual .page-wrapper .standfirst {
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif; }
  body.annual .page-wrapper .standfirst a {
    color: var(--vividBlue); }
body.annual .page-wrapper .key-point {
  border-color: var(--vividBlue); }
body.annual .page-wrapper .donate-options button:hover {
  background-color: var(--vividBlue);
  border-color: var(--vividBlue);
  color: #fff; }
body.annual .page-wrapper .small-hr:before {
  border-color: var(--vividBlue); }
body.annual .page-wrapper a.transparent {
  color: var(--vividBlue);
  border-color: var(--vividBlue); }
  body.annual .page-wrapper a.transparent:hover {
    background-color: var(--vividBlue);
    color: #fff; }
body.annual .page-wrapper .smallprint a {
  text-decoration: underline;
  color: var(--vividBlue); }
body.annual .page-wrapper form.checklist-signup:hover input, body.annual .page-wrapper form.checklist-signup:hover button {
  background-color: rgba(255, 255, 255, 0.2); }
body.annual .page-wrapper form.checklist-signup input {
  color: var(--vividBlue);
  font-family: "GT Super Display Bold", "Times New Roman", "Times", serif;
  border-color: var(--vividBlue); }
  body.annual .page-wrapper form.checklist-signup input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--vividBlue);
    opacity: 1;
    /* Firefox */ }
  body.annual .page-wrapper form.checklist-signup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--vividBlue); }
  body.annual .page-wrapper form.checklist-signup input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--vividBlue); }
body.annual .page-wrapper form.checklist-signup button {
  border-color: var(--vividBlue);
  color: var(--vividBlue); }
  body.annual .page-wrapper form.checklist-signup button:hover {
    background-color: var(--vividBlue);
    color: #fff; }

.module-partner-list .partners {
  grid-row-gap: 0; }
  .module-partner-list .partners h3 {
    margin-bottom: 0; }

.partners .partner {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: var(--space-2);
  padding-bottom: var(--space-2); }
  .partners .partner:not(:first-child) {
    align-items: center; }

.partner-logos {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: var(--space-2);
  align-items: center;
  margin-top: var(--space-4); }
  .partner-logos img {
    width: auto;
    height: 60px; }

.contact-form {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2); }

.form-group {
  border-top: 1px solid var(--blackInk); }
  .form-group:last-child {
    border-bottom: 1px solid var(--blackInk); }

.contact-form .form-group-last {
  border-bottom: 1px solid var(--blackInk); }

.contact-form label {
  display: block;
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: 500;
  line-height: 4vw;
  height: 4vw; }

@media (min-width: 1px) and (max-width: 740px) {
  .contact-form label {
    font-size: 3vw;
    line-height: 8vw;
    height: 8vw; } }
.contact-form input,
.contact-form textarea {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 5vw;
  height: 5vw;
  outline: 0;
  width: 100%;
  background-color: transparent;
  font-weight: 400;
  font-size: 2vw;
  color: var(--blackInk); }
  .contact-form input::placeholder,
  .contact-form textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--blackInk);
    opacity: 1;
    /* Firefox */ }
  .contact-form input:-ms-input-placeholder,
  .contact-form textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--blackInk); }
  .contact-form input::-ms-input-placeholder,
  .contact-form textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--blackInk); }

.contact-form textarea {
  padding-top: 1vw;
  line-height: 1; }

@media (min-width: 1px) and (max-width: 740px) {
  .contact-form input,
  .contact-form textarea {
    font-size: 4vw;
    line-height: 16vw;
    height: 16vw; }

  .contact-form textarea {
    line-height: 1; } }
.contact-form button {
  background-color: var(--blackInk);
  color: #fff;
  display: block;
  border: 0;
  margin: var(--space-1) 0 var(--space-2) 0;
  padding: 0;
  line-height: 5vw;
  height: 5vw;
  outline: 0;
  width: 100%;
  font-size: 2vw;
  cursor: pointer; }
  .contact-form button:hover {
    color: var(--blackInk);
    background-color: var(--sunDown); }

@media (min-width: 1px) and (max-width: 740px) {
  .contact-form button {
    font-size: 6vw;
    line-height: 12vw;
    height: 12vw; } }
.callout-horizontal-wrapper {
  overflow-x: hidden;
  border-top: 1px solid var(--blackInk);
  border-bottom: 1px solid var(--blackInk); }

.callout-horizontal {
  display: flex;
  align-items: center;
  width: max-content;
  height: max-content;
  overflow-x: hidden;
  padding-top: var(--space-1);
  padding-bottom: var(--space-1); }

.callout-horizontal-content {
  width: max-content;
  animation: callout 12s linear infinite;
  padding-left: var(--space-2);
  padding-right: var(--space-2); }
  .callout-horizontal-content span {
    padding-left: var(--space-2); }

.callout-horizontal:hover .callout-horizontal-content {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused; }

@keyframes callout {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }
#chartdiv {
  width: 100%;
  height: 300px;
  color: #fff; }
  @media only screen and (min-width: 740px) {
    #chartdiv {
      height: 400px; } }
  @media only screen and (min-width: 980px) {
    #chartdiv {
      height: 800px; } }

.map {
  display: block;
  background-color: var(--blackInk);
  font-size: var(--scale-0);
  color: #fff; }

@media only screen and (min-width: 740px) {
  .module-featured-2-columns .module-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0; } }

.module-featured-2-columns {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  .module-featured-2-columns.bleed {
    padding-left: 0;
    padding-right: 0; }
  .module-featured-2-columns.bleed-left {
    padding-left: 0; }
  .module-featured-2-columns.bleed-right {
    padding-right: 0; }
  .module-featured-2-columns .tag {
    font-family: "IBM Plex Sans", -apple-system, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 0.778rem;
    font-weight: 700;
    letter-spacing: 0.044rem;
    text-transform: uppercase;
    margin-bottom: var(--space-2); }
  .module-featured-2-columns .title {
    font-size: var(--scale-3); }
    .module-featured-2-columns .title a {
      text-decoration: underline;
      text-decoration-color: var(--blackInk);
      text-decoration-thickness: 0.2rem;
      text-underline-offset: 0.5rem;
      text-decoration-skip-ink: auto; }
  .module-featured-2-columns .text {
    padding: var(--space-2);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .module-featured-2-columns .description {
    margin-top: var(--space-2);
    font-size: var(--scale-0); }
  .module-featured-2-columns .cutout {
    padding-left: var(--space-3);
    padding-right: var(--space-3); }
    .module-featured-2-columns .cutout img {
      width: 100%; }

.module-featured-2-columns.clickable .graphic {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0; }

.module-featured-2-columns.clickable .graphic img {
  display: block;
  width: 100%;
  will-change: transform;
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.module-featured-2-columns.clickable:hover .graphic img {
  transform: scale(1.08);
  transform-origin: 50% 50%; }

.module-featued-media-cta {
  will-change: transform; }
  .module-featued-media-cta .description {
    margin-top: var(--space-1);
    margin-bottom: var(--space-1);
    font-size: var(--scale-0); }
  .module-featued-media-cta .cta a {
    font-size: var(--scale-1); }
  .module-featued-media-cta:hover .cta a {
    color: #fff;
    border-color: var(--blackInk);
    background-color: var(--blackInk); }
    .module-featued-media-cta:hover .cta a .icon {
      animation: bounce 500ms ease infinite; }

@keyframes bounce {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(8px); }
  100% {
    transform: translateY(0px); } }
.page-wrapper .resources {
  margin-top: var(--space-3);
  grid-column-gap: 0;
  grid-row-gap: 0; }

.page-wrapper .resource {
  position: relative;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--blackInk); }
  @media only screen and (min-width: 740px) {
    .page-wrapper .resource {
      padding-right: var(--space-1);
      padding-left: var(--space-1);
      border-right: 1px solid var(--blackInk); }
      .page-wrapper .resource:nth-child(3n+0) {
        border-right: 0;
        padding-right: 0; }
      .page-wrapper .resource:nth-child(4n+0) {
        padding-left: 0; }
      .page-wrapper .resource:nth-child(-n+3) {
        border-top: 1px solid var(--blackInk); }
      .page-wrapper .resource:first-child {
        padding-left: 0; }
      .page-wrapper .resource:last-child {
        border-right: 0; } }
  .page-wrapper .resource .tag {
    font-size: 1rem;
    margin-bottom: var(--space-1); }
  .page-wrapper .resource .description {
    font-size: var(--scale-0);
    display: block; }
  .page-wrapper .resource .title {
    font-size: var(--scale-1);
    margin-bottom: var(--space-2); }
  .page-wrapper .resource a {
    color: inherit; }
  .page-wrapper .resource:hover .title {
    text-decoration: underline;
    text-decoration-thickness: 2px; }

:root {
  --black: #1A1A1A;
  --blackInk: #262626;
  --sunDown: #FFB2B2;
  --sunSet: #E74640;
  --brightRed: #FF4D7E;
  --softRed: #DE4B53;
  --paleRed: #F2A7BE;
  --accent: #F2DEDC;
  --checkBlue: #2D77FC;
  --vividBlue: #0055DD;
  --coral: #FF864D;
  --eastSide: #9F82C4;
  --palePurple: #BAA5D4;
  --cornflowerBlue: #5F9EE5;
  --texasRose: #FFB34D;
  --deepSea: #008D5E;
  --green: #04733B;
  --brightGreen: #36B687;
  --green30: #3DCA86;
  --silver: #A7A7A7;
  --softOrange: #DAA06D;
  --brightGreen:#36B687;
  --brightNavy: #3358d5;
  --lightNavy: #7798FF;
  --paleNavy: #C1CCF4;
  --paleBlue: #BBD6F4;
  --brightYellow: #FDEA51;
  --softSalmon: #FFB5A6;
  --lightCyan: #88D3E5;
  --yellowGreen: #F3FC83;
  --greenCyan: #83E4AC;
  --yellowOrage: #FFB34D;
  --int: 1.333;
  --scale-0: 4vw;
  --scale--1: calc(var(--scale-0) / var(--int));
  --scale--2: calc(var(--scale-1) / var(--int));
  --scale-1: calc(var(--scale-0) * var(--int));
  --scale-2: calc(var(--scale-1) * var(--int));
  --scale-2-5: calc(var(--scale-1) * 1.18 * var(--int));
  --scale-3: calc(var(--scale-2) * var(--int));
  --scale-4: calc(var(--scale-3) * var(--int));
  --scale-5: calc(var(--scale-4) * var(--int));
  --scale-6: calc(var(--scale-5) * var(--int));
  --scale-7: calc(var(--scale-6) * var(--int));
  --scale-8: calc(var(--scale-7) * var(--int));
  --scale-9: calc(var(--scale-8) * var(--int));
  --scale-10: calc(var(--scale-9) * var(--int));
  --font-size-1: 1.4vw;
  --space-1: 1rem;
  --space-2: 1.250rem;
  --space-3: 1.667rem;
  --space-4: 2.222rem;
  --space-5: 3.333rem;
  --space-6: 4.444rem;
  --space-7: 5.556rem;
  --space-8: 5.556rem;
  --section-space: var(--space-6); }
  @media only screen and (min-width: 740px) {
    :root {
      --scale-0: 2.4vw; } }
  @media only screen and (min-width: 980px) {
    :root {
      --scale-0: 1.8vw; } }
  @media only screen and (min-width: 740px) {
    :root {
      --space-1: 1.250rem;
      --space-2: 1.667rem;
      --space-3: 2.222rem;
      --space-4: 3.333rem;
      --space-5: 4.444rem;
      --space-6: 5.556rem;
      --space-7: 5.556rem;
      --section-space: var(--space-7);
      --space-8: 7.778rem; } }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0; }

html {
  font-size: 3vmin;
  line-height: 1.12;
  scroll-behavior: smooth;
  color: var(--blackInk); }
  @media only screen and (min-width: 740px) {
    html {
      font-size: 18px; } }

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

figure.graphic,
.main-grid,
footer {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  overflow: visible; }
  figure.graphic.bleed,
  .main-grid.bleed,
  footer.bleed {
    padding-left: 0;
    padding-right: 0; }
  figure.graphic.bleed-left,
  .main-grid.bleed-left,
  footer.bleed-left {
    padding-left: 0; }
  figure.graphic.bleed-right,
  .main-grid.bleed-right,
  footer.bleed-right {
    padding-right: 0; }

@media only screen and (max-width: 375px) {
  *[class^="main-grid__"] {
    margin-bottom: var(--space-2); }
    *[class^="main-grid__"] .bleed {
      padding-left: 0;
      padding-right: 0; }
    *[class^="main-grid__"] .bleed-left {
      padding-left: 0; }
    *[class^="main-grid__"] .bleed-right {
      padding-right: 0; } }
@media only screen and (min-width: 740px) {
  figure.graphic,
  .main-grid,
  header,
  footer {
    display: grid;
    grid-gap: var(--space-2);
    grid-template-columns: repeat(12, 1fr); }

  .menu {
    grid-column: 1 / 6; }

  .front h1,
  .page-wrapper h1 {
    grid-column: 6 / 10;
    align-self: center;
    line-height: 1; } }
@media only screen and (min-width: 980px) {
  figure.graphic,
  .main-grid,
  header,
  footer {
    display: grid;
    grid-gap: var(--space-2);
    grid-template-columns: repeat(12, 1fr); }

  .menu {
    grid-column: 1 / 5; }

  .front h1,
  .page-wrapper h1 {
    grid-column: 5 / 8;
    align-self: center;
    line-height: 1; } }
header svg:not(:root) {
  overflow: visible; }

.front header {
  padding-bottom: var(--space-3); }

.site:not([data-menu]) .header .nav-overlay {
  visibility: hidden; }

.site[data-menu] {
  overflow: hidden; }

.site[data-menu] .header .menu {
  z-index: 99;
  background-color: var(--sunDown);
  position: relative;
  width: 100%; }
.site[data-menu] .header .nav-overlay {
  visibility: visible; }

header .meedan {
  z-index: 100;
  display: flex;
  align-items: center; }

header .meedan svg {
  fill: var(--blackInk); }

.front:not([data-menu]) header .meedan svg {
  fill: var(--sunDown); }

.front[data-menu] header .meedan svg,
.team[data-menu] header .meedan svg,
.values[data-menu] header .meedan svg,
.campaign[data-menu] header .meedan svg,
.publication[data-menu] header .meedan svg,
.report[data-menu] header .meedan svg,
.project[data-menu] header .meedan svg,
.projects[data-menu] header .meedan svg,
.programs[data-menu] header .meedan svg,
.program[data-menu] header .meedan svg {
  fill: var(--blackInk); }

header .menu-icon svg {
  stroke: var(--blackInk); }

.front:not([data-menu]) .menu-icon svg {
  stroke: var(--sunDown); }

.front[data-menu] .menu-icon svg,
.team[data-menu] .menu-icon svg,
.campaign[data-menu] .menu-icon svg,
.report[data-menu] .menu-icon svg,
.publication[data-menu] .menu-icon svg,
.projects[data-menu] .menu-icon svg,
.project[data-menu] .menu-icon svg,
.programs[data-menu] .menu-icon svg,
.program[data-menu] .menu-icon svg {
  stroke: var(--blackInk); }

.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--space-2);
  padding-left: var(--space-3);
  padding-right: var(--space-2);
  padding-bottom: var(--space-2); }
  .menu .menu-icon {
    height: 2rem;
    display: flex;
    align-items: center; }
  .menu:hover {
    cursor: pointer; }
    .menu:hover svg {
      fill: var(--blackInk); }

header h1 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  font-size: var(--scale-2);
  margin: 0;
  align-self: center; }
  @media only screen and (min-width: 980px) {
    header h1 {
      font-size: var(--scale-1); } }
  header h1 a {
    color: var(--blackInk);
    text-decoration: none; }

.dark h1 a {
  color: var(--sunDown); }

@media (min-width: 1px) and (max-width: 740px) {
  .page-wrapper header h1,
  .front header h1 {
    padding-left: var(--space-3); }

  .page-wrapper header h2,
  .front h2 {
    padding-right: 2rem; } }
.page-wrapper header h2 {
  grid-column: 1 / 11;
  font-size: var(--scale-5);
  line-height: 1;
  padding-top: var(--space-5);
  padding-left: var(--space-3);
  overflow-wrap: break-word;
  hyphens: auto; }
  @media only screen and (min-width: 980px) {
    .page-wrapper header h2 {
      font-size: var(--scale-6); } }

.front {
  background-color: var(--accent); }

.front header h2 {
  grid-column: 1 / 12;
  font-size: var(--scale-2);
  padding-top: var(--space-5);
  padding-left: var(--space-3); }
  @media only screen and (min-width: 980px) {
    .front header h2 {
      grid-column: 1 / 10; } }
  @media only screen and (min-width: 980px) {
    .front header h2 {
      font-size: var(--scale-2); } }

.front .graphic {
  position: relative; }

.front .graphic img {
  grid-column: 2 / 12; }

@media only screen and (min-width: 980px) {
  .front .graphic img {
    grid-column: 2 / -2; } }
.front .graphic:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 68%;
  background-color: var(--blackInk);
  z-index: -1; }

.callout {
  position: absolute;
  white-space: nowrap;
  top: var(--space-4);
  right: var(--space-4);
  overflow: visible;
  pointer-events: none; }

#text-path {
  pointer-events: visible; }

@media (min-width: 1px) and (max-width: 740px) {
  .callout {
    display: none; } }
.callout text {
  font-size: var(--scale-2);
  fill: var(--blackInk); }
  @media only screen and (min-width: 980px) {
    .callout text {
      font-size: var(--scale-1); } }

.dark .callout text {
  fill: var(--sunDown); }

.dark p a {
  color: inherit; }

.cursor {
  visibility: hidden;
  opacity: 0;
  width: var(--space-6);
  height: var(--space-6);
  border: 2px solid var(--blackInk);
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 111;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--scale-0); }
  .cursor .close {
    display: none; }

.front .cursor,
.team .cursor,
.publication .cursor,
.values .cursor {
  border-color: var(--sunDown); }

.cursor.cursor-active {
  visibility: visible;
  opacity: 1; }

.site[data-menu] .cursor .close {
  display: inline; }
.site[data-menu] .cursor .open {
  display: none; }

.front[data-menu] .cursor,
.team[data-menu] .cursor,
.report[data-menu] .cursor,
.publication[data-menu] .cursor,
.values[data-menu] .cursor,
.campaign[data-menu] .cursor,
.project[data-menu] .cursor,
.projects[data-menu] .cursor,
.programs[data-menu] .cursor,
.program[data-menu] .cursor {
  color: var(--blackInk);
  border-color: var(--blackInk); }