@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 {
  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 {
    font-weight: normal; }

.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-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; } }
@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); } }
.display--block {
  display: block; }

.flex {
  display: flex; }

.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--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--bright-yellow {
  color: var(--brightYellow);
  border-color: var(--brightYellow) !important; }

.color--texas-rose {
  color: var(--texasRose);
  border-color: var(--texasRose) !important; }

.color--light-navy {
  color: var(--lightNavy);
  border-color: var(--lightNavy) !important; }

.color--east-side {
  color: var(--eastSide);
  border-color: var(--eastSide) !important; }

.color--deep-sea {
  color: var(--deepSea);
  border-color: var(--deepSea) !important; }

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

.color--white {
  color: #fff;
  border-color: #fff !important; }

.color--silver {
  color: var(--silver);
  border-color: var(--silver) !important; }

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

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

.module-bg-color--light-navy {
  color: var(--lightNavy);
  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--black-ink {
  background-color: var(--blackInk);
  color: var(--paleBlue); }

.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; }

.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); }

.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); }

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

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

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

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

.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%); }

.projects {
  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); }

.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 a:not(.button) {
  color: var(--blackInk);
  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); }

.module p + p {
  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); }
  .module-details h3, .module-details p, .module-details a, .module-details p a {
    font-size: var(--scale-0); }

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

.module-bg-half {
  padding: var(--space-2) 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; } }

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

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

.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) {
  .grid-template-columns--2 .module-wrapper {
    grid-template-columns: repeat(2, 1fr); }

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

  .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); }

.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); } }

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

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

.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-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 .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-calendar {
  padding-left: var(--space-3);
  padding-right: var(--space-3); }

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

.events .section-title {
  text-align: left; }

.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; }

.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); }

.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 {
  grid-column: span 4;
  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 .description {
    font-size: var(--scale-0); }
    .page-wrapper .key-point .description a:not(.button) {
      text-decoration: underline; }
  .page-wrapper .key-point a {
    color: inherit; }

.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); } }

.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); }
  a.button:hover {
    background-color: var(--blackInk);
    color: var(--sunDown); }

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; }

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

.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-title {
  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-template-columns: repeat(2, 1fr);
  grid-gap: var(--space-4);
  padding-left: var(--space-3);
  padding-right: var(--space-3); }
  @media only screen and (min-width: 740px) {
    .module-updates .module-wrapper {
      grid-template-columns: repeat(4, 1fr); } }

.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 .date {
  margin-top: 1rem;
  font-size: 0.85rem;
  opacity: 0.6; }

@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); }

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

.quotes span {
  display: block; }

.quote {
  color: var(--checkBlue); }

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

.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; }

.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; }

:root {
  --black: #1A1A1A;
  --blackInk: #262626;
  --sunDown: #FFB2B2;
  --sunSet: #E74640;
  --accent: #F2DEDC;
  --checkBlue: #2D77FC;
  --vividBlue: #0055DD;
  --coral: #FF864D;
  --eastSide: #9F82C4;
  --cornflowerBlue: #5F9EE5;
  --texasRose: #FFB34D;
  --deepSea: #008D5E;
  --green: #04733B;
  --silver: #A7A7A7;
  --softOrange: #DAA06D;
  --brightGreen:#36B687;
  --brightNavy: #3358d5;
  --lightNavy: #6F89E2;
  --paleNavy: #C1CCF4;
  --paleBlue: #BBD6F4;
  --brightYellow: #FDEA51;
  --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%; }

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); }

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

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

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

.team[data-menu] header .meedan svg {
  fill: var(--blackInk); }

.values[data-menu] header .meedan svg {
  fill: var(--blackInk); }

.campaign[data-menu] header .meedan svg {
  fill: var(--blackInk); }

.publication[data-menu] header .meedan svg {
  fill: var(--blackInk); }

.report[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 {
  stroke: var(--blackInk); }

.team[data-menu] .menu-icon svg {
  stroke: var(--blackInk); }

.values[data-menu] .menu-icon svg {
  stroke: var(--blackInk); }

.campaign[data-menu] .menu-icon svg {
  stroke: var(--blackInk); }

.report[data-menu] .menu-icon svg {
  stroke: var(--blackInk); }

.publication[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; }

header.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; }

@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,
.report .cursor,
.publication .cursor,
.values .cursor,
.campaign .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 {
  color: var(--blackInk);
  border-color: var(--blackInk); }