@font-face {
  font-family: "Tofino";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/Tofino-Regular.woff2") format("woff2"),
       url("/assets/fonts/Tofino-Regular.woff") format("woff"),
       url("/assets/fonts/Tofino-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Tofino";
  font-style: italic;
  font-weight: normal;
  src: url("/assets/fonts/Tofino-RegularItalic.woff2") format("woff2"),
       url("/assets/fonts/Tofino-RegularItalic.woff") format("woff"),
       url("/assets/fonts/Tofino-RegularItalic.otf") format("opentype");
}

@font-face {
  font-family: "Tofino";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/Tofino-Bold.woff2") format("woff2"),
       url("/assets/fonts/Tofino-Bold.woff") format("woff"),
       url("/assets/fonts/Tofino-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Tofino";
  font-style: italic;
  font-weight: bold;
  src: url("/assets/fonts/Tofino-BoldItalic.woff2") format("woff2"),
       url("/assets/fonts/Tofino-BoldItalic.woff") format("woff"),
       url("/assets/fonts/Tofino-BoldItalic.otf") format("opentype");
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/SourceSerifPro-Regular.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceSerifPro-Regular.otf.woff") format("woff"),
       url("/assets/fonts/SourceSerifPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: italic;
  font-weight: normal;
  src: url("/assets/fonts/SourceSerifPro-It.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceSerifPro-It.otf.woff") format("woff"),
       url("/assets/fonts/SourceSerifPro-It.otf") format("opentype");
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/SourceSerifPro-Bold.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceSerifPro-Bold.otf.woff") format("woff"),
       url("/assets/fonts/SourceSerifPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: italic;
  font-weight: bold;
  src: url("/assets/fonts/SourceSerifPro-BoldIt.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceSerifPro-BoldIt.otf.woff") format("woff"),
       url("/assets/fonts/SourceSerifPro-BoldIt.otf") format("opentype");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/SourceCodePro-Regular.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceCodePro-Regular.otf.woff") format("woff"),
       url("/assets/fonts/SourceCodePro-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/SourceCodePro-Bold.otf.woff2") format("woff2"),
       url("/assets/fonts/SourceCodePro-Bold.otf.woff") format("woff"),
       url("/assets/fonts/SourceCodePro-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Permanent Marker";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/PermanentMarker.ttf") format("truetype");
}

/* Colors */

/* Blocks */

/* Spacing */

/* 320px */

/* 512px */

/* 768px */

/* 1024px */

/* 1280px */

/* 1920px */

/* 2560px */

/* Typography */

/* Animation */

/* Frame */

/* The Utility Class mixin maps our mixins to standalone classes */

/* Color mixins */

/* Block mixins */

/* Spacing mixins */

/* Typography mixins */

/* Rules define the basic aspects of our styles,
including colors, spacing, typography, and animation.
They also contain utility classes that express
singular aspects of these rules for prototyping. */

.o90, .o9 {
  opacity: 0.90;
}

.o70, .o7 {
  opacity: 0.70;
}

.o50, .o5 {
  opacity: 0.50;
}

.o30, .o3 {
  opacity: 0.30;
}

.o10, .o1 {
  opacity: 0.10;
}

.black {
  color: #191919;
  fill: #191919;
}

.bg--black {
  background-color: #191919;
}

.black-90 {
  color: rgba(25, 25, 25, .90);
  fill: rgba(25, 25, 25, .90);
}

.bg--black-90 {
  background-color: rgba(25, 25, 25, .90);
}

.black-70 {
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70);
}

.bg--black-70 {
  background-color: rgba(25, 25, 25, .70);
}

.black-50 {
  color: rgba(25, 25, 25, .50);
  fill: rgba(25, 25, 25, .50);
}

.bg--black-50 {
  background-color: rgba(25, 25, 25, .50);
}

.black-30 {
  color: rgba(25, 25, 25, .30);
  fill: rgba(25, 25, 25, .30);
}

.bg--black-30 {
  background-color: rgba(25, 25, 25, .30);
}

.black-10 {
  color: rgba(25, 25, 25, .10);
  fill: rgba(25, 25, 25, .10);
}

.bg--black-10 {
  background-color: rgba(25, 25, 25, .10);
}

.white {
  color: #ffffff;
  fill: #ffffff;
}

.bg--white {
  background-color: #ffffff;
}

.white-90 {
  color: rgba(255, 255, 255, .90);
  fill: rgba(255, 255, 255, .90);
}

.bg--white-90 {
  background-color: rgba(255, 255, 255, .90);
}

.white-70 {
  color: rgba(255, 255, 255, .70);
  fill: rgba(255, 255, 255, .70);
}

.bg--white-70 {
  background-color: rgba(255, 255, 255, .70);
}

.white-50 {
  color: rgba(255, 255, 255, .50);
  fill: rgba(255, 255, 255, .50);
}

.bg--white-50 {
  background-color: rgba(255, 255, 255, .50);
}

.white-30 {
  color: rgba(255, 255, 255, .30);
  fill: rgba(255, 255, 255, .30);
}

.bg--white-30 {
  background-color: rgba(255, 255, 255, .30);
}

.white-10 {
  color: rgba(255, 255, 255, .10);
  fill: rgba(255, 255, 255, .10);
}

.bg--white-10 {
  background-color: rgba(255, 255, 255, .10);
}

.pink {
  color: #ff2679;
  fill: #ff2679;
}

.bg--pink {
  background-color: #ff2679;
}

.red {
  color: #ec7590;
  fill: #ec7590;
}

.bg--red {
  background-color: #ec7590;
}

.yellow {
  color: #f2a06c;
  fill: #f2a06c;
}

.bg--yellow {
  background-color: #f2a06c;
}

.green {
  color: #77b9b9;
  fill: #77b9b9;
}

.bg--green {
  background-color: #77b9b9;
}

.blue {
  color: #5480e0;
  fill: #5480e0;
}

.bg--blue {
  background-color: #5480e0;
}

.purple {
  color: #7e50bd;
  fill: #7e50bd;
}

.bg--purple {
  background-color: #7e50bd;
}

.navy {
  color: #1e2563;
  fill: #1e2563;
}

.bg--navy {
  background-color: #1e2563;
}

.facebook-color {
  color: #385084;
  fill: #385084;
}

.bg--facebook-color {
  background-color: #385084;
}

.twitter-color {
  color: #399ECC;
  fill: #399ECC;
}

.bg--twitter-color {
  background-color: #399ECC;
}

.rss-color {
  color: #EB6041;
  fill: #EB6041;
}

.bg--rss-color {
  background-color: #EB6041;
}

.reddit-color {
  color: #FF5B00;
  fill: #FF5B00;
}

.bg--reddit-color {
  background-color: #FF5B00;
}

.flipboard-color {
  color: #CC0000;
  fill: #CC0000;
}

.bg--flipboard-color {
  background-color: #CC0000;
}

.pocket-color {
  color: #F43B53;
  fill: #F43B53;
}

.bg--pocket-color {
  background-color: #F43B53;
}

*::-moz-selection {
  background-color: rgba(255, 38, 121, .30);
}

*::selection {
  background-color: rgba(255, 38, 121, .30);
}

/* Themes */

.light {
  color: rgba(25, 25, 25, .90);
  fill: rgba(25, 25, 25, .90);
  background-color: #ffffff;
}

.dark {
  color: rgba(255, 255, 255, .90);
  fill: rgba(255, 255, 255, .90);
  background-color: #191919;
}

/* These rules inform the appearance of our blocks, the elementary form of HTML elements. */

/* Display */

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

/* Size Display */

.show--xs {
  display: none;
}

@media (min-width: 20em) {

  .show--xs {
    display: unset;
  }
}

.show--s {
  display: none;
}

@media (min-width: 32em) {

  .show--s {
    display: unset;
  }
}

.show--m {
  display: none;
}

@media (min-width: 48em) {

  .show--m {
    display: unset;
  }
}

.show--l {
  display: none;
}

@media (min-width: 64em) {

  .show--l {
    display: unset;
  }
}

.show--xl {
  display: none;
}

@media (min-width: 80em) {

  .show--xl {
    display: unset;
  }
}

/* Position */

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: calc(40px + 1.5rem);
}

@media (min-width: 48em) {

  .sticky-top {
    top: calc(60px + 1.5rem);
  }
}

/* Border */

.border {
  border: 1px solid;
}

.border-radius {
  border-radius: 4px;
}

.round {
  border-radius: 9999px;
}

/* Decoration */

.box-shadow {
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
}

.drop-shadow {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.background-blur {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.border-color--black {
  border-color: #191919;
}

.bt--black {
  border-top: 1px solid #191919;
}

.bb--black {
  border-bottom: 1px solid #191919;
}

.border-color--black-90 {
  border-color: rgba(25, 25, 25, .90);
}

.bt--black-90 {
  border-top: 1px solid rgba(25, 25, 25, .90);
}

.bb--black-90 {
  border-bottom: 1px solid rgba(25, 25, 25, .90);
}

.border-color--black-70 {
  border-color: rgba(25, 25, 25, .70);
}

.bt--black-70 {
  border-top: 1px solid rgba(25, 25, 25, .70);
}

.bb--black-70 {
  border-bottom: 1px solid rgba(25, 25, 25, .70);
}

.border-color--black-50 {
  border-color: rgba(25, 25, 25, .50);
}

.bt--black-50 {
  border-top: 1px solid rgba(25, 25, 25, .50);
}

.bb--black-50 {
  border-bottom: 1px solid rgba(25, 25, 25, .50);
}

.border-color--black-30 {
  border-color: rgba(25, 25, 25, .30);
}

.bt--black-30 {
  border-top: 1px solid rgba(25, 25, 25, .30);
}

.bb--black-30 {
  border-bottom: 1px solid rgba(25, 25, 25, .30);
}

.border-color--black-10 {
  border-color: rgba(25, 25, 25, .10);
}

.bt--black-10 {
  border-top: 1px solid rgba(25, 25, 25, .10);
}

.bb--black-10 {
  border-bottom: 1px solid rgba(25, 25, 25, .10);
}

.border-color--white {
  border-color: #ffffff;
}

.bt--white {
  border-top: 1px solid #ffffff;
}

.bb--white {
  border-bottom: 1px solid #ffffff;
}

.border-color--white-90 {
  border-color: rgba(255, 255, 255, .90);
}

.bt--white-90 {
  border-top: 1px solid rgba(255, 255, 255, .90);
}

.bb--white-90 {
  border-bottom: 1px solid rgba(255, 255, 255, .90);
}

.border-color--white-70 {
  border-color: rgba(255, 255, 255, .70);
}

.bt--white-70 {
  border-top: 1px solid rgba(255, 255, 255, .70);
}

.bb--white-70 {
  border-bottom: 1px solid rgba(255, 255, 255, .70);
}

.border-color--white-50 {
  border-color: rgba(255, 255, 255, .50);
}

.bt--white-50 {
  border-top: 1px solid rgba(255, 255, 255, .50);
}

.bb--white-50 {
  border-bottom: 1px solid rgba(255, 255, 255, .50);
}

.border-color--white-30 {
  border-color: rgba(255, 255, 255, .30);
}

.bt--white-30 {
  border-top: 1px solid rgba(255, 255, 255, .30);
}

.bb--white-30 {
  border-bottom: 1px solid rgba(255, 255, 255, .30);
}

.border-color--white-10 {
  border-color: rgba(255, 255, 255, .10);
}

.bt--white-10 {
  border-top: 1px solid rgba(255, 255, 255, .10);
}

.bb--white-10 {
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.bt {
  border-top: 1px solid;
}

.bb {
  border-bottom: 1px solid;
}

.overflow-hidden, .overflow--hidden {
  overflow: hidden;
}

.no-scroll {
  overflow: hidden;
}

.vertical-align--middle { vertical-align: middle; }

.vertical-align--baseline { vertical-align: baseline; }

.w100  { width: 100%;  }

.max-w100 { max-width: 100%; }

.h100  { height: 100%; }

.autocolumns {
  column-gap: 1rem;
  column-count: 1
}

@media (min-width: 32em) {

  .autocolumns {
    column-count: 2;
  }
  }

@media (min-width: 48em) {

  .autocolumns {
    column-count: 3;
  }
  }

.ws--nowrap { white-space: nowrap; }

.avoid-break {
  break-inside: avoid
}

.avoid-break .block {
  display: inline-block;
}

* {
  box-sizing: border-box;
  margin-top: 0;
}

body {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
}

.view {
  -ms-flex: 1;
      flex: 1;
}

.gutter {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .gutter {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .gutter {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .gutter {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .gutter {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .gutter {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .gutter {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .gutter {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .gutter {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .gutter {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .gutter {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .gutter {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .gutter {
    margin-right: 30%;
  }
}

.gutter-left {
  margin-left: 12px;
  margin-left: 0.75rem;
}

@media (min-width: 32em) {

  .gutter-left {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .gutter-left {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .gutter-left {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .gutter-left {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .gutter-left {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .gutter-left {
    margin-left: 30%;
  }
}

.gutter-right {
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .gutter-right {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .gutter-right {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .gutter-right {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .gutter-right {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .gutter-right {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .gutter-right {
    margin-right: 30%;
  }
}

/* Margin */

.m--xs {
  margin: 12px;
  margin: 0.75rem;
}

.mh--xs {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

.mv--xs {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.mt--xs {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.mb--xs {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.ml--xs {
  margin-left: 12px;
  margin-left: 0.75rem;
}

.mr--xs {
  margin-right: 12px;
  margin-right: 0.75rem;
}

.m--s {
  margin: 16px;
  margin: 1rem;
}

.mh--s {
  margin-left: 16px;
  margin-left: 1rem;
  margin-right: 16px;
  margin-right: 1rem;
}

.mv--s {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.mt--s {
  margin-top: 16px;
  margin-top: 1rem;
}

.mb--s {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.ml--s {
  margin-left: 16px;
  margin-left: 1rem;
}

.mr--s {
  margin-right: 16px;
  margin-right: 1rem;
}

.m--m {
  margin: 24px;
  margin: 1.5rem;
}

.mh--m {
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
}

.mv--m {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.mt--m {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.mb--m {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.ml--m {
  margin-left: 24px;
  margin-left: 1.5rem;
}

.mr--m {
  margin-right: 24px;
  margin-right: 1.5rem;
}

.m--l {
  margin: 48px;
  margin: 3rem;
}

.mh--l {
  margin-left: 48px;
  margin-left: 3rem;
  margin-right: 48px;
  margin-right: 3rem;
}

.mv--l {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.mt--l {
  margin-top: 48px;
  margin-top: 3rem;
}

.mb--l {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.ml--l {
  margin-left: 48px;
  margin-left: 3rem;
}

.mr--l {
  margin-right: 48px;
  margin-right: 3rem;
}

.m--xl {
  margin: 144px;
  margin: 9rem;
}

.mh--xl {
  margin-left: 144px;
  margin-left: 9rem;
  margin-right: 144px;
  margin-right: 9rem;
}

.mv--xl {
  margin-top: 144px;
  margin-top: 9rem;
  margin-bottom: 144px;
  margin-bottom: 9rem;
}

.mt--xl {
  margin-top: 144px;
  margin-top: 9rem;
}

.mb--xl {
  margin-bottom: 144px;
  margin-bottom: 9rem;
}

.ml--xl {
  margin-left: 144px;
  margin-left: 9rem;
}

.mr--xl {
  margin-right: 144px;
  margin-right: 9rem;
}

.m--0 {
  margin: 0;
}

.mh--0 {
  margin-left: 0;
  margin-right: 0;
}

.mv--0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mt--0 {
  margin-top: 0;
}

.mb--0 {
  margin-bottom: 0;
}

.ml--0 {
  margin-left: 0;
}

.mr--0 {
  margin-right: 0;
}

.m--auto {
  margin: auto;
}

.mh--auto {
  margin-left: auto;
  margin-right: auto;
}

.mv--auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt--auto {
  margin-top: auto;
}

.mb--auto {
  margin-bottom: auto;
}

.ml--auto {
  margin-left: auto;
}

.mr--auto {
  margin-right: auto;
}

.mh--auto {
  margin-left: auto;
  margin-right: auto;
}

.mb0,
.mb000 { margin-bottom: 0;        }

.mb025 { margin-bottom: 0.250em;  }

.mb05,
.mb050 { margin-bottom: 0.500em;  }

.mb075 { margin-bottom: 0.750em;  }

.mb1,
.mb100 { margin-bottom: 1.000em;  }

.mb125 { margin-bottom: 1.250em;  }

.mb15,
.mb150 { margin-bottom: 1.500em;  }

.mr0,
.mr000 { margin-right: 0;        }

.mr025 { margin-right: 0.250em;  }

.mr05,
.mr050 { margin-right: 0.500em;  }

.mr075 { margin-right: 0.750em;  }

.mr1,
.mr100 { margin-right: 1.000em;  }

.mr125 { margin-right: 1.250em;  }

/* Padding */

.p--xs {
  padding: 12px;
  padding: 0.75rem;
}

.ph--xs {
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
}

.pv--xs {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.pt--xs {
  padding-top: 12px;
  padding-top: 0.75rem;
}

.pb--xs {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.pl--xs {
  padding-left: 12px;
  padding-left: 0.75rem;
}

.pr--xs {
  padding-right: 12px;
  padding-right: 0.75rem;
}

.p--s {
  padding: 16px;
  padding: 1rem;
}

.ph--s {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.pv--s {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.pt--s {
  padding-top: 16px;
  padding-top: 1rem;
}

.pb--s {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.pl--s {
  padding-left: 16px;
  padding-left: 1rem;
}

.pr--s {
  padding-right: 16px;
  padding-right: 1rem;
}

.p--m {
  padding: 24px;
  padding: 1.5rem;
}

.ph--m {
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
}

.pv--m {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.pt--m {
  padding-top: 24px;
  padding-top: 1.5rem;
}

.pb--m {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.pl--m {
  padding-left: 24px;
  padding-left: 1.5rem;
}

.pr--m {
  padding-right: 24px;
  padding-right: 1.5rem;
}

.p--l {
  padding: 48px;
  padding: 3rem;
}

.ph--l {
  padding-left: 48px;
  padding-left: 3rem;
  padding-right: 48px;
  padding-right: 3rem;
}

.pv--l {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.pt--l {
  padding-top: 48px;
  padding-top: 3rem;
}

.pb--l {
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.pl--l {
  padding-left: 48px;
  padding-left: 3rem;
}

.pr--l {
  padding-right: 48px;
  padding-right: 3rem;
}

.p--xl {
  padding: 144px;
  padding: 9rem;
}

.ph--xl {
  padding-left: 144px;
  padding-left: 9rem;
  padding-right: 144px;
  padding-right: 9rem;
}

.pv--xl {
  padding-top: 144px;
  padding-top: 9rem;
  padding-bottom: 144px;
  padding-bottom: 9rem;
}

.pt--xl {
  padding-top: 144px;
  padding-top: 9rem;
}

.pb--xl {
  padding-bottom: 144px;
  padding-bottom: 9rem;
}

.pl--xl {
  padding-left: 144px;
  padding-left: 9rem;
}

.pr--xl {
  padding-right: 144px;
  padding-right: 9rem;
}

.p150 { padding: 1.500em; }

.pt150 { padding-top: 1.500em; }

@media (max-width: 32em) {
  .hide-xs {
    display: none;
  }
}

@media (max-width: 48em) {
  .hide-s {
    display: none;
  }
}

/* This is a fix for Facebook's widget. */

.fb-like > span {
  display: block !important;
}

.serif {
  font-family: "Source Serif Pro", "Georgia", serif;
}

.sans-serif {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.handwriting {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.monospace {
  font-family: "Source Code Pro", monospace;
}

.bold {
  font-weight: bold;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.nostyle {
  list-style-type: none;
  padding-left: 0;
}

.inline-list {
  padding-left: 0;
}

.inline-list li {
  display: inline-block;
}

.uppercase {
  text-transform: uppercase;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.askew {
  transform: rotate(-2deg) translateY(-8px);
}

html {
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased
}

@media (min-width: 48em) {

  html {
    font-size: 1.25em;
  }
  }

body {
  font-family: "Source Serif Pro", "Georgia", serif;
  color: rgba(25, 25, 25, .90);
  fill: rgba(25, 25, 25, .90);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 1.500em;
}

p {
  margin-bottom: 1.500em;
}

p, blockquote, figcaption, ul, ol {
  /* These are technically the same, but use both */
  word-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

.em, .i {
  font-style: italic;
}

a {
  color: inherit;
  fill: inherit;
  -webkit-text-decoration-color: #ff2679;
          text-decoration-color: #ff2679
}

a:hover, a:active {
  color: #ff2679;
  fill: #ff2679;
}

a ins {
  text-decoration: none;
}

.nounderline {
  text-decoration: none;
}

blockquote {
  font-size: 0.875em;
  line-height: 1.4em;
  margin-left: 0;
  margin-bottom: 1.500em;
  padding-left: 1.500em;
  border-left: 1px solid rgba(25, 25, 25, .50);
}

li {
  margin-bottom: 1em;
}

.lh1   { line-height: 1;    }

.lh125 { line-height: 1.25; }

.lh150 { line-height: 1.50; }

.lh2   { line-height: 2;    }

.title {
  font-size: 1.3em
}

@media (min-width: 64em) {

  .title {
    font-size: 1.8em;
  }
  }

.subtitle {
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 21.328px;
  margin-bottom: 1.333rem;
}

.nomargin {
  margin: 0;
}

.xsmall {
  font-size: 0.750em;
}

.small {
  font-size: 0.875em;
}

.large {
  font-size: 1.250em;
}

.xlarge {
  font-size: 1.500em;
}

.fs--l {
  font-size: 2em
}

@media (min-width: 32em) {

  .fs--l {
    font-size: 3em;
  }
  }

.fs--xl {
  font-size: 4em
}

@media (min-width: 32em) {

  .fs--xl {
    font-size: 6em;
  }
  }

@media (min-width: 48em) {

  .fs--xl {
    font-size: 9em;
  }
  }

@keyframes spin-cw {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

@keyframes spin-ccw {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(-360deg);
  }
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slide-out-bottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(50%);
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slide-out-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

.flex {
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

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

.flex-row {
  -ms-flex-direction: row;
      flex-direction: row;
}

.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.align-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

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

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

.justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.justify-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-auto        { -ms-flex: 1 1 auto; flex: 1 1 auto; }

.flex--a          { -ms-flex-preferred-size: auto; flex-basis: auto; }

.flex-0 {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-1 {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-2 {
  -ms-flex-positive: 2;
      flex-grow: 2;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.flex-3 {
  -ms-flex-positive: 3;
      flex-grow: 3;
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

.flex--xs {
  -ms-flex-preferred-size: 12px;
      flex-basis: 12px;
  -ms-flex-preferred-size: 0.75rem;
      flex-basis: 0.75rem;
}

.flex--s {
  -ms-flex-preferred-size: 16px;
      flex-basis: 16px;
  -ms-flex-preferred-size: 1rem;
      flex-basis: 1rem;
}

.flex--m {
  -ms-flex-preferred-size: 24px;
      flex-basis: 24px;
  -ms-flex-preferred-size: 1.5rem;
      flex-basis: 1.5rem;
}

.flex--l {
  -ms-flex-preferred-size: 48px;
      flex-basis: 48px;
  -ms-flex-preferred-size: 3rem;
      flex-basis: 3rem;
}

.flex--xl {
  -ms-flex-preferred-size: 144px;
      flex-basis: 144px;
  -ms-flex-preferred-size: 9rem;
      flex-basis: 9rem;
}

.grid {
  display: grid
}

.grid-gutter, .grid-gap {
  grid-gap: 1.5rem;
}

.grid-full {
  grid-column: 1/-1;
}

.grid-1, .grid-2, .grid-3 {
  grid-template-columns: repeat(1, 1fr);
  grid-auto-columns: minmax(20em, auto);
}

@media (min-width: 48em) {

  .grid {
}

  .grid-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: minmax(20em, auto);
  }

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

.grid-auto-layout {
  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
}

.grid-layout--sidebar {
}

.grid-layout--sidebar, .grid-layout--sidebar-right, .grid-layout--sidebar-left {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-columns: minmax(20em, auto);
}

.grid-layout--sidebar .grid-main, .grid-layout--sidebar-right .grid-main, .grid-layout--sidebar-left .grid-main {
  grid-column-start: 1;
  grid-column-end: 4;
}

.grid-layout--sidebar .grid-sidebar, .grid-layout--sidebar-right .grid-sidebar, .grid-layout--sidebar-left .grid-sidebar {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media (min-width: 48em) {

  .grid-layout--sidebar {
}

  .grid-layout--sidebar-right {
}

  .grid-layout--sidebar-right .grid-main {
    margin-left: 0;
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .grid-layout--sidebar-right .grid-sidebar {
    grid-column-start: 3;
  }

  .grid-layout--sidebar-left {
}

  .grid-layout--sidebar-left .grid-main {
    margin-left: 0;
    grid-column-start: 2;
    grid-column-end: 4;
  }

  .grid-layout--sidebar-left .grid-sidebar {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  }

@media (max-width: 48em) {
  .show--m {
    display: none !important;
  }
}

@media (max-width: 64em) {
.show--l {
    display: none !important;
  } 
}

@media (min-width: 48em) {
.hide--m {
    display: none !important;
  }
}

@media (min-width: 64em) {
.hide--l {
    display: none !important;
  } 
}

/* Patterns combine rules into reusable styles
that express more complex ideas, like buttons, forms
and navigation elements. */

.ad {
	position: relative;
	background-color: rgba(25, 25, 25, .10);
  padding: .5em;
	text-align: center;
}

.ad__placeholder {
	display: none;
	font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 0.875em;
	opacity: .5;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: .5em;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.adsbymassive, .adsbygoogle, .adsbywaldo {
	z-index: 1;
}

.adsbymassive {
	display: block;
	width: 100%;
	max-width: 48em;
	height: auto;
	margin: 0 auto
}

.adsbymassive img {
  display: block;
  width: 100%;
}

.autocomplete {
	position: relative;
}

.autocomplete__choices {
	position: absolute;
	top: 100%;
	z-index: 1;
	width: 100%;
	background: #ffffff;
	max-height: 16em;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding-left: 0;
	list-style-type: none;
	margin: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
	border: 1px solid rgba(25, 25, 25, .50)
}

.autocomplete__choices:empty {
  display: none;
}

.autocomplete__choice {
	margin: 0;
	padding: .75em;
	font-size: 0.875em;
}

.autocomplete__choice--active {
	background: rgba(25, 25, 25, .10);
}

.autocomplete__tokens {
	display: block;
	width: 100%;
	font-size: 16px !important;
	padding: .25em .5em 0;
	border: 1px solid rgba(25, 25, 25, .50);
	border-radius: 4px;
	background: #ffffff
}

.autocomplete__tokens:focus, .autocomplete__tokens:focus-within {
  outline: -webkit-focus-ring-color auto 5px;
}

.autocomplete__tokens__list {
	display: inline;
	padding-left: 0;
	list-style-type: none;
	margin: 0;
}

.field input:not([type="radio"]):not([type="checkbox"]).autocomplete__tokens__input {
	display: inline-block;
	width: auto;
	border: none;
	border-radius: 0px;
	padding: 0;
	margin-bottom: .25em
}

.field input:not([type="radio"]):not([type="checkbox"]).autocomplete__tokens__input:focus, .field input:not([type="radio"]):not([type="checkbox"]).autocomplete__tokens__input:focus-within {
  outline: none;
}

.autocomplete__token {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	background: rgba(25, 25, 25, .10);
	margin: 0 0 .25em 0;
	padding-left: .5em;
	border-radius: 4px;
	line-height: 1.4;
	overflow: hidden
}

.autocomplete__token__remove {
  margin-left: .25em;
  padding: 0 .5em;
  font-weight: bold;
  cursor: pointer;
}

.autocomplete__token__remove:hover {
  background: rgba(25, 25, 25, .10);
}

.has-background {
  position: relative;
  z-index: 1;
}

.background {
  overflow: hidden;
  position: relative;
  z-index: -1
}

.background, .background__color, .background__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background__color {
  opacity: .9;
}

.background__image {
  background-size: cover;
  background-position: center;
  opacity: .30;
}

.background__image.lazy-load {
  transition: 1s linear opacity;
}

.background__image.lazy-load:not(.loaded) {
  opacity: 0;
}

.Badge {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  border: 1px solid;
  border-radius: 4px;
  padding: .25em .5em;
  text-decoration: none
}

.Badge--membersOnly {
  color: rgb(52, 101, 101);
  fill: rgb(52, 101, 101);
  background-color: #77b9b9;
}

.environment-banner {
  font-size: 0.750em;
  line-height: 2;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
  background: #f2a06c
}

.environment-banner p {
  margin-bottom: 0;
}

.environment-banner.preview {
  background: #ff2679;
}

.billboard__container {
  position: relative;
  padding: 1.5em 0
}

@media (min-width: 48em) {

  .billboard__container {
    padding: 3em 0;
  }
  }

.billboard__container .column--primary {
  -ms-flex: 3 1 16em;
      flex: 3 1 16em;
}

.billboard__container .column--sidebar {
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
}

.billboard .submission-field {
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
}

.article.billboard {
}

.article.billboard .ArticleCover {
}

.article.billboard .ArticleCover__metadata, .article.billboard .ArticleCover .relationship-disclosure--co-production {
  display: none;
}

.article.billboard .ArticleCover--video {
  overflow: hidden;
}

.article.billboard .ArticleCover--video .relationship-disclosure--co-production {
  display: -ms-flexbox;
  display: flex;
}

.article.billboard + .article.billboard .ArticleCover {
  padding-top: 2em;
}

.theme.billboard {
}

.theme.billboard > .background {
  opacity: .3;
}

.theme.billboard .cardDeck {
  padding: 0;
}

.theme.billboard .cardDeck__label {
  display: block;
}

.theme.billboard .cardDeck__title {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.theme.billboard .cardDeck__blurb {
  display: block;
  max-width: 36em;
  font-size: 0.875em;
  line-height: 1.5;
}

@media (min-width: 48em) {

  .theme.billboard .cardDeck {
}

  .theme.billboard .cardDeck__title {
    font-size: 1.5em;
  }

  .theme.billboard .cardDeck__blurb {
    font-size: 1em;
  }
}

.ReportBillboard {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem
}

.ReportBillboard .ReportCard {
  margin: 0 auto;
}

.ReportBillboard .background__image {
  opacity: .3;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(1);
  mix-blend-mode: multiply;
}

.site-logotype {
  font-size: 1.125em;
  font-weight: bold;
  transition: none 
}

.site-logotype__name, .site-logotype__icon {
  display: inline-block;
  vertical-align: middle;
}

.site-logotype__name {
  font-size: 0.875em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0.25em;
}

.site-logotype__name--massive {
  letter-spacing: -.125px;
}

.site-logotype__name--science {
  letter-spacing: .75px;
}

.site-logotype__icon {
  line-height: 0;
  transform-origin: center center;
  animation: spin-cw 60s linear infinite;
}

.no-touch .site-logotype:hover {
}

.no-touch .site-logotype:hover .site-logotype__icon {
  animation-duration: 4s;
}

.site-logotype .logo {
  fill: #ff2679;
  height: 1.7em;
  width: 1.7em;
}

.button, a.button {
  display: inline-block;
  padding: 0.25em 0.5em;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: none;
  color: #ffffff;
  fill: #ffffff;
  background-color: #ff2679;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  transition: background-color .1s linear, opacity .1s linear
}

.button .icon, .button label, a.button .icon, a.button label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
}

.button .icon, a.button .icon {
  height: 1.5em;
  width: 1.5em;
  fill: inherit;
}

.button .icon + label, a.button .icon + label {
  margin-left: 0.125em;
}

.button:hover, a.button:hover {
  color: #ffffff;
  fill: #ffffff;
  background-color: #7D123B;
  box-shadow: none;
}

.button:disabled, .button.disabled, a.button:disabled, a.button.disabled {
  pointer-events: none;
  opacity: .5;
}

.button--round, a.button--round {
  border-radius: 9999px;
}

.button--default, a.button--default {
  background-color: rgba(25, 25, 25, .50);
}

.button--default:hover, a.button--default:hover {
  background-color: rgba(25, 25, 25, .90);
}

.button--orange, .button--rss, a.button--orange, a.button--rss {
  background-color: #EB6041;
}

.button--orange:hover, .button--rss:hover, a.button--orange:hover, a.button--rss:hover {
  background-color: #9c3f2b;
}

.button--facebook, a.button--facebook {
  background-color: #385084;
}

.button--facebook:hover, a.button--facebook:hover {
  background-color: rgb(40, 57, 93);
}

.button--twitter, a.button--twitter {
  background-color: #399ECC;
}

.button--twitter:hover, a.button--twitter:hover {
  background-color: rgb(38, 112, 146);
}

.button--flipboard, a.button--flipboard {
  background-color: #CC0000;
}

.button--flipboard:hover, a.button--flipboard:hover {
  background-color: rgb(143, 0, 0);
}

.button--pocket, a.button--pocket {
  background-color: #F43B53;
}

.button--pocket:hover, a.button--pocket:hover {
  background-color: rgb(198, 12, 36);
}

.button--email, a.button--email {
  background-color: #393A38;
}

.button--email:hover, a.button--email:hover {
  background-color: rgb(38, 39, 37);
}

.button--ghost, a.button--ghost {
  border: 2px solid;
  line-height: 1.3;
  color: inherit;
  fill: inherit;
  background-color: transparent;
}

.button--ghost:hover, .button--ghost:focus, a.button--ghost:hover, a.button--ghost:focus {
  color: #ff2679;
  fill: #ff2679;
  background-color: transparent;
}

.button.xsmall {
  font-size: 0.750em;
}

.button.small {
  font-size: 0.875em;
}

.button.large {
  font-size: 1.250em;
}

.button.xlarge {
  font-size: 1.500em;
}

.button.button--external {
  /* This helps keep buttons matching their replacement by 3rd party scripts. */
  display: block;
  border-radius: 3px
}

.button.button--external.small {
  padding: 0 0.5em;
  font-size: 11px;
  height: 20px;
}

.button.button--external.small .icon {
  height: 1.25em;
  width: 1.25em;
}

.button.button--external.large {
  font-size: 13px;
  height: 28px;
}

.button.button--external.large .icon {
  height: 1.25em;
  width: 1.25em;
}

.fb-like, .twitter-follow-button, .fb-like iframe {
  display: block !important;
}

.article.card {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  column-gap: 0.75em
}

.article.card .card__image {
  -ms-flex: 1 1 192px;
      flex: 1 1 192px;
  -ms-flex: 1 1 12rem;
      flex: 1 1 12rem;
  background-color: transparent;
  margin-bottom: 0.5em;
}

.article.card .card__image .featured-image {
  overflow: hidden;
  border: 1px solid rgba(25, 25, 25, .10);
  border-radius: 4px;
}

.article.card .card__image .lazy-load {
  min-width: 100%;
}

.article.card .card__image img, .article.card .card__image picture {
  height: 100%;
  object-fit: cover;
}

.article.card .card__details {
  -ms-flex: 8 1 256px;
      flex: 8 1 256px;
  -ms-flex: 8 1 16rem;
      flex: 8 1 16rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0 0.75em;
}

.article.card .card__date {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: rgba(25, 25, 25, .70);
  font-size: 0.750em;
  margin-bottom: 0;
}

.article.card .card__title {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.article.card .card__title h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  display: inline;
  font-size: 1.4em;
  line-height: 1.2;
  margin-right: .25em;
}

.article.card .card__subtitle {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-style: italic;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: .75em;
}

.article.card .card__author {
  font-size: 0.875em;
  line-height: 1.2;
  margin-bottom: 0;
  opacity: .9;
}

.article.card .card__peer-comment {
  opacity: .7;
  font-size: 0.750em;
}

.article.card .card__peer-comment .icon {
  height: 1.25em;
  width: 1.25em;
  vertical-align: middle;
}

.small.article.card {
}

.small.article.card .lazy-load {
  min-height: 0;
}

.small.article.card .card__title {
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.small.article.card .card__title h1 {
  font-size: 1em;
}

.small.article.card .card__author {
  font-size: 0.750em;
}

.newsletter.card {
  padding: 12px;
  padding: 0.75rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  fill: #ffffff;
  background-color: #7e50bd;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  border-radius: 4px;
  overflow: hidden
}

.newsletter.card .icon {
  height: 2em;
  width: 2em;
  vertical-align: middle;
  margin-right: .75em;
}

.newsletter.card .submission-field input {
  padding-left: .5em;
}

.newsletter.card .background__image {
  opacity: .3;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(1);
  mix-blend-mode: multiply;
}

.theme.card {
  width: 15em;
  height: 0;
  padding-top: 80%;
  overflow: hidden;
  position: relative;
  transition: .1s ease-in-out transform;
  background: #999;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  border-radius: 4px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50))
}

@media (min-width: 48em) {

  .theme.card {
    padding-top: 100%;
  }
  }

.theme.card:hover {
  transform: translateY(-2px);
}

.theme.card .card__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 0;
  padding: 0.75em;
  text-decoration: none;
}

.theme.card .card__title {
  font-size: 1.5em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  line-break: loose;
  font-weight: bold;
}

.theme.card .card__more {
  color: #ffffff;
}

.theme.card .card__description {
  font-size: 0.875em;
  line-height: 1.25;
  margin-bottom: 0;
  margin-top: .75em;
}

.theme.card a.card__text {
  border: 2px solid rgba(25, 25, 25, .10);
  border-radius: 4px;
  transition: .1s linear border-color;
}

.theme.card a.card__text:hover, .theme.card a.card__text:focus {
  color: inherit;
  border-color: rgba(25, 25, 25, .50);
}

.theme.card .background__image {
  opacity: .15;
}

@media (min-width: 48em) {

  .theme.card {
}

  .theme.card .card__description {
    font-size: 1em;
  }
  }

.partner.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #191919;
  fill: #191919;
  background-color: #ffffff;
  border: 1px solid;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  border-radius: 4px;
  border-color: rgba(25, 25, 25, .30);
  padding: 12px;
  padding: 0.75rem;
  overflow: hidden
}

.partner.card .partner__icon {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-right: 0.75em;
}

.partner.card .partner__icon a {
  display: block;
  border: none;
}

.partner.card .partner__icon img, .partner.card .partner__icon svg {
  height: 3em;
  width: 3em;
}

.partner.card .partner__copy {
  -ms-flex: 3 1 6em;
      flex: 3 1 6em;
  margin-right: 0.75em;
  font-size: 0.875em;
  line-height: 1.5;
}

.partner.card .partner__copy p {
  margin-bottom: 0.75em;
}

.partner.card .partner__social {
  -ms-flex: 1 1 1em;
      flex: 1 1 1em;
  margin-bottom: 0;
  font-size: 0.875em;
}

.partner.card .partner__social li {
  height: 20px;
  vertical-align: middle;
  margin-bottom: 0.25em;
}

.partner.card .partner__social .icon {
  height: 1.250em;
  width: 1.250em;
}

.ReportCard {
  min-width: 16em;
  max-width: 32em;
  width: 60vw;
  height: 100%;
  margin: 0.25em 0;
  padding: 0.75em;
  border: 2px solid rgba(25, 25, 25, .10);
  border-radius: 4px;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #191919;
  fill: #191919;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center
}

.ReportCard__cover {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-right: 24px;
  margin-right: 1.5rem;
  margin-left: -1em;
  margin-top: -1em;
}

.ReportCard__cover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  transform: rotate(-2deg) translateY(-8px);
  max-width: 7em;
}

.ReportCard__details {
  -ms-flex: 1 1 12em;
      flex: 1 1 12em;
  width: 100%;
}

.ReportCard__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  font-size: 0.875em;
}

.ReportCard__actions > * {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.ReportCard__actions > *:first-child {
  margin: 0 0.75em 0.75em 0;
}

.ReportCard__title {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.ReportCard__description {
  font-size: 0.750em;
  font-family: "Source Serif Pro", "Georgia", serif;
  line-height: 1.4;
}

.ReportCard a.button--ghost {
  border: none;
}

.ReportCard a.button--ghost:hover, .ReportCard a.button--ghost:focus {
  color: #191919;
  fill: #191919;
  background: rgba(25, 25, 25, .10);
}

.VideoCard {
  width: 16em
}

@media (min-width: 48em) {

  .VideoCard {
    width: 20em;
  }
  }

@media (min-width: 64em) {

  .VideoCard {
    width: 24em;
  }
  }

.VideoCard__cover {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: block;
  position: relative;
  color: #ffffff;
  width: 100%;
  padding-top: 56.25%;

  /* This gives the cover a 16:9 aspect ratio */
  margin-bottom: 0.75em;
  border-radius: 4px;
  overflow: hidden;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.VideoCard__cover__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.VideoCard__cover .background__color {
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .30), rgba(0, 0, 0, .70));
  z-index: 1;
}

.VideoCard__cover .background__image {
  opacity: 1;
}

.VideoCard__cover:hover {
  cursor: pointer;
  color: #ffffff;
}

.VideoCard__cover:hover .VideoCard__button {
  color: #ff2679;
  transform: scale(1.25);
}

.VideoCard__button {
  font-size: 2em;
  line-height: 1;
  margin-right: 24px;
  margin-right: 1.5rem;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  transition: .1s ease-in-out transform;
  transform-origin: bottom left;
}

@media (min-width: 48em) {

  .VideoCard__button {
    font-size: 3em;
  }
}

.VideoCard__runtime {
  opacity: .7;
  font-size: 0.875em;
  margin-bottom: 0;
}

.VideoCard__title {
  line-height: 1;
  margin-bottom: 0;
}

.VideoCard__title h3 {
  display: inline;
  font-size: 1em;
  line-height: 1.2;
  margin-right: .25em;
}

@media (min-width: 48em) {

  .VideoCard__title h3 {
    font-size: 1.25em;
  }
}

.VideoCard__subtitle {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-size: 0.875em;
  line-height: 1.4;
  opacity: .7;
  margin-top: 0.5em;
  margin-bottom: 0;
}

.small.VideoCard {
}

.small.VideoCard .VideoCard__title {
  font-size: 0.875em;
}

.NoteCard {
  font-size: 0.875em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: .5em;
  margin: 0 -.5em;
  transition: border-color .1s linear
}

.NoteCard__date {
  margin-right: 1.5em;
  -ms-flex: 0 0 9em;
      flex: 0 0 9em;
  color: rgba(25, 25, 25, .70);
  font-size: 0.875em;
  margin-bottom: 0;
}

.NoteCard__title {
  display: block;
  font-weight: bold;
  line-height: 1.4;
  -ms-flex: 1 1 27em;
      flex: 1 1 27em;
}

.NoteCard:hover {
  border: 1px solid rgba(25, 25, 25, .50);
}

.product.card {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  border: 3px solid #ff2679;
  border-radius: 4px;
  background: #ffffff;
  padding: .75em;
  margin-bottom: .75em;
  text-align: center
}

.product.card .product__image {
  margin: -1.5em .75em .75em 0;
}

.product.card .product__image img {
  display: inline-block;
  max-height: 12em;
  width: auto;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
}

.product.card .product__name {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

.product.card .product__description {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  color: rgba(25, 25, 25, .70);
  font-size: 0.750em;
  line-height: 1.4;
  white-space: pre-wrap;
}

.product.card .product__price {
  margin-bottom: 0;
  margin-left: 12px;
  margin-left: 0.75rem;
  display: inline-block;
  color: rgba(25, 25, 25, .70);
}

.card__more {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.750em;
  white-space: nowrap;
  text-decoration: none;
  color: #ff2679;
}

.cardDeck {
  overflow: hidden;
  padding: 1.5em 0;
}

.cardDeck__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-bottom: 0.750em;
}

@media (min-width: 32em) {

  .cardDeck__header {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck__header {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck__header {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck__header {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck__header {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck__header {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .cardDeck__header {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck__header {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck__header {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck__header {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck__header {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck__header {
    margin-right: 30%;
  }
}

.cardDeck__controls {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.cardDeck__control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 0.25em;
  border: none;
  border-radius: 4px;
  color: inherit;
  background-color: transparent;
  font-size: 1.25em;
  line-height: 1.25em;
  font-weight: bold;
  cursor: pointer;
  @nest .light {
    &:hover, &:focus {
      background-color: rgba(25, 25, 25, .10);
    }
  }
}

.cardDeck__control:hover, .cardDeck__control:focus {
  background-color: rgba(255, 255, 255, .10);
}

.cardDeck__label {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-right: 0.75em;
}

.cardDeck__title {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-bottom: 0;
  margin-right: 12px;
  margin-right: 0.75rem;
  font-size: 2em;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

.cardDeck__blurb {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-family: "Source Serif Pro", "Georgia", serif;
  display: inline-block;
  margin-bottom: 0;
  opacity: .90;
  font-size: 0.750em;
  line-height: 1.4
}

.cardDeck__blurb .button--rss {
  display: none;
  font-size: .75em;
}

@media (min-width: 64em) {

  .cardDeck__blurb .button--rss {
    display: inherit;
  }
}

.cardDeck__more {
  -ms-flex: 0 1 160px;
      flex: 0 1 160px;
  -ms-flex: 0 1 10rem;
      flex: 0 1 10rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  color: #ff2679;
}

.cardDeck__cards {
  margin-bottom: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  padding: 0;
}

.cardDeck--vertical .cardDeck__cards {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem
}

@media (min-width: 32em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--vertical .cardDeck__cards {
    margin-right: 30%;
  }
}

.cardDeck--vertical .cardDeck__cards li {
  width: 100%;
}

.cardDeck--vertical .cardDeck__cards .card {
  margin-bottom: 0.75em;
}

.cardDeck--vertical .cardDeck__cards .card__title {
  font-size: 1.5em;
}

.cardDeck--horizontal {
}

.cardDeck--horizontal .cardDeck__header {
  margin-bottom: 0;
}

.cardDeck--horizontal .cardDeck__cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

@media (min-width: 32em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--horizontal .cardDeck__cards {
    padding-left: 30%;
  }
}

.cardDeck--horizontal .cardDeck__cards::-webkit-scrollbar {
  display: none;
}

.cardDeck--horizontal .cardDeck__cards li {
  margin-bottom: 0;
  padding-right: 0.75em;
  transform: translate3d(0,0,0);
}

.cardDeck--horizontal .cardDeck__cards .card {
  margin-bottom: 0;
}

.cardDeck--horizontal .cardDeck__cards li:last-child {
  padding-right: 12px;
  padding-right: 0.75rem;
}

@media (min-width: 32em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--horizontal .cardDeck__cards li:last-child {
    padding-right: 30%;
  }
}

.cardDeck--newspaper .cardDeck__cards {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.75em
}

@media (min-width: 32em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .cardDeck--newspaper .cardDeck__cards {
    margin-right: 30%;
  }
}

.cardDeck--newspaper .cardDeck__cards .card {
  grid-column: span 1;
  margin: 0;
}

.cardDeck--newspaper .cardDeck__cards .VideoCard {
  width: auto;
}

.cardDeck--newspaper .cardDeck__cards .medium.card {
  grid-column: 1/-1;
}

@media (min-width: 40em) {

  .cardDeck--newspaper .cardDeck__cards {
    grid-auto-flow: dense;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
  }

  .cardDeck--newspaper .cardDeck__cards .medium.card {
    grid-column: 1/3;
    grid-row: span 2;
  }

  .cardDeck--newspaper .cardDeck__cards .medium.card:nth-child(even) {
    grid-column: 3/5;
    grid-row: span 2;
  }
  }

.cardDeck--newspaper .cardDeck__cards .article.card {
  min-width: 0;
  display: block;
}

.cardDeck--newspaper .cardDeck__cards .article.card .card__details {
  margin: 0;
}

.dripSignupForm {
  width: 100%;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  line-height: 1.250em;
}

.dripSignupForm__headline {
  cursor: pointer
}

.dripSignupForm__headline .icon {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: 1.5em;
  min-width: 2em;
  height: auto;
}

.dripSignupForm__headline p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0 1em;
}

@media (max-width: 32em) {

  .dripSignupForm__headline {
    font-size: 0.875em;
  }
  }

.submission-field {
  display: -ms-flexbox;
  display: flex
}

.submission-field input {
  -ms-flex: 2 1 16em;
      flex: 2 1 16em;
  min-width: 0;
  margin: 0;
  padding-left: 1em;
  line-height: 1.500em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.submission-field input:placeholder {
  color: rgba(25, 25, 25, .50);
}

.submission-field .button {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 1em;
  line-height: 1.500em;
}

.dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 12em;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  background-color: #ffffff
}

.dropdown .dropdown {
  position: relative;
  font-size: 0.875em;
  background-color: rgba(25, 25, 25, .10);
  border-top: 1px solid rgba(25, 25, 25, .30);
  border-bottom: 1px solid rgba(25, 25, 25, .30);
  border-left: 0.75em solid rgba(25, 25, 25, .30);
  text-decoration: none;
}

.has-dropdown {
  position: relative
}

.has-dropdown:hover, .has-dropdown:focus-within {
  color: #ff2679;
  background: rgba(25, 25, 25, .10);
}

.has-dropdown:hover > .dropdown, .has-dropdown:focus-within > .dropdown {
  display: block;
}

/* An item with a dropdown should add a
downward arrow to its navigation item
in order to indicate its functionality. */

.has-dropdown > .navigation__item {
  position: relative;
  padding-right: 1.5em
}

.has-dropdown > .navigation__item::after {
  content: '\25BE';
  position: absolute;
  right: 0;
  opacity: .5;
  font-size: 1.5em;
  line-height: 1;
}

.featured-image {
  max-width: 100%;
  width: 100%;
  height: 0;
  padding-top: 66.66%;
  background: rgba(25, 25, 25, .10);
  position: relative
}

.featured-image img, .featured-image picture {
  max-width: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.featured-image--credit {
  font-size: 0.625em;
  line-height: 1.5;
  position: absolute;
  bottom: 0;
  left: 100%;
  padding: .25em 0;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  opacity: .7;
}

.featured-image--credit p {
  margin: 0;
}

.featured-image--credit a {
  text-decoration: none;
}

.featured-image .js-tilt-glare {

  /* This is created when the tilt library is used on featured images.
    We want to ignore pointer events on the glare layer because otherwise
    links inside image credits will not be clickable. */
  pointer-events: none;
}

.featured-image .lazy-load {
  display: block;
  opacity: 1;
  transition: opacity .25s linear;
}

.has-js .featured-image .lazy-load:not(.loaded) {
  opacity: 0;
}

body > footer {
  z-index: 1;
}

.input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: none;
  border-radius: 4px;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 1em;
  color: #191919;
  background-color: #ffffff;
}

.field {
  margin: 0 0 1.5em
}

.field label {
  font-weight: bold;
}

.field .required {
  margin: 0 .25em;
  color: #ff2679;
  font-size: .675em;
}

.field .helpText {
  margin-top: .25em;
  color: rgba(25, 25, 25, .70);
  font-size: 0.750em;
  line-height: 1.2;
}

.field input:not([type="radio"]):not([type="checkbox"]),
  .field textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  margin: 0;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  border: 1px solid rgba(25, 25, 25, .50);
  font-size: 16px;
  font-size: 1rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.field textarea {
  line-height: 1.5em;
  height: 6em;
  resize: vertical;
}

.field__choice label {
  font-weight: normal;
}

.field .field__choice--other input[type="text"] {

  /* This provides special styling for the text input
    following an "Other" radio or checkbox choice. */
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}

.field--radio, .field--checkbox {
}

.field--radio label, .field--checkbox label {
  vertical-align: middle;
}

.form .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-size: 1em;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.errorMessage {
  font-size: 0.875em;
  margin-top: .25em;
  margin-bottom: 0;
  position: absolute;
  z-index: 1;
  font-weight: normal;
  color: #ffffff;
  background: rgba(25, 25, 25, .90);
  padding: .25em .5em;
  border-radius: 4px;
}

/* Prevents zooming on iOS form focus */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}

.header-promotion {
}

.header-promotion > *:last-child {
  border-bottom: 1px solid rgba(25, 25, 25, .70);
}

.header-promotion .newsletter.billboard .billboard__container {
  max-width: none;
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .header-promotion .newsletter.billboard .billboard__container {
    margin-right: 30%;
  }
}

.header-promotion .newsletter[data-newsletter="massive"] .background {
  background: linear-gradient(200deg, #f2a06c, #ec7590, #7e50bd, #5480e0, #77b9b9)
}

.header-promotion .newsletter[data-newsletter="massive"] .background__color, .header-promotion .newsletter[data-newsletter="massive"] .background__image {
  display: none;
}

.icon, .logo, .logotype {
  fill-rule: evenodd;
}

.logo {
  fill: #ff2679;
}

.icon--certified {
}

.icon--certified--background {
  fill: #ff2679;
}

.icon--certified--check {
  fill: #ffffff;
}

.logotype--massive {
  fill: #191919
}

.logotype--massive #LOGO {
  fill: #ff2679;
}

.logotype--consortium {
  fill: #ffffff
}

.logotype--consortium #LOGO {
  fill: #ff2679;
}

.logotype--consortium #MASSIVE-SCIENCE {
  opacity: .50;
}

.logotype--supermassive {
  fill: #191919
}

.logotype--supermassive #SUPER {
  fill: #ff2679;
}

.icon--lightswitch {
  display: none;
  vertical-align: middle;
  margin-left: .5em
}

.icon--lightswitch--enabled {
  display: inline-block;
}

.icon--lightswitch #moon, .icon--lightswitch #sun {
  transition: opacity .1s linear;
}

body.light .icon--lightswitch {
}

body.light .icon--lightswitch #moon {
  opacity: 0;
}

body.light .icon--lightswitch #sun {
  opacity: 1;
}

body.dark .icon--lightswitch {
}

body.dark .icon--lightswitch #moon {
  opacity: 1;
}

body.dark .icon--lightswitch #sun {
  opacity: 0;
}

body.no-touch, body.light.no-touch, body.dark.no-touch {
}

body.no-touch .icon--lightswitch, body.light.no-touch .icon--lightswitch, body.dark.no-touch .icon--lightswitch {
}

body.no-touch .icon--lightswitch:hover, body.no-touch .icon--lightswitch:focus, body.light.no-touch .icon--lightswitch:hover, body.light.no-touch .icon--lightswitch:focus, body.dark.no-touch .icon--lightswitch:hover, body.dark.no-touch .icon--lightswitch:focus {
  cursor: pointer;
  fill: #ff2679;
}

body.no-touch .icon--lightswitch:hover #moon, body.no-touch .icon--lightswitch:hover #sun, body.no-touch .icon--lightswitch:focus #moon, body.no-touch .icon--lightswitch:focus #sun, body.light.no-touch .icon--lightswitch:hover #moon, body.light.no-touch .icon--lightswitch:hover #sun, body.light.no-touch .icon--lightswitch:focus #moon, body.light.no-touch .icon--lightswitch:focus #sun, body.dark.no-touch .icon--lightswitch:hover #moon, body.dark.no-touch .icon--lightswitch:hover #sun, body.dark.no-touch .icon--lightswitch:focus #moon, body.dark.no-touch .icon--lightswitch:focus #sun {
  opacity: 1;
}

.lum-lightbox {
  z-index: 100;
  background-color: rgba(25, 25, 25, .90);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px)
}

.lum-lightbox-image-wrapper {
  position: relative;
}

@media (min-width: 48em) {

  .lum-lightbox-image-wrapper {
    padding: 3rem;
  }
}

.lum-img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  background: #ffffff;
}

.lum-gallery-button {
  position: absolute;
  top: 90%;
  text-transform: uppercase;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  fill: #ffffff;
  font-weight: bold;
  border: 1px solid;
  border-radius: 4px;
  margin: 12px;
  margin: 0.75rem;
  font-size: 0.875em;
  padding: .25em .5em;
  transition: background-color .1s linear
}

.lum-gallery-button:hover {
  background-color: rgba(255, 255, 255, .10);
  cursor: pointer;
}

.lum-gallery-button.lum-previous-button {
  left: 0;
}

.lum-gallery-button.lum-previous-button::before {
  content: "\2190   ";
  vertical-align: text-top;
}

.lum-gallery-button.lum-next-button {
  right: 0;
}

.lum-gallery-button.lum-next-button::after {
  content: " \2192";
  vertical-align: text-top;
}

.masthead .dripSignupForm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: start;
  padding-top: 1.5em;
  border-top: 1px solid
}

.masthead .dripSignupForm__headline, .masthead .dripSignupForm .submission-field {
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
  margin-bottom: 0.75em;
}

.masthead .dripSignupForm .submission-field {
  line-height: 1.7em;
}

.masthead.black .dripSignupForm {
  border-color: rgba(25, 25, 25, .30);
}

.masthead.white .dripSignupForm {
  border-color: rgba(255, 255, 255, .30);
}

.masthead__newsletter .dripSignupForm__headline {
  opacity: .9;
  padding-right: 0.75em;
}

.masthead__promo, .masthead__slogan {
  -ms-flex: 1 1 320px;
      flex: 1 1 320px;
  -ms-flex: 1 1 20rem;
      flex: 1 1 20rem;
}

.masthead__slogan {
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: normal
}

.masthead__slogan p {
  margin-bottom: 0;
}

@media (min-width: 48em) {

  .masthead__slogan {
    font-size: 2em;
    line-height: 1.5;
  }
  }

.masthead__promo {
  font-size: 0.875em;
}

.masthead .background__image {
  opacity: .7;
}

.MembershipPlan {
  position: relative;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  color: #191919;
  fill: #191919;
  background-color: #ffffff;
  border: 1px solid;
  border-radius: 4px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  text-align: center;
  border-color: rgba(25, 25, 25, .30);
}

.MembershipPurchase__checkout, .MembershipPurchase__gift {
  cursor: pointer;
}

.MembershipPurchase__checkout.button {
  min-width: 6em;
  font-size: 1em;
}

.MembershipPurchase__gift.button {
  max-width: 12em;
  background: transparent;
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70)
}

.MembershipPurchase__gift.button:hover {
  color: #191919;
  fill: #191919;
  background-color: rgba(25, 25, 25, .30);
}

.MembershipEligibility {
  position: absolute;
  top: 0;
  min-height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  visibility: hidden;
  opacity: 0
}

.MembershipEligibility label {
  cursor: pointer;
}

.MembershipEligibility input[type="checkbox"] {
  margin-top: .125em;
}

.MembershipEligibility button[role="back"] {
  position: absolute;
  font-size: 1em;
  top: .75em;
  left: .75em;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  font-weight: bold;
  border: 2px solid;
  cursor: pointer;
  opacity: .5;
  transition: opacity .1s linear;
}

.MembershipEligibility button[role="back"]:hover {
  opacity: .9;
}

.MembershipPlan.confirmEligibility {
}

.MembershipPlan.confirmEligibility--checkout .MembershipEligibility__checkout,
  .MembershipPlan.confirmEligibility--gift .MembershipEligibility__gift {
  visibility: visible;
  opacity: 1;
}

.navigation {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
}

.navigation .overlay {
  position: fixed;
  background: rgba(25, 25, 25, .50);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: fade-in .15s linear;
}

.navigation--header {
  width: 100%;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #191919;
  fill: #191919;
  background: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 4px solid rgba(25, 25, 25, .10);
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem
}

@media (min-width: 32em) {

  .navigation--header {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .navigation--header {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .navigation--header {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .navigation--header {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .navigation--header {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .navigation--header {
    padding-left: 30%;
  }
}

@media (min-width: 32em) {

  .navigation--header {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .navigation--header {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .navigation--header {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .navigation--header {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .navigation--header {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .navigation--header {
    padding-right: 30%;
  }
}

.navigation--header.headroom--pinned {
  transition: transform .25s linear;
}

.navigation--header.headroom--unpinned {
  transform: translateY(-100%);
  transition: transform .15s linear;
}

.navigation__toolset {
  width: 100%;
  font-size: 0.750em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}

.navigation__toolset__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
  padding: .5em 0 .5em;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px dotted rgba(25, 25, 25, .10);
  border-right: 1px dotted rgba(25, 25, 25, .10);
  line-height: 1
}

.navigation__toolset__item .icon {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  display: block;
  height: 2.5em;
  width: 2.5em;
  margin: .25em .75em;
  fill: #191919;
}

.navigation__toolset__item:hover, .navigation__toolset__item:focus, .navigation__toolset__item:focus-within {
  background: rgba(25, 25, 25, .10);
}

.navigation__toolset__item--home {
  text-transform: uppercase;
  text-align: center;
}

.navigation__toolset__item--home span {
  display: block;
}

span.navigation__toolset__item--home--science {
  display: none;
}

.navigation__toolset__item--home .icon, .navigation__toolset__item--active .icon {
  fill: #ff2679;
}

@media (min-width: 32em) {

  .navigation__toolset__item {
}

  .navigation__toolset__item .icon {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 2em;
    width: 2em;
  }

  .navigation__toolset__item label {
    font-size: 1.250em;
  }

  .navigation__toolset__item--home {
    text-align: left;
  }

  span.navigation__toolset__item--home--science {
    display: inline;
  }
  }

.navigation__tool {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100vh;
  background: #ffffff; 
  /* This controls the visibility of the tools */
  visibility: hidden;
  transform: translateY(-100%);
  transition: transform .15s ease-out, visibility 0s linear .15s
}

.navigation__tool__close.navigation__item {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100%;
  height: auto;
  padding: .5em 2em;
  border-bottom: 1px solid rgba(25, 25, 25, .30);
  border-radius: 0;
  background: #ffffff;
}

.navigation__tool__close.navigation__item:hover, .navigation__tool__close.navigation__item:focus {
  background: #e7e7e7;
}

.navigation__tool:target, .navigation__tool--open {
  visibility: visible;
  transform: translateY(0);
  transition: transform .15s ease-out;
}

.navigation__tool__section {
  height: 100%;
  margin: 1.5em;
}

.navigation__items {
  display: grid;
  grid-template-columns: 1fr;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0
}

.navigation__items li {
  margin-bottom: 0;
}

.navigation__items hr {
  grid-column: 1/-1;
  margin: .25em 0;
  border: none;
}

.navigation__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  padding: 8px;
  padding: .5rem;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 8px
}

a.navigation__item:hover, a.navigation__item:focus {
  background: rgba(25, 25, 25, .10);
  color: #ff2679;
}

a.navigation__item:hover .icon, a.navigation__item:focus .icon {
  fill: #ff2679;
}

.navigation__item .icon {
  margin-right: .5em;
}

.navigation__item .xsmall .icon {
  height: 0.875em;
  width: 0.875em;
}

.navigation__tool--menu {
  padding-bottom: 4em
}

.navigation__tool--menu ul {
  list-style-type: none;
  padding: 0;
}

.navigation__tool--menu li {
  margin-bottom: 0;
}

.navigation__tool--menu .navigation__tool__section {
  border-top: 2px dotted rgba(25, 25, 25, .30);
}

.navigation__tool--menu .navigation__tool__section__label.navigation__item {
  display: block;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.5;
}

.navigation__tool--menu .icon--article {
  fill: #5480e0;
}

.navigation__tool--menu .icon--note {
  fill: #77b9b9;
}

.navigation__tool--menu .icon--video {
  fill: #ec7590;
}

.navigation__tool--menu .icon--report {
  fill: #f2a06c;
}

.navigation__tool--account {
}

.navigation__tool--account .navigation__tool__section__label {
  display: none;
}

.navigation__theme {
  grid-column: 1/-1
}

.navigation__theme .navigation__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.navigation__theme__image {
  -ms-flex: 0 0 3.75em;
      flex: 0 0 3.75em;
  width: 100%;
  height: 0;
  margin-right: .5em;
  padding-top: 5em;
  overflow: hidden;
  border-radius: 4px;
}

.navigation__theme__text__name {
  margin-bottom: 0;
}

.navigation__theme__text__description {
  font-size: 0.875em;
  font-weight: normal;
  color: rgba(25, 25, 25, .50);
  margin-bottom: 0;
}

@media (min-width: 25em) {
  .navigation__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 48em) {
  .navigation__tool {
    transform: translateY(0) translateX(-100%)

  }
  .navigation__tool--home {
    z-index: 0;
  }
  .navigation__tool--menu {
    max-width: 32em;
    padding-bottom: 2em;
    border-right: 4px solid rgba(25, 25, 25, .30);
  }
  .navigation__tool--account {
    border-left: 4px solid rgba(25, 25, 25, .30);
    left: unset;
    max-width: 16em;
    transform: translateY(0) translateX(100%);
  }
  .navigation__tool--account .navigation__items {
    grid-template-columns: 1fr;
  }
  .navigation__tool:target, .navigation__tool--open {
    transform: translateX(0);
  }
  .navigation--header.darken::after {
    content: '';
    position: fixed;
    background: rgba(25, 25, 25, .70);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    animation: fade-in .15s linear;
  }
  .navigation__theme {
    grid-column: span 1;
  }
}

@media (min-width: 84em) {
  .no-touch {
  }
  .no-touch .navigation--header {
}
  .no-touch .navigation--header.headroom--unpinned {
    transform: translateY(0);
  }
  .no-touch .navigation__toolset {
    display: none;
  }
  .no-touch .navigation__tool {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    overflow: visible;
    visibility: unset;
    transform: unset;
    position: unset;
    border-left: 1px dotted rgba(25, 25, 25, .10);
  }
  .no-touch .navigation__tool__close {
    display: none;
  }
  .no-touch .navigation__tool > ul {
    height: 100%;
  }
  .no-touch .navigation__tool .navigation__tool__section {
    margin: 0;
  }
  .no-touch .navigation__items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    max-height: 18em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-top: 1px solid rgba(25, 25, 25, .10);
    border-bottom: 4px solid rgba(25, 25, 25, .10);
    border-left: 1px solid rgba(25, 25, 25, .30);
  }
  .no-touch .navigation__items::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  .no-touch .navigation__items::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(25, 25, 25, .30);
  }
  .no-touch .navigation__items::-webkit-scrollbar-track {
    background-color: rgba(25, 25, 25, .10);
  }
  .no-touch .navigation__items hr {
    border-bottom: 2px solid rgba(25, 25, 25, .10);
  }
  .no-touch .navigation__items .navigation__item {
    font-size: 0.750em;
  }
  .no-touch .navigation__item {
    height: 100%;
    border-radius: 0;
  }
  .no-touch .navigation__item .icon {
    height: 1.5em;
    width: 1.5em;
  }
  .no-touch .navigation__item .xsmall .icon {
    height: 1em;
    width: 1em;
  }
  .no-touch .navigation__tool__section {
    display: inline-block;
    position: relative;
    margin: 0;
  }
  .no-touch .navigation__tool__section:hover, .no-touch .navigation__tool__section:focus-within {
    background: rgba(25, 25, 25, .10);
  }
  .no-touch .navigation__tool__section:hover .navigation__items, .no-touch .navigation__tool__section:focus-within .navigation__items {
    display: block;
  }
  .no-touch .navigation__tool__section__label.navigation__item {
    height: 100%;
    font-size: 0.875em;
    line-height: 1.75;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: none;
    padding: .75em 1.25em .75em .75em;
  }
  .no-touch .navigation__tool__section__label.navigation__item::after {
    content: '\25BE';
    position: absolute;
    right: .5em;
    opacity: .5;
  }
  .no-touch .navigation__tool--home {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    overflow: visible;
    visibility: unset;
    transform: unset;
    position: absolute;
    border-left: none;
    width: 9em;
  }
  .no-touch .navigation__tool--home .navigation__item {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 0;
  }
  .no-touch .navigation__tool--menu {
    max-width: none;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    border-right: none;
    padding-bottom: 0;
  }
  .no-touch .navigation__tool--menu ul {
    margin-bottom: 0;
  }
  .no-touch .navigation__tool--menu .navigation__tool__section {
    border-top: none;
  }
  .no-touch .navigation__tool--menu .navigation__tool__section__label.navigation__item {
    font-size: 0.875em;
    line-height: 1.75;
  }
  .no-touch .navigation__tool--account {
    border-right: 1px dotted rgba(25, 25, 25, .10);
  }
  .no-touch .navigation__tool--account .navigation__tool__section__label {
    display: -ms-flexbox;
    display: flex;
  }
  .no-touch .navigation__tool--account .navigation__items {
    right: -4px;
    left: unset;
  }
  .no-touch .navigation__tool--account .logotype, .no-touch .navigation__tool--account .logo {
    max-height: 4em;
  }
}

.relationship-disclosure {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  margin-bottom: 0.75em;
  font-size: 0.6875em;
  line-height: 1.2
}

.relationship-disclosure p {
  margin-bottom: 0;
}

.relationship-disclosure--co-production {
  font-weight: bold;
}

.relationship-disclosure--co-production .partner-logo {
  -ms-flex: 0 0 4em;
      flex: 0 0 4em;
  margin-right: 1em;
}

.relationship-disclosure--co-production .partner-logo img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

.relationship-disclosure--co-production .partner-label {
  line-height: 1.5;
  padding: .5em;
  max-width: 24em;
}

.relationship-disclosure--sponsorship {
  display: block;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

.relationship-disclosure--sponsorship p {
  -ms-flex: 1 1 6em;
      flex: 1 1 6em;
}

.relationship-disclosure--sponsorship .partner-logo {
  width: 100%;
  max-width: 10em;
  max-height: 5em;
  display: block;
  margin-right: .5em;
  margin-bottom: .25em;
  object-fit: contain;
  object-position: left;
}

.relationship-disclosure--sponsorship .partner-description {
  display: block;
  font-weight: bold;
  margin-bottom: .5em;
}

.relationship-disclosure--sponsorship .sponsorship-more {
  opacity: .7;
  font-size: .875em;
  -ms-flex-preferred-size: 3em;
      flex-basis: 3em;
}

@media (min-width: 48em) {

  .relationship-disclosure--sponsorship {
    display: -ms-flexbox;
    display: flex;
  }

  .relationship-disclosure--sponsorship .sponsorship-more {
    text-align: right;
  }

  .relationship-disclosure--sponsorship .partner-description {
    margin-bottom: 0;
  }
}

.PaywallNotice {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 48px;
  padding-left: 3rem;
  padding-right: 48px;
  padding-right: 3rem;
  background-color: rgba(25, 25, 25, .10);
  border-radius: 4px;
  border: 1px solid;
  border-color: rgba(25, 25, 25, .30);
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

@keyframes highlight {
  0% {
    background: rgba(119, 185, 185, .50);
  }
  50% {
    background: rgba(119, 185, 185, .50);
  }
  100% {
    background: rgba(255, 255, 255, 1);
  }
}

.PeerComment {
  color: #191919;
  background: #ffffff;
  border-radius: 4px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50))
}

.PeerComment:target, .PeerComment__response:target {
  animation: highlight 5s ease-out;
}

.PeerComment__actions .icon {
  height: 1em;
  width: 1em;
  vertical-align: middle;
}

.PeerComment__comment p {
  margin-bottom: 0.75em;
}

.PeerComment__responses {
  background-color: rgba(25, 25, 25, .05);
}

.PeerComment__response .avatar {
  height: 1.5em;
  width: 1.5em;
  vertical-align: text-bottom;
  margin-right: 0.25em;
}

.PeerComment__response p {
  margin-bottom: 0.75em;
}

.PeerCommentCounter {
}

.PeerCommentCounter .icon {
  vertical-align: text-bottom;
  margin-right: 0.25em;
  height: 1.5em;
  width: 1.5em;
}

.person__avatar {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
}

.person__certified {
  position: absolute;
  right: -.25em;
  bottom: 0;
  line-height: 0;
}

.person__about {
  -ms-flex: 1 1 1em;
      flex: 1 1 1em;
  margin-bottom: 0.750em;
}

.person__badges {
  margin-top: .5em;
  opacity: .9;
}

.person .avatar {
  display: block;
  height: 3em;
  width: 3em;
}

.person__fullname {
  margin-bottom: 0;
  line-height: 1.25em;
}

.person__links {
  list-style-type: none;
  padding-left: 0;
}

.person__links li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff2679
}

.person__links li:last-child {
  margin-bottom: 0;
}

.lazy-load {
  background-color: rgba(255, 255, 255, .30);
}

.person .credentials {
  font-size: 0.875em;
  line-height: 1.25em;
}

.person.view > header {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  background-color: rgba(255, 255, 255, .10);
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}

.person.view > header .button {
  font-size: 14px;
  line-height: 1;
}

.person.view > section {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem
}

@media (min-width: 32em) {

  .person.view > section {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .person.view > section {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .person.view > section {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .person.view > section {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .person.view > section {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .person.view > section {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .person.view > section {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .person.view > section {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .person.view > section {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .person.view > section {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .person.view > section {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .person.view > section {
    margin-right: 30%;
  }
}

.person.view > section > header {
  font-weight: bold;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid;
}

.person.view .person .avatar {
  height: 5em;
  width: 5em;
}

.person.view .person__certified .icon {
  height: 1.5em;
  width: 1.5em;
}

.person.view .ReportCard {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.person.view .Note {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {
  .person.view .person__about {
    max-width: 13em;
  }
}

.shade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: calc(100vh - 40px);
  margin-top: 40px;
  padding: 4em 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: transform .25s ease-in-out, opacity 0s linear .25s;
}

@media (min-width: 48em) {

  .shade {
    height: calc(100vh - 60px);
    margin-top: 60px;
  }
  }

.has-shade {
}

.has-shade:target, .has-shade.shade-open {
}

.has-shade:target .js-open-shade, .has-shade.shade-open .js-open-shade {
  display: none;
}

.has-shade:target .js-close-shade, .has-shade.shade-open .js-close-shade {
  display: inline-block;
}

.has-shade:target .shade, .has-shade.shade-open .shade {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: transform .25s ease-in-out;
}

.has-shade .js-close-shade {
  display: none;
}

.ShareButton {
  padding: .5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none
}

.ShareButton label {
  cursor: pointer;
}

.ShareButton .icon + label {
  margin: 0 .5em;
}

.ShareButton:hover, .ShareButton:target, .ShareButton:focus {
  background: rgba(25, 25, 25, .10);
}

@media (min-width: 32em) {

  .ShareButton {
}

  .ShareButton label {
    display: unset;
  }
  }

.ShareButtons {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  border: 1px solid rgba(25, 25, 25, .30);
  border-radius: 4px;
  font-size: 0.875em;
  position: relative
}

.ShareButtons__label {
  display: block;
  font-size: 0.875em;
  padding: .5em 1em;
  background: rgba(25, 25, 25, .10);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid rgba(25, 25, 25, .30);
}

.ShareButtons__label .icon {
  width: 1em;
  height: 1em;
}

.ShareButtons__label__text {
  margin-left: .5em;
}

.ShareButtons__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
}

.ShareButtons__item {
  margin-bottom: 0;
}

.Tag {
  display: block;
  padding: .25em .5em;
  border: 1px solid rgba(25, 25, 25, .10);
  border-radius: 4px;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.750em;
  line-height: 1.2;
  color: #ffffff;
  background: rgba(25, 25, 25, .70);
}

.TagList li {
  margin-bottom: .1em;
}

/* A view contains layout rules for a single model or page.
They often contain some custom styles as well. Often,
we will start by styling a view before decomposing its
styles into more reusable patterns or rules. */

.AboutPage {
}

.AboutPage h2 {
  border-bottom: 1px solid rgba(25, 25, 25, .30);
}

.AboutPage > header {
  font-size: 1.5em;
  text-align: center;
}

.AboutPage__Story,
  .AboutPage__Staff,
  .AboutPage__Partners {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.AboutPage__Staff {
  background-color: #ff2679
}

.AboutPage__Staff h2 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  color: #ffffff;
  fill: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, .30);
}

.AboutPage__Staff .StaffMember {
  -ms-flex: 0 1 16em;
      flex: 0 1 16em;
  margin: 0 1em 1em 0;
}

.PartnerGroup {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-bottom: 1.5em
}

@media (min-width: 32em) {

  .PartnerGroup {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .PartnerGroup {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .PartnerGroup {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .PartnerGroup {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .PartnerGroup {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .PartnerGroup {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .PartnerGroup {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .PartnerGroup {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .PartnerGroup {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .PartnerGroup {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .PartnerGroup {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .PartnerGroup {
    margin-right: 30%;
  }
}

.PartnerGroup__partners {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.PartnerGroup .partner.card {
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
  margin: 0 1em 1em 0;
}

.StaffMember {
  padding: 24px;
  padding: 1.5rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50)
}

.StaffMember .icon {
  height: 1.5em;
  width: 1.5em;
  margin: .5em;
}

.StaffMember ul {
  list-style-type: none;
  padding-left: 0;
  padding-left: 0;
}

.StaffMember ul li {
  display: inline-block;
}

@media (min-width: 48em) {
  .AboutPage {
  }
  .AboutPage > header {
    font-size: 3em;
  }
  .AboutPage__Story__body {
    columns: 2;
    column-gap: 1.5em;
  }
}

@media (min-width: 64em) {
  .PartnerGroup .partner.card {
    -ms-flex-positive: 0;
        flex-grow: 0;
  }
}

@media (min-width: 80em) {
  .PartnerGroup {
    margin-bottom: 3em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start
  }
  .PartnerGroup > header {
    -ms-flex: 1 1 16em;
        flex: 1 1 16em;
    padding-right: 1.5em;
  }
  .PartnerGroup__partners {
    -ms-flex: 1 1 32em;
        flex: 1 1 32em;
  }
}

.Answers.page {
  padding-top: 0;
  background: rgba(25, 25, 25, .10);
}

.Answers .permalink {
  opacity: .5
}

.Answers .permalink .icon {
  height: 0.750em;
  width: 0.750em;
}

.Answers__header {
  grid-template-columns: 1fr 1fr;
  -ms-flex-align: stretch;
      align-items: stretch;
  background: #191919;
  color: #ffffff;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding: 1em
}

@media (min-width: 48em) {

  .Answers__header {
    display: grid;
    padding: 2em 4em;
  }
  }

.Answers__header .title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.Answers__header .image-container {
  display: none;
  -ms-flex-order: 1;
      order: 1;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

@media (min-width: 48em) {

  .Answers__header .image-container {
    display: block;
  }
}

.Answers__header .title {
  font-size: 2em;
  margin-bottom: 0;
  margin-right: 2em;
  line-height: 1.2;
}

@media (min-width: 64em) {

  .Answers__header .title {
    font-size: 2.5em;
    margin-bottom: 2rem;
  }
}

.Answers__header .title::after {
  content: ':';
}

.Answers__header .summary {
  font-size: 0.875em;
  opacity: .7;
}

.Answers__header .featured-image img {
  border-radius: 2px;
}

.Answers__header .featured-image--credit {
  top: 100%;
  left: 0;
  width: 100%;
  text-align: right;
  -ms-writing-mode: lr;
      writing-mode: lr;
}

.Answers__toc {
  background: #191919;
  padding: 0 16px 16px;
  padding: 0 1rem 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  grid-gap: 1.5em;
  font-size: 0.875em
}

@media (min-width: 48em) {

  .Answers__toc {
    padding: 2rem 4rem;
  }
  }

.Answers__toc, .Answers__toc li {
  margin-bottom: 0;
}

.Answers__toc .section-card {
  display: block;
  height: 100%;
  padding: 1em;
  border: 1px solid rgba(25, 25, 25, .30);
  background: white;
  text-decoration: none;
  transform: translateY(0);
  transition: transform .1s ease-in-out;
}

.Answers__toc .section-card:hover {
  color: #ff2679;
  transform: translateY(-.25em);
}

.Answers__actions {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px;
  padding: .5rem;
  margin-bottom: 1.5em;
  background: #77b9b9
}

@media (min-width: 48em) {

  .Answers__actions {
    padding: 1rem 3rem;
  }
  }

.Answers__action {
  text-align: center;
  margin: .5em;
  border: 1px solid rgba(25, 25, 25, .50);
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
  padding: 1em;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  border-radius: 4px
}

.Answers__action p {
  font-weight: bold;
}

@media (min-width: 48em) {

  .Answers__action {
    margin: 1rem;
  }
  }

.Answers__references {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  column-count: 3;
  column-gap: 1em;
  column-width: auto
}

@media (min-width: 32em) {

  .Answers__references {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .Answers__references {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .Answers__references {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .Answers__references {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .Answers__references {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .Answers__references {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .Answers__references {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .Answers__references {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .Answers__references {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .Answers__references {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .Answers__references {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .Answers__references {
    margin-right: 30%;
  }
}

.Answers__references li {
  break-inside: avoid-column;
}

.Answers__references h2 {
  column-span: all;
}

.Answers .question {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-weight: bold;
  font-size: 1.250em;
}

.AnswerSection {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  background: #ffffff;
  border: 1px solid rgba(25, 25, 25, .30);
  scroll-margin-top: 4.5em
}

@media (min-width: 32em) {

  .AnswerSection {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .AnswerSection {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .AnswerSection {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .AnswerSection {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .AnswerSection {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .AnswerSection {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .AnswerSection {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .AnswerSection {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .AnswerSection {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .AnswerSection {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .AnswerSection {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .AnswerSection {
    margin-right: 30%;
  }
}

@media (max-width: 32em) {

  .AnswerSection {
    margin: .5em 0;
    border-left: none;
    border-right: none;
  }
  }

.AnswerSection .question {
  font-size: 1.500em;
  font-style: italic;
}

.AnswerSection__header, .AnswerSection__footer {
  padding: 0 1em;
}

@media (min-width: 64em) {

  .AnswerSection__header, .AnswerSection__footer {
    padding: 0 3em;
  }
}

.AnswerSection__answer {
  padding: 1em 0;
}

.AnswerSection__answer.bodytext > * {
  margin-left: 1em;
  margin-right: 1em;
}

@media (min-width: 64em) {

  .AnswerSection__answer.bodytext > * {
    margin-left: 3em;
    margin-right: 3em;
  }
}

.AnswerSection__header {
  grid-template-columns: 3fr 1fr;
  grid-gap: 0 3em;
  padding-top: 1em;
  margin-bottom: 1.5em
}

.AnswerSection__header__right {
  -ms-flex-item-align: end;
      align-self: end;
}

.AnswerSection__header .question, .AnswerSection__header .AnswerSection__actions {
  grid-column: span 2;
}

.AnswerSection__header .tldr {
  border-top: 1px solid rgba(25, 25, 25, .10);
  border-bottom: 1px solid rgba(25, 25, 25, .10);
  padding: 1em 0;
  margin-bottom: 1em;
}

.AnswerSection__header .tldr p:last-child {
  margin-bottom: 0;
}

@media (min-width: 64em) {

  .AnswerSection__header {
    padding-top: 3em;
    display: grid;
  }

  .AnswerSection__header .tldr {
    margin-bottom: 0;
    padding: 1em;
    border: 1px solid rgba(25, 25, 25, .10);
  }
  }

.AnswerSection__footer {
  background: rgba(25, 25, 25, .05);
}

.AnswerSection__actions {
  font-size: 0.875em
}

.AnswerSection__actions .ShareButton label {
  display: none;
}

.AnswerSection__actions .ShareButton .icon {
  margin: 0 auto;
}

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

.AnswerSection__references {
}

.AnswerSection__references summary {
  padding: 1em 0;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  font-size: 0.875em;
  cursor: pointer;
}

.AnswerSection__references ul {
  padding: 1.5em 0;
  margin-bottom: 0;
}

.AnswerSection .authors ul {
  display: -ms-flexbox;
  display: flex;
  font-size: 0.750em;
  margin-bottom: 12px;
  margin-bottom: 0.75rem
}

.AnswerSection .authors ul .author {
  margin-bottom: 0;
}

.Reference {
  font-size: 0.750em;
  line-height: 1.2;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}

.Reference cite {
  display: block;
  font-style: normal;
  margin: .25em;
}

.Reference a {
  display: block;
  background: transparent;
  overflow: auto;
}

.Reference a:hover {
  background: rgba(25, 25, 25, .05);
}

/* Article Typography */

.bodytext {
  line-height: 1.7
}

.bodytext > * {
}

@media (min-width: 32em) {

  .bodytext > * {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (min-width: 64em) {

  .bodytext > * {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}

@media (min-width: 90em) {

  .bodytext > * {
    margin-left: 9rem;
    margin-right: 9rem;
  }
}

.bodytext p {
  margin-bottom: 1.500em;
}

.bodytext ul {
  margin-bottom: 1.500em;
}

.bodytext li {
  margin-bottom: 0.750em;
}

.bodytext h3 {
  font-size: 1.250em;
  margin-top: 48px;
  margin-top: 3rem;
}

.bodytext .pullquote {
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.6;
  margin: 24px 0;
  margin: 1.5rem 0;
}

.bodytext .pullquote blockquote {
  border: none;
  font-size: 1.250em;
}

@media (min-width: 32em) {

  .bodytext .pullquote {
    margin: 3rem;
  }
}

@media (min-width: 64em) {

  .bodytext .pullquote {
    margin: 3rem 9rem;
  }

  .bodytext .pullquote blockquote {
    font-size: 1.500em;
  }
}

.bodytext figure {
  margin: 0 auto 1.500em;
  font-size: 0.875em;
  line-height: 1.5em;
  max-width: 24em;
}

.bodytext figure img, .bodytext figure picture {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto 12px;
  margin: 0 auto 0.750rem;
  border: 1px solid rgba(25, 25, 25, .50);
}

.bodytext figure figcaption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  font-size: 0.875em;
  line-height: 1.25;
  opacity: .7;
}

.bodytext figure .caption {
  -ms-flex: 4 1 12em;
      flex: 4 1 12em;
  display: block;
  margin-bottom: 0.75em;
}

.bodytext figure .caption p {
  margin-bottom: 0;
  line-height: 1.4;
}

.bodytext figure .credit {
  -ms-flex: 1 1 12em;
      flex: 1 1 12em;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: block;
  text-align: right;
  font-size: 0.750em;
  line-height: 1.5;
}

.bodytext figure.small, .bodytext figure.medium, .bodytext figure.large {
  font-size: inherit;
  line-height: inherit;
  max-width: 100%;
}

@media (min-width: 48em) {

  .bodytext figure {
}

  .bodytext figure img, .bodytext figure picture {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  }

  .bodytext figure figcaption {
    font-size: 0.750em;
  }

  .bodytext figure.small {
    max-width: 16em;
  }

  .bodytext figure.medium, .bodytext figure.large {
    max-width: 20em;
  }

  .bodytext figure.medium .caption, .bodytext figure.large .caption {
    max-width: 75%;
  }
}

@media (min-width: 64em) {

  .bodytext figure {
    margin: 3em auto;
  }

  .bodytext figure.large {
    max-width: 100%;
  }

  .bodytext figure.large img, .bodytext figure.large picture {
    width: 100%;
    max-height: unset;
  }
}

.bodytext figure.left {
  position: relative;
  -ms-flex-direction: row;
      flex-direction: row;
}

.bodytext figure.left img, .bodytext figure.left picture {
  margin: 0 auto 0.75em 0;
}

.bodytext figure.left figcaption {
  margin-left: 0;
}

.bodytext figure.left .caption {
  margin-right: auto;
}

@media (min-width: 48em) {

  .bodytext figure.left {
}

  .bodytext figure.left img, .bodytext figure.left picture {
    transform: rotate(-2deg);
  }

  .bodytext figure.left.small {
    position: relative;
    float: left;
    clear: left;
    margin-right: 3rem;
  }
}

@media (min-width: 64em) {

  .bodytext figure.left {
}

  .bodytext figure.left.medium {
    position: relative;
    float: left;
    clear: left;
    margin-right: 3rem;
  }
}

.bodytext figure.right {
  position: relative;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.bodytext figure.right img, .bodytext figure.right picture {
  margin: 0 0 0.75em auto;
}

.bodytext figure.right figcaption {
  margin-right: 0;
}

.bodytext figure.right .caption {
  margin-left: auto;
}

@media (min-width: 48em) {

  .bodytext figure.right {
}

  .bodytext figure.right img, .bodytext figure.right picture {
    transform: rotate(2deg);
  }

  .bodytext figure.right.small {
    float: right;
    clear: right;
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .bodytext figure.right {
}

  .bodytext figure.right.medium {
    float: right;
    clear: right;
    margin-left: 1.5rem;
  }
}

.bodytext figure.center {
  display: block;
  margin: 0 auto 1.5em;
}

.bodytext figure.center .caption {
  margin-left: auto;
  margin-right: auto;
}

.bodytext figure.medium.center {
  max-width: 32em;
}

.bodytext figure.medium.center img, .bodytext figure.medium.center picture {
  width: 100%;
}

.bodytext figure.large.center {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.bodytext figure.large.center img, .bodytext figure.large.center picture {
  padding: 0;
  border: none;
  box-shadow: none;
}

.bodytext iframe {
  display: inline-block !important;
  width: 100%;
}

.bodytext .oembed {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
}

.bodytext .oembed iframe[src*="player.vimeo"] {
  height: 24em;
}

.bodytext .oembed iframe[src*="youtube.com"] {
  height: 24em;
}

.bodytext .oembed twitterwidget {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
  border-radius: 4px;
}

.bodytext--dropcap:first-letter {
  float: left;
  padding-right: .125em;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 4em;
  line-height: .625em;
  color: #ff2679;
}

@media (min-width: 48em) {

  .bodytext--dropcap:first-letter {
    line-height: .7em;
  }
}

.article .bodytext > p:last-of-type:after {
  content: "\273A";
  color: #ff2679;
  margin-left: .25em;
}

/* Article Layout */

.ArticleCover {
  color: #191919;
  fill: #191919;
  overflow: hidden
}

.ArticleCover .background__color {
  background: linear-gradient(180deg, rgba(255, 255, 255, .30), #FFFFFF);
  z-index: 1;
  opacity: 1;
}

.ArticleCover .background__image {
  display: none;
}

.ArticleCover .grid {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  grid-template-columns: 1fr;
  grid-gap: 0.75em 0;
  padding: 1.5em 0 0;
}

@media (min-width: 32em) {

  .ArticleCover .grid {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ArticleCover .grid {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ArticleCover .grid {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ArticleCover .grid {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ArticleCover .grid {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ArticleCover .grid {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .ArticleCover .grid {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ArticleCover .grid {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ArticleCover .grid {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ArticleCover .grid {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ArticleCover .grid {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .ArticleCover .grid {
    margin-right: 30%;
  }
}

.ArticleCover__image, .ArticleCover__video {
}

.ArticleCover__image img, .ArticleCover__image picture, .ArticleCover__image .responsive-video-wrapper, .ArticleCover__video img, .ArticleCover__video picture, .ArticleCover__video .responsive-video-wrapper {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.ArticleCover__details, .ArticleCover__image, .ArticleCover__video {
  grid-column: 1/-1;
  grid-row-start: auto;
}

.ArticleCover__metadata {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  font-size: 0.750em;
  margin-bottom: 0.75em;
}

.ArticleCover__metadata .date, .ArticleCover__metadata .PeerCommentCounter {
  font-size: 1em;
  font-weight: bold;
  opacity: .5;
}

.ArticleCover .relationship-disclosure--co-production {
  color: rgba(25, 25, 25, .70);
}

.ArticleCover__author {
  font-size: 0.875em;
}

.ArticleCover__author a {
  text-decoration: none;
}

.ArticleCover__image {
  transform: rotate(4deg);
}

.ArticleCover .title {
  position: relative;
  margin: 16px 0;
  margin: 1rem 0;
  margin-top: -2em;
}

.ArticleCover .relationship-disclosure + .title {
  margin-top: 16px;
  margin-top: 1rem;
}

.ArticleCover .subtitle {
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
  max-width: 48em;
}

.ArticleCover--video {
  color: #ffffff;
  fill: #ffffff;
}

.ArticleCover--video .background__color {
  background: linear-gradient(180deg, rgba(25, 25, 25, .30), #191919);
  opacity: 1;
}

.ArticleCover--video .ArticleCover__partner {
  margin-top: 0;
}

.ArticleCover--video .ArticleCover__author {
  display: none;
}

.ArticleCover--video .ArticleCover__video {
  width: 100%;
}

.ArticleCover--video .ArticleCover__video .responsive-video-wrapper {
  overflow: hidden;
  border-radius: 4px;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.ArticleCover--video .ArticleCover__video .responsive-video-wrapper iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.ArticleCover--video .relationship-disclosure--co-production {
  color: rgba(255, 255, 255, .70);
}

@media (min-width: 38em) {

  .ArticleCover {
}

  .ArticleCover .grid {
    grid-template-columns: 2fr 3fr;
    grid-gap: 1.5em 0;
    padding-bottom: 1.5em;
  }

  .ArticleCover__details, .ArticleCover__image, .ArticleCover__video {
    grid-row-start: 1;
  }

  .ArticleCover__image, .ArticleCover__video {
    grid-column: 2/3;
  }

  .ArticleCover__details {
    grid-column: 1/2;
    -ms-flex-item-align: end;
        align-self: end;
    margin-right: 1.5em;
  }

  .ArticleCover .title {
    width: 200%;
    margin-top: 1rem;
  }

  .ArticleCover--video .title {
    width: 125%;
    font-size: 1.3em;
  }
  }

.article.view {
}

.article.view .ArticleCover {
  margin-bottom: 1.5em;
}

.article.view.article--video {
  background: #191919;
  color: #ffffff;
  fill: #ffffff;
}

.article.view.article--video .Tag {
  background: rgba(255, 255, 255, .30);
}

.article.view.article--video blockquote {
  border-color: rgba(255, 255, 255, .50);
}

.article.view .ArticleCover--video {
}

.article.view .ArticleCover--video .ArticleCover__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.article.view .ArticleCover--video .ArticleCover__video {
  position: relative;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.article.view .ArticleCover--video .title {
  -ms-flex: 3 1 384px;
      flex: 3 1 384px;
  -ms-flex: 3 1 24rem;
      flex: 3 1 24rem;
  margin-right: 24px;
  margin-right: 1.5rem;
}

.article.view .ArticleCover--video .subtitle {
  max-width: 100%;
  -ms-flex: 1 1 384px;
      flex: 1 1 384px;
  -ms-flex: 1 1 24rem;
      flex: 1 1 24rem;
}

.article.view .Paywall--active {
  max-width: 54em;
  margin: 0 auto;
  padding: 0 1em;
}

.article.view .article__sidebar {
  font-size: 0.875em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .article.view .article__sidebar {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .article.view .article__sidebar {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .article.view .article__sidebar {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .article.view .article__sidebar {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .article.view .article__sidebar {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .article.view .article__sidebar {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .article.view .article__sidebar {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .article.view .article__sidebar {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .article.view .article__sidebar {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .article.view .article__sidebar {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .article.view .article__sidebar {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .article.view .article__sidebar {
    margin-right: 30%;
  }
}

.article.view .article__sidebar .card, .article.view .article__sidebar .ShareButtons {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 32em) {

  .article.view .article__sidebar {
    float: right;
    width: 16rem;
    margin-left: 1.5rem;
  }
}

.article.view .ReportExcerpt__ReportCard + .article__sidebar {
  display: none;
}

@media (min-width: 32em) {

  .article.view .ReportExcerpt__ReportCard + .article__sidebar {
    display: unset;
  }
}

.article.view .speechkit-embed {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.titleLabel {
  line-height: 1.8;
  padding: 0.15em 0.3em;
  color: #ffffff;
  fill: #ffffff;
  background-color: #191919;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  transition: background-color .1s linear;
  box-shadow: none;
}

a.titleLabel:hover {
  color: #ffffff;
  fill: #ffffff;
  background-color: #ff2679;
}

@media (max-width: 38rem) {
  .article .authors {
    margin-bottom: 1.250em;
  }
}

.article .author {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%
}

.article .author .person__portrait {
  height: 3em;
  width: auto;
}

.article .author:not(:last-child) {
  margin-bottom: 0.875em;
}

.relatedArticles {
  margin-top: 1.5em
}

.relatedArticles > h1 {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  font-size: 1.500em;
  border-bottom: 1px solid rgba(25, 25, 25, .50);
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

@media (min-width: 32em) {

  .relatedArticles > h1 {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .relatedArticles > h1 {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .relatedArticles > h1 {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .relatedArticles > h1 {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .relatedArticles > h1 {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .relatedArticles > h1 {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .relatedArticles > h1 {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .relatedArticles > h1 {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .relatedArticles > h1 {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .relatedArticles > h1 {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .relatedArticles > h1 {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .relatedArticles > h1 {
    margin-right: 30%;
  }
}

.relatedArticles .cardDeck {
  padding-top: 0;
}

.SyndicationTool {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  border-radius: 4px;
  border: 1px solid rgba(25, 25, 25, .30);
  margin-bottom: 1em;
  font-size: 0.875em;
  width: 100%
}

.SyndicationTool > * {
  padding: .5em;
}

.SyndicationTool summary {
  font-size: 0.875em;
  font-weight: bold;
  background: rgba(25, 25, 25, .10);
}

.SyndicationTool p {
  margin: 0;
  line-height: 1.2;
}

.SyndicationTool ol {
  margin: .5em 0;
  padding-left: 1em;
}

.SyndicationTool li {
  margin-bottom: .75em;
  line-height: 1.2;
}

.SyndicationTool blockquote {
  margin: .25em 0;
  border-color: 1px solid rgba(25, 25, 25, .30);
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

.SyndicationTool__snippet {
  display: inline-block;
  background: rgba(25, 25, 25, .90);
  color: #ffffff;
  margin: .25em 0;
  padding: .75em;
  border-radius: 4px;
  font-family: "Source Code Pro", monospace;
  font-size: 0.750em !important;
  line-height: 1.2;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  white-space: unset;
}

.SyndicationTool .Badge {
  float: right;
}

.SyndicationTool[open] {
}

.SyndicationTool[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: .5em;
}

.article.view .PeerComments {
  clear: both;
}

.ArticleRecording {
  width: 100%;
  /* Browsers add these margins to figure elements by default */
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: .5em;
  border: 1px solid rgba(25, 25, 25, .30);
  border-radius: 4px;
  background: #ffffff;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}

.ArticleRecording figcaption {
  font-size: 0.875em;
  margin-bottom: .5em;
}

.ArticleRecording figcaption::before {
  content: 'New!';
  margin-right: .25em;
  color: #ff2679;
  fill: #ff2679;
  font-weight: bold;
}

.ArticleRecording audio {
  width: 100%;
}

.Consortium {
  color: #ffffff;
  background: #1e2563;
}

.ConsortiumFrame {
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  fill: #ffffff;
  background: #1e2563;
  border-bottom: 1px solid rgba(25, 25, 25, .30);
  position: -webkit-sticky;
  position: sticky;
  height: 40px;
  top: 40px;
  z-index: 9
}

@media (min-width: 32em) {

  .ConsortiumFrame {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ConsortiumFrame {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ConsortiumFrame {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ConsortiumFrame {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ConsortiumFrame {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .ConsortiumFrame {
    padding-left: 30%;
  }
}

@media (min-width: 32em) {

  .ConsortiumFrame {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ConsortiumFrame {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ConsortiumFrame {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ConsortiumFrame {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ConsortiumFrame {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .ConsortiumFrame {
    padding-right: 30%;
  }
}

.ConsortiumFrame.headroom {
}

.ConsortiumFrame.headroom--top {
  box-shadow: 0px 4px 8px transparent;
  transition: box-shadow .3s linear;
}

.ConsortiumFrame.headroom--not-top {
  z-index: 11;
  box-shadow: 0px 4px 8px rgba(25, 25, 25, .30);
  transition: box-shadow .3s linear;
}

.ConsortiumFrame.headroom--not-top.headroom--unpinned {
  transition: transform .1s linear;
  transform: translateY(-40px);
}

.ConsortiumFrame.headroom--not-top.headroom--pinned {
  z-index: 9;
  transform: translateY(0);
  transition: transform .1s linear, z-index 0s linear .1s;
}

@media (min-width: 48em) {

  .ConsortiumFrame {
    height: 60px;
    top: 60px;
  }

  .ConsortiumFrame.headroom.headroom--unpinned {
    transform: translateY(-60px);
  }
  }

.ConsortiumFrame nav, .ConsortiumFrame nav li {
  height: 100%;
  margin-bottom: 0;
}

.ConsortiumFrame .navigation__item {
  font-size: 0.750em;
  line-height: 1.5;
}

.ConsortiumFrame .navigation__item:hover {
  background-color: rgba(25, 25, 25, .30);
}

@media (min-width: 48em) {

  .ConsortiumFrame .navigation__item {
    line-height: 2;
  }
}

.ConsortiumFrame .logotype--consortium {
  display: none;
  height: 40px;
  width: auto;
  margin-right: 1em;
  vertical-align: middle;
}

.ConsortiumFrame .logotype--consortium #MASSIVE-SCIENCE {
  fill: rgba(255, 255, 255, .30);
}

.ConsortiumFrame .logotype--consortium:hover {
  fill: #ff2679 !important;
}

@media (min-width: 48em) {

  .ConsortiumFrame .logotype--consortium {
    display: inline;
  }
}

.ConsortiumLanding {
}

.ConsortiumLanding .background__color {
  background: linear-gradient(180deg, rgba(30, 37, 99, .70), #1e2563);
  z-index: 1;
  opacity: 1;
}

.ConsortiumLanding .background__image {
  opacity: 1;
}

.ConsortiumLanding .logo--consortium {
  fill: #ff2679;
  height: 4em;
  width: 4em;
  margin-bottom: 1.5em;
}

.ConsortiumLandingHeader {
}

.ConsortiumLandingHeader .grid {
  min-height: 95vh;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.ConsortiumLandingHeader h1 {
  font-size: 1.5em;
  line-height: 1.2;
}

.ConsortiumLandingHeader h2 {
  font-size: 1.25em;
  line-height: 1.2;
}

.ConsortiumLandingHeader .MembershipPlan {
  font-size: 0.875em;
  max-width: 24em;
  -ms-flex-item-align: start;
      align-self: flex-start;
  justify-self: center;
  margin-bottom: 0;
}

@media (min-width: 32em) {

  .ConsortiumLandingHeader {
}

  .ConsortiumLandingHeader h1 {
    font-size: 1.75em;
  }

  .ConsortiumLandingHeader h2 {
    font-size: 1.5em;
  }

  .ConsortiumLandingHeader .MembershipPlan {
    font-size: 1em;
  }
}

.ConsortiumLandingDescription {
  text-align: center;
}

.ConsortiumLandingDescription h1 {
  max-width: 16em;
  margin: .75em auto;
}

.ConsortiumLandingDescription h2 {
  opacity: .7;
}

.ConsortiumLandingBenefits li:last-child {
  margin-bottom: 0;
}

.ConsortiumLandingTestimonial__quote {
  color: #191919;
  background: #ffffff;
  padding: .75em 1.5em;
  border-radius: 4px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.ConsortiumLandingTestimonial__quote::after {
  content: '';
  display: block;
  width: 64px;
  height: 28px;
  position: absolute;
  left: 28px;
  bottom: -28px;
  z-index: 1;
  background-image: url('/assets/consortium/quote-tip.png');
  background-repeat: no-repeat;
  background-size: 64px 28px;
}

.ConsortiumWelcomePage {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  background: #1e2563;
}

.ResourceContainer {
  background: rgba(25, 25, 25, .10)
}

.ResourceContainer .grid-main {
  margin-right: 0;
}

.ResourceContainer .grid-sidebar {
  -ms-flex-order: 1;
      order: 1;
}

@media (min-width: 64em) {

  .ResourceContainer {
}

  .ResourceContainer .grid-main {
    margin-right: 0.75rem;
  }
  }

@media (min-width: 64em) and (min-width: 32em) {

  .ResourceContainer .grid-main {
    margin-right: 1rem;
  }
}

@media (min-width: 64em) and (min-width: 48em) {

  .ResourceContainer .grid-main {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) and (min-width: 64em) {

  .ResourceContainer .grid-main {
    margin-right: 3rem;
  }
}

@media (min-width: 64em) and (min-width: 80em) {

  .ResourceContainer .grid-main {
    margin-right: 9rem;
  }
}

@media (min-width: 64em) and (min-width: 120em) {

  .ResourceContainer .grid-main {
    margin-right: 25%;
  }
}

@media (min-width: 64em) and (min-width: 160em) {

  .ResourceContainer .grid-main {
    margin-right: 30%;
  }
}

.Resource {
  background: #ffffff;
  margin: 0;
  padding: 1.5em
}

.ResourceHeader {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 38em;
  margin: 0 auto;
}

@media (min-width: 80em) {

  .ResourceHeader {
    margin: 1.5em auto;
  }
}

@media (min-width: 120em) {

  .ResourceHeader {
    margin: 3em auto;
  }
}

.ResourceHeader .title {
  line-height: 1.2;
  -ms-flex: 1 1 12em;
      flex: 1 1 12em;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-right: 16px;
  margin-right: 1rem;
}

.ResourceLastUpdated {
  line-height: 1.2;
  font-size: 0.750em;
  color: rgba(25, 25, 25, .50);
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-top: .25em;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.Resource .bodytext {
  max-width: 38em;
  margin: 0 auto;
}

.Resource .bodytext > * {
  margin-left: 0;
  margin-right: 0;
}

.Resource .bodytext figure.large img {
  border: 1px solid rgba(25, 25, 25, .10);
}

.Resource .bodytext figure.large figcaption {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (min-width: 64em) {

  .Resource {
    margin: 1.5em 0;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  }
  }

.ResourcePaywall {
}

.ResourcePaywallHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ResourcePaywallHeader h3 {
  -ms-flex: 1 1 12em;
      flex: 1 1 12em;
  margin-bottom: 0;
}

.ResourcePaywallHeader button {
  font-size: 0.875em;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.ResourceNavigation {
  margin: 1.5em;
  margin-left: 12px;
  margin-left: 0.75rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.875em
}

@media (min-width: 32em) {

  .ResourceNavigation {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ResourceNavigation {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ResourceNavigation {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ResourceNavigation {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ResourceNavigation {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ResourceNavigation {
    margin-left: 30%;
  }
}

.ResourceNavigationSection .ResourceNavigationSection {
  margin-left: .75em;
}

.ResourceNavigationSectionHeader {
  color: rgba(25, 25, 25, .50);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.750em;
}

.ResourceNavigationSectionHeader:hover {
  cursor: pointer;
}

.ResourceNavigationItemList {
  list-style: none;
  padding-left: 0;
  margin: .25em 0 .75em 4px;
  font-size: 0.875em;
}

.ResourceNavigationItemList li {
  margin: 0;
}

.ResourceNavigationItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  line-height: 1.2em;
  padding: .5em .5em .5em .75em;
  border-left: 2px solid rgba(25, 25, 25, .10);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: rgba(25, 25, 25, .90);
}

.ResourceNavigationItem:hover, .ResourceNavigationItem.active {
  color: #ff2679;
  border-color: #ff2679;
  background: rgba(25, 25, 25, .10);
}

.ResourceNavigationItem .icon {
  fill: #ff2679;
  height: 0.875em;
  width: 0.875em;
  margin-right: .25em;
}

.homepage {
  margin-top: 1em;
}

.homepage__section .cardDeck {
  padding: 0.75em 0;
}

.homepage--announcement {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: .5em .75em;
  border: 1px solid;
  border-radius: 4px;
  border-color: rgba(25, 25, 25, .30)
}

@media (min-width: 32em) {

  .homepage--announcement {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage--announcement {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage--announcement {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage--announcement {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage--announcement {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .homepage--announcement {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .homepage--announcement {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage--announcement {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage--announcement {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage--announcement {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage--announcement {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .homepage--announcement {
    margin-right: 30%;
  }
}

.homepage--announcement p {
  margin-bottom: 0;
}

.homepage--videos {
  background: #191919;
  color: #ffffff
}

.homepage--videos .cardDeck {
  padding: 1.5em 0;
}

.homepage--themes {
}

.homepage--themes .theme.card {
  width: 12em;
  padding-top: 100%;
}

@media (min-width: 48em) {

  .homepage--themes .theme.card {
    width: 14em;
  }
}

.homepage--notes {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  border-bottom: 1px dotted rgba(25, 25, 25, .30);
}

@media (min-width: 32em) {

  .homepage--notes {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage--notes {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage--notes {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage--notes {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage--notes {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .homepage--notes {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .homepage--notes {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage--notes {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage--notes {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage--notes {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage--notes {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .homepage--notes {
    margin-right: 30%;
  }
}

.homepage--reports {
  padding-top: 1.5em;
}

.homepage__section__consortium {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding: 1.5em;
  color: #ffffff

}

@media (min-width: 32em) {

  .homepage__section__consortium {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage__section__consortium {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage__section__consortium {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage__section__consortium {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage__section__consortium {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .homepage__section__consortium {
    padding-left: 30%;
  }
}

@media (min-width: 32em) {

  .homepage__section__consortium {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .homepage__section__consortium {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .homepage__section__consortium {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .homepage__section__consortium {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .homepage__section__consortium {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .homepage__section__consortium {
    padding-right: 30%;
  }
}

.homepage__section__consortium .icon {
  fill: #ff2679;
}

.homepage__section__consortium .background__color {
  background-color: #1e2563;
}

.homepage__section__consortium__logo {
  margin-right: 3em;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.homepage__section__consortium__text {
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
}

.homepage__section__consortium .description {
  font-size: 0.875em;
  font-weight: bold;
}

.homepage__section__consortium .description h2 {
  opacity: .7;
  margin-bottom: 1.5em;
}

.homepage__section__consortium .button {
  min-width: 8em;
  text-align: center;
  margin-right: 1.5em;
}

.homepage__section__consortium .logotype, .homepage__section__consortium .logo {
  height: 6em;
  width: auto;
}

.homepage__section__consortium .background__color {
  z-index: 1;
}

.homepage__section__consortium .background__image {
  opacity: 1;
  background-position: center center;
}

.institution.view {
}

.institution.view .institution__person {
  margin-bottom: 1.5em;
  padding-top: 1.5em;
  border-top: 2px solid rgba(255, 255, 255, .30);
}

.institution.view .institution__person .person {
  position: -webkit-sticky;
  position: sticky;
  top: calc(54px + 1.5em);
}

.newsletter {
  color: #ffffff;
  fill: #ffffff;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}

.newsletter__name .icon {
  height: 1.5em;
  width: 1.5em;
  vertical-align: middle;
  margin-right: 0.75em;
}

.newsletter .newsletter__callToAction {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 12px;
  margin-bottom: .75rem;
  line-height: 1.2;
}

.newsletter .newsletter__description {
  font-size: 0.750em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: .75em;
}

.newsletter .dripSignupForm {
  margin-bottom: .75em;
}

.newsletter .submission-field .button {
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.newsletter .background__color {
  z-index: 1;
}

.newsletter .background__image {
  opacity: .7;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(1);
  mix-blend-mode: multiply;
}

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

.newsletter.view {
  min-height: 80vh
}

.newsletter.view .dripSignupForm {
  max-width: 32em;
  margin: 3em auto;
}

.newsletter.billboard {
  display: none;
  color: rgba(25, 25, 25, .70);
  background: #ffffff;
  overflow: hidden
}

.newsletter.billboard.NewsletterBillboard--visible {
  display: block;
}

.newsletter.billboard .billboard__container {
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0 .75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: end;
      align-items: flex-end;
}

.newsletter.billboard .billboard__main {
  -ms-flex: 1 1 24em;
      flex: 1 1 24em;
}

.newsletter.billboard .newsletter__description {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-size: 0.875em;
}

@media (min-width: 48em) {

  .newsletter.billboard .newsletter__description {
    font-size: 0.750em;
  }
}

@media (min-width: 64em) {

  .newsletter.billboard .newsletter__description {
    -ms-flex: 1 1 16em;
        flex: 1 1 16em;
    margin-left: 1.5em;
  }
}

.newsletter.popup {
  padding: 1em 1.5em .75em;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  transform: translateX(0);
  transform-style: flat;
  animation-duration: .25s, .5s;
  animation-timing-function: ease-out;
  transition: visibility 0s linear .5s
}

.newsletter.popup .background__color {
  z-index: 1;
}

.newsletter.popup .background__image {
  opacity: .7;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(1);
}

.newsletter.popup.NewsletterPopup--visible {
  animation-name: flipInX;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear;
}

.newsletter.popup.NewsletterPopup--dismiss {
  animation-name: fade-out, slide-out-bottom;
}

.newsletter.popup .newsletter__dismiss {
  opacity: .7;
  transition: opacity .1s linear;
}

.newsletter.popup .newsletter__dismiss:hover {
  opacity: 1;
}

.newsletter.popup .newsletter__dismiss .button.dismiss--modal {
  display: none;
}

.newsletter.popup.NewsletterPopup--modal {
  margin: 0 5%;
  width: 90%;
  top: 40%;
  bottom: unset;
}

.newsletter.popup.NewsletterPopup--modal .newsletter__dismiss .button {
  display: none;
}

.newsletter.popup.NewsletterPopup--modal .newsletter__dismiss .button.dismiss--modal {
  display: inline-block;
}

@media (min-width: 48em) {

  .newsletter.popup.NewsletterPopup--modal {
    margin: 0 12.5%;
    width: 75%;
  }
}

@media (min-width: 64em) {

  .newsletter.popup.NewsletterPopup--modal {
    margin: 0 25%;
    width: 50%;
  }
}

.newsletter.popup .newsletter__dismiss .button {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  fill: inherit;
  background: rgba(25, 25, 25, .30);
  font-size: .6275em;
  border-radius: 9999px;
  margin-right: .125em;
}

.newsletter.popup .newsletter__dismiss .button:hover {
  background: rgba(25, 25, 25, .70);
}

.newsletter.popup .newsletter__dismiss .button.dismiss:hover {
  background: #ec7590;
}

.newsletter.popup .newsletter__dismiss .button.already-subscribed:hover {
  background: #77b9b9;
}

@media (min-width: 32em) {

  .newsletter.popup {
    max-width: 32em;
    right: unset;
    margin: 0 0.75em 0.75em 0.75em;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(25, 25, 25, .70);
  }
  }

.page {
  padding-top: 96px;
  padding-top: 6rem;
}

.page__title {
  text-align: center;
  line-height: 1.75em
}

@media (min-width: 48em) {

  .page__title {
    text-align: left;
    font-size: 2em;
  }
  }

@media (min-width: 64em) {

  .page__title {
    font-size: 2.5em;
  }
  }

.page.view .bodytext figure {
  margin: 0 auto;
  font-size: 1em;
  max-width: 32em;
}

.page.view .bodytext img {
  transform: none;
  filter: none;
  border: none;
}

.page--404 {
  min-height: 100vh;
  margin-bottom: 0;
  text-align: center
}

.page--404 .page {
  margin-top: 0;
  padding-top: 96px;
  padding-top: 6rem;
  margin-bottom: 0;
}

.page--404 .page__title {
  font-size: 6em;
  margin-bottom: 0;
  text-align: center;
}

.page--404 .icon--massive {
  height: 10em;
  width: 10em;
  transform-origin: 50% 50%;
  animation: spin-cw 1s linear infinite;
  transform-origin: right top;
}

.page--404 .icon--massive path {
  fill: #ff2679;
}

.anchor-offset {
  display: block;
  position: relative;
  top: -3em;
  visibility: hidden;
}

.Report.view {
}

.Report.view a.nounderline {
  text-decoration: none;
}

.Report.view a.dark-color {
  -webkit-text-decoration-color: rgba(25, 25, 25, .50);
          text-decoration-color: rgba(25, 25, 25, .50);
}

.Report.view a.dark-color:hover, .Report.view a.dark-color:focus {
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70);
}

.Report.view a.dark-color.nounderline {
  text-decoration: none;
}

.Report.view a.button {
  color: #ffffff;
  fill: #ffffff;
  text-decoration: none;
}

.Report.view a.button:hover, .Report.view a.button:focus {
  color: #ffffff;
  fill: #ffffff;
}

.Report.view.Report--recruiting, .Report.view.Report--inProgress {
}

.Report.view.Report--recruiting  .ReportFrame .button label, .Report.view.Report--inProgress  .ReportFrame .button label {
  display: inline-block;
}

.Report.view .background {
}

.Report.view .background__color {
  opacity: 1;
}

.Report.view .background__image {
  background-size: 100%;
  background-repeat: repeat;
  opacity: .25;
  position: fixed;
}

.Report.view .background__image.lazy-load {
  background-color: unset;
}

@media (min-width: 64em) {

  .Report.view {
}

  .Report.view .background__image {
    background-size: 40%;
  }
  }

.Report.view .ReportFrame {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70);
  border-bottom: 1px solid rgba(25, 25, 25, .30);
  position: -webkit-sticky;
  position: sticky;
  height: 40px;
  top: 40px;
  z-index: 99
}

.Report.view .ReportFrame.headroom {
}

.Report.view .ReportFrame.headroom--top {
  box-shadow: 0px 4px 8px transparent;
  transition: box-shadow .3s linear;
}

.Report.view .ReportFrame.headroom--not-top {
  z-index: 100;
  box-shadow: 0px 4px 8px rgba(25, 25, 25, .30);
  transition: box-shadow .3s linear;
}

.Report.view .ReportFrame.headroom--not-top.headroom--unpinned {
  transition: transform .1s linear;
  transform: translateY(-40px);
}

.Report.view .ReportFrame.headroom--not-top.headroom--pinned {
  z-index: 9;
  transform: translateY(0);
  transition: transform .1s linear, z-index 0s linear .1s;
}

@media (min-width: 48em) {

  .Report.view .ReportFrame {
    height: 60px;
    top: 60px;
  }

  .Report.view .ReportFrame.headroom.headroom--unpinned {
    transform: translateY(-60px);
  }
  }

.Report.view .ReportFrame__Menu {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.Report.view .ReportFrame__Menu__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 12px;
  margin-left: 0.75rem;
}

@media (min-width: 32em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .Report.view .ReportFrame__Menu__title {
    margin-left: 30%;
  }
}

.Report.view .ReportFrame__Menu a, .Report.view .ReportFrame__Menu a.button, .Report.view .ReportFrame__Menu .button {
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70);
  text-decoration: none;
}

.Report.view .ReportFrame__Menu a:hover, .Report.view .ReportFrame__Menu a:focus, .Report.view .ReportFrame__Menu a.button:hover, .Report.view .ReportFrame__Menu a.button:focus, .Report.view .ReportFrame__Menu .button:hover, .Report.view .ReportFrame__Menu .button:focus {
  color: rgba(255, 255, 255, .70);
  fill: rgba(255, 255, 255, .70);
  cursor: pointer;
}

.Report.view .ReportFrame__Menu ul {
  list-style-type: none;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-bottom: 0;
}

@media (min-width: 32em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .Report.view .ReportFrame__Menu ul {
    margin-right: 30%;
  }
}

.Report.view .ReportFrame__Menu .ReportPublicationDate {
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .Report.view .ReportFrame__Menu .ReportPublicationDate {
    margin-right: 30%;
  }
}

.Report.view .ReportFrame__Menu .ReportDownloadButton {
  background-color: rgba(25, 25, 25, .70);
  border: 2px solid rgba(25, 25, 25, .70);
  transition: background-color 0s linear;
}

.Report.view .ReportFrame__Menu .ReportDownloadButton:hover, .Report.view .ReportFrame__Menu .ReportDownloadButton:focus {
  background-color: rgba(255, 255, 255, .70);
  border-color: rgba(255, 255, 255, .70);
  cursor: pointer;
}

.Report.view .ReportFrame__Menu li {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-bottom: 0;
}

.Report.view .ReportFrame__Menu .icon {
  height: 1.5em;
  width: 1.5em;
  vertical-align: middle;
}

.Report.view .ReportFrame__Menu .button label {
  display: none;
  font-weight: bold;
  margin-left: .25em;
  cursor: pointer;
}

@media (min-width: 48em) {

  .Report.view .ReportFrame__Menu .button label {
    display: inline-block;
  }
}

.ReportShade {
  width: 100%;
  height: 100%;
  margin: auto;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  z-index: 102;
  padding: 0;
  opacity: 1
}

.ReportShade.shade {
  transform: translateX(50%);
  visibility: hidden;
}

.has-shade.shade-open .ReportShade.shade {
  transform: translateX(0%);
  visibility: visible;
  transition: transform .25s ease-out;
}

@media (min-width: 48em) {

  .ReportShade {
    width: 40%;
    height: 100%;
    margin-right: 0;
  }
  }

.ReportShade a.button, .ReportShade .button {
  color: rgba(25, 25, 25, .70);
  fill: rgba(25, 25, 25, .70);
  box-shadow: none;
}

.ReportShade a.button:hover, .ReportShade a.button:focus, .ReportShade .button:hover, .ReportShade .button:focus {
  color: rgba(255, 255, 255, .70);
  fill: rgba(255, 255, 255, .70);
  cursor: pointer;
}

.ReportShade__header {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  border-top: 1px solid rgba(255, 255, 255, .30);
}

.ReportShade__header__inner {
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.ReportShade__header .featured-image {
  display: none;
}

.ReportShade__header h2 {
  margin-bottom: 0;
}

.ReportShade__header .button {
  font-size: 0.875em;
}

.ReportShade__main {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  overflow: hidden;
}

.ReportShade__main .inline-list {
  margin: 24px;
  margin: 1.5rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.ReportShade__main .inline-list li {
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.ReportShade .ReportContents__section {
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  display: block;
  font-size: 0.875em;
}

.ReportShade .ReportContents__section__header {
  margin-top: 48px;
  margin-top: 3rem;
}

.ReportShade .ReportContents__section__header, .ReportShade .ReportContents__section__title {
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.ReportShade .ReportContents__section .featured-image {
  display: none;
}

.ReportShade .ReportContents__section .ReportChapter p {
  left: 50%;
  transform: translateX(-50%);
}

.ReportShade__overlay::after {
  content: "";
  background-color: rgba(25, 25, 25, .50);
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s
}

.shade-open .ReportShade__overlay::after {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s linear;
}

.Report--recruiting.view .ReportFrame .hide-s {
  display: none
}

@media (min-width: 48em) {

  .Report--recruiting.view .ReportFrame .hide-s {
    display: unset;
  }
  }

.ReportCover {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: repeat(2, auto);
  grid-gap: 1.5rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  background-color: rgba(255, 255, 255, .70)
}

@media (min-width: 32em) {

  .ReportCover {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportCover {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportCover {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportCover {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportCover {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .ReportCover {
    padding-left: 30%;
  }
}

@media (min-width: 32em) {

  .ReportCover {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportCover {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportCover {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportCover {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportCover {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .ReportCover {
    padding-right: 30%;
  }
}

.ReportCover__cover, .ReportCover__details, .ReportCover__contributors, .ReportCover__introduction {
  grid-column: 1/-1;
}

.ReportCover__details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
}

.ReportCover__number {
  display: block;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(25, 25, 25, .50);
}

.ReportCover__cover img {
  display: block;
  max-width: 50%;
  margin: 0 auto;
  transform: rotate(-2deg) translateY(-8px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.ReportCover__title {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 2em;
  line-height: 1.25;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.ReportCover__partners {
  font-size: 0.875em;
}

.ReportCover__partners__disclosure {
  font-size: 0.750em;
  margin-bottom: 0.5em;
}

.ReportCover__actions {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  border-top: 1px solid rgba(25, 25, 25, .50);
  border-bottom: 1px solid rgba(25, 25, 25, .50);
}

.ReportCover__introduction {
  font-family: "Source Serif Pro", "Georgia", serif;
}

.ReportCover .ReportContributors {
  list-style-type: none;
  padding-left: 0;
}

.ReportCover .ReportContributors li {
  margin-bottom: 0;
}

@media (min-width: 32em) {

  .ReportCover {
}

  .ReportCover__cover, .ReportCover__contributors {
    grid-column: 1/2;
  }

  .ReportCover__details, .ReportCover__introduction {
    grid-column: 2/3;
  }

  .ReportCover__contributors, .ReportCover__introduction {
    grid-row: 2/3;
  }

  .ReportCover__details {
    text-align: left;
  }

  .ReportCover__cover img {
    max-width: 100%;
  }
  }

@media (min-width: 48em) {

  .ReportCover {
}

  .ReportCover__title {
    font-size: 3em;
  }

  .ReportCover__description {
    font-size: 1.250em;
  }
  }

.ReportFront .ReportSection__footer {
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.ReportSection .ReportContributors {
  padding-top: 48px;
  padding-top: 3rem
}

.ReportSection .ReportContributors h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
  color: #ffffff;
  fill: #ffffff;
  font-size: 2em;
}

.ReportSection .ReportContributors .ReportContributor {
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

.ReportSection .ReportContributors .ReportContributor .person {
  -ms-flex-align: end;
      align-items: flex-end;
  font-size: 1.250em;
}

.ReportSection .ReportContributors .ReportContributor .person .avatar {
  height: 5em;
  width: 5em;
}

.ReportSection .ReportContributors .ReportContributor .person__certified {
  display: none;
}

.ReportSection .ReportStaff {
}

.ReportSection .ReportStaff h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  fill: #ffffff;
  font-size: 1.5em;
}

.ReportSection .ReportStaff dl {
  padding: 16px;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

.ReportSection .ReportStaff dt {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  border-bottom: 1px dotted rgba(25, 25, 25, .50);
  margin-bottom: .5em;
  font-size: 0.750em;
}

.ReportSection .ReportStaff dd {
  margin-left: 0;
}

.ReportSection .ReportStaff dd + dt {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.ReportSection .ReportStaff .person__about {
  margin-bottom: 0;
}

@media (min-width: 48em) {

  .ReportSection .ReportStaff {
    margin-top: 4em;
  }
  }

.ReportContents {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}

.ReportContents h2 {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
  color: #ffffff;
  fill: #ffffff;
  letter-spacing: 2px;
  font-size: 2em;
}

.ReportContents__sections {
  list-style-type: none;
  padding-left: 0;
}

.ReportContents__section {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .ReportContents__section {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportContents__section {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportContents__section {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportContents__section {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportContents__section {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ReportContents__section {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .ReportContents__section {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportContents__section {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportContents__section {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportContents__section {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportContents__section {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .ReportContents__section {
    margin-right: 30%;
  }
}

.ReportContents__section {
  margin-bottom: 24px;
  margin-bottom: 1.5rem
}

@media (min-width: 48em) {

  .ReportContents__section {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1.5rem;
  }
  }

.ReportContents__section__header {
  grid-column: 1/-1;
  text-align: center;
  position: relative;
  margin-top: 48px;
  margin-top: 3rem;
}

@media (min-width: 48em) {

  .ReportContents__section__header {
    margin-top: 1.5rem;
  }
}

.ReportContents__section .ReportChapter {
}

.ReportContents__section .ReportChapter hr {
  border-color: #191919;
}

.ReportContents__section .ReportChapter p {
  background: #191919;
}

@media (min-width: 48em) {

  .ReportContents__section .ReportChapter p {
    left: 0;
    transform: none;
  }
}

.ReportContents__section__title {
  text-align: center;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 1.5em;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (min-width: 32em) {

  .ReportContents__section__title {
    font-size: 2em;
  }
}

@media (min-width: 48em) {

  .ReportContents__section__title {
    margin-bottom: 0;
    text-align: left;
  }
}

.ReportContents__section__title .featured-image {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  border-radius: 4px;
  overflow: hidden;
}

.ReportContents__section__subsections {
  list-style-type: none;
  padding-left: 0;
  font-size: 0.875em;
}

.ReportSection {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  padding-bottom: 48px;
  padding-bottom: 3rem
}

@media (min-width: 32em) {

  .ReportSection {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportSection {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportSection {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportSection {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportSection {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ReportSection {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .ReportSection {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportSection {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportSection {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportSection {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportSection {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .ReportSection {
    margin-right: 30%;
  }
}

.ReportSection__header {
  text-align: center;
  color: #ffffff;
  fill: #ffffff;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ReportSection__header h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  transform: rotate(-2deg) translateY(-8px);
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 1.25;
}

@media (min-width: 32em) {

  .ReportSection__header h1 {
    font-size: 3em;
  }
}

@media (min-width: 64em) {

  .ReportSection__header h1 {
    font-size: 4em;
  }
}

.ReportSection__header .featured-image {
  -ms-flex-order: -1;
      order: -1;
  margin: 0 auto .75em;
}

.ReportSection__header .ReportChapter {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {

  .ReportSection__header {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .ReportSection__header h1 {
    position: relative;
    z-index: 1;
  }

  .ReportSection__header .featured-image {
    -ms-flex-order: 1;
        order: 1;
    margin: 1.5em auto;
  }
}

.ReportSection__footer {
  color: #ffffff;
  fill: #ffffff;
  text-align: center;
}

.ReportSection__footer h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  transform: rotate(-2deg) translateY(-8px);
  margin: 24px;
  margin: 1.5rem;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1.25;
}

@media (min-width: 32em) {

  .ReportSection__footer h1 {
    font-size: 2.5em;
  }
}

@media (min-width: 64em) {

  .ReportSection__footer h1 {
    font-size: 3em;
  }
}

.ReportChapter {
  position: relative;
  opacity: .75
}

.ReportChapter hr {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  border: 1px solid #ffffff;
}

.ReportChapter p {
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  position: absolute;
  top: -0.75em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 1em;
  margin-bottom: 0;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-weight: normal;
  letter-spacing: -1px;
  background-color: #ffffff;
  border-radius: 9999px;
}

.ReportSubsection {
  color: #191919;
  background-color: #fafafa;
  padding: 24px;
  padding: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem
}

@media (min-width: 48em) {

  .ReportSubsection {
    margin-bottom: 3rem;
  }
  }

.ReportSubsection__header {
  margin: -1.5em -1.5em 0;
  padding: 24px;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(25, 25, 25, .50);
  background-color: #ffffff;
}

@media (min-width: 48em) {

  .ReportSubsection__header {
    max-width: 38em;
    margin: -3em auto 0;
    box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
    border: 1px solid;
    border-radius: 4px;
    border-color: rgba(25, 25, 25, .30);
  }
}

@media (min-width: 64em) {

  .ReportSubsection__header {
    max-width: 22em;
    margin: 0 1.5em 0.75em -3em;
    float: left;
  }
}

.ReportSubsection__footer {
  font-size: 0.875em;
}

.ReportSubsection__footer ul {
  list-style-type: none;
  padding-left: 0;
}

.Report.view .ReportSubsection__footer a.button, .ReportSubsection__footer .button {
  font-size: 0.875em;
  vertical-align: middle;
  color: #191919;
  fill: #191919;
}

.Report.view .ReportSubsection__footer a.button:hover, .Report.view .ReportSubsection__footer a.button:focus, .ReportSubsection__footer .button:hover, .ReportSubsection__footer .button:focus {
  color: #ff2679;
  fill: #ff2679;
}

.ReportSubsection__actions {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: .7;
}

.ReportSubsection__actions li {
  margin-bottom: 0;
  margin-right: 12px;
  margin-right: 0.75rem;
}

.ReportSubsection__actions li:last-child {
  margin-right: 0;
}

.ReportSubsection__references {
  margin-top: 24px;
  margin-top: 1.5rem;

  @mixni mb--0;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.ReportSubsection__references summary {
  padding: 12px;
  padding: 0.75rem;
  color: #ffffff;
  fill: #ffffff;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
}

.ReportSubsection__references ul {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.ReportSubsection__question {
  font-size: 1.250em;
  font-family: "Source Serif Pro", "Georgia", serif;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.ReportSubsection__takeaway {
  font-size: 0.875em;
  margin-top: 12px;
  margin-top: 0.75rem;
  border-top: 1px dotted rgba(25, 25, 25, .50);
}

.ReportSubsection__takeaway p {
  margin-bottom: 0;
}

.ReportSubsection__takeaway:before {
  content: "In a few words:";
  font-size: 0.750em;
  text-transform: uppercase;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding-right: .25em;
  color: rgba(25, 25, 25, .70);
}

.ReportSubsection__authors {
  font-size: 0.875em;
  list-style-type: none;
  padding-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.ReportSubsection__authors li {
  display: inline-block;
}

.ReportSubsection__authors li {
  margin-bottom: 0;
}

.ReportSubsection__author {
}

.ReportSubsection__author .person__avatar {
  display: none;
}

.ReportSubsection__answer {
  max-width: 38em;
  margin: 1.5em auto 0;
}

.ReportSubsection__answer:first-letter {
  float: left;
  padding-right: .125em;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 4em;
  line-height: .625em;
  color: #191919;
  fill: #191919;
}

@media (min-width: 48em) {

  .ReportSubsection__answer:first-letter {
    line-height: .7em;
  }
}

@media (min-width: 64em) {

  .ReportSubsection__answer {
    margin: 3em auto;
  }
}

.ReportSubsection.card {
  margin: 0;
  padding: 1.5em;
}

.ReportSubsection.card .ReportSubsection__question {
  font-size: 1.25em;
  margin-bottom: 0;
}

.ReportSubsection__answer {
}

.ReportSubsection__answer figure {
  margin: 0 auto 1.500em;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.875em;
  line-height: 1.5em;
  text-align: center;
}

.ReportSubsection__answer figure img, .ReportSubsection__answer figure picture {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 30em;
  margin: 0 auto 12px;
  margin: 0 auto 0.750rem;
}

.ReportSubsection__answer figure figcaption {
  font-size: 0.875em;
  line-height: 1.25;
  opacity: .7;
}

.ReportSubsection__answer figure .caption {
  display: block;
  margin-bottom: 0.75em;
}

.ReportSubsection__answer figure .caption p {
  margin-bottom: 0;
}

.ReportSubsection__answer figure .credit {
  display: block;
  font-size: 0.750em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.ReportSubsection__answer figure.small {
  font-size: inherit;
  line-height: inherit;
  max-width: 8em;
}

.ReportSubsection__answer figure.medium {
  font-size: inherit;
  line-height: inherit;
  max-width: 16em;
}

.ReportSubsection__answer figure.large {
  font-size: inherit;
  line-height: inherit;
  max-width: 100%;
}

.ReportSubsection__answer figure.large img, .ReportSubsection__answer figure.large picture {
  width: 100%;
  max-height: unset;
}

.ReportSubsection__answer figure.large figcaption {
  max-width: 50%;
  margin: 0 auto;
}

.ReportSubsection__answer figure.left {
}

.ReportSubsection__answer figure.left img, .ReportSubsection__answer figure.left picture {
  margin: 0 auto 0.75em 0;
}

.ReportSubsection__answer figure.left figcaption {
  text-align: left;
  margin-left: 0;
}

@media (min-width: 48em) {

  .ReportSubsection__answer figure.left {
    float: left;
    margin-right: 1.5rem;
    margin-left: -3em;
  }
}

@media (min-width: 64em) {

  .ReportSubsection__answer figure.left {
    margin-left: -6em;
  }
}

@media (min-width: 80em) {

  .ReportSubsection__answer figure.left {
    margin-left: -12em;
  }
}

.ReportSubsection__answer figure.right {
}

.ReportSubsection__answer figure.right img, .ReportSubsection__answer figure.right picture {
  margin: 0 0 0.75em auto;
}

.ReportSubsection__answer figure.right figcaption {
  text-align: right;
  margin-right: 0;
}

@media (min-width: 48em) {

  .ReportSubsection__answer figure.right {
    float: right;
    margin-left: 1.5rem;
    margin-right: -3em;
  }
}

@media (min-width: 64em) {

  .ReportSubsection__answer figure.right {
    margin-right: -6em;
  }
}

@media (min-width: 80em) {

  .ReportSubsection__answer figure.right {
    margin-right: -12em;
  }
}

.ReportSubsection__answer figure.center {
  display: block;
  margin: 0 auto 1.5em;
}

.ReportSubsection__answer iframe {
  display: inline-block !important;
  width: 100%;
  min-height: 320px;
  min-height: 20rem;
}

.ReportSubsection__answer .oembed {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
}

.ReportSubsection__answer .oembed twitterwidget {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
  border-radius: 4px;
}

.ReportContribute {
}

.ReportContribute > header {
  background-color: rgba(250, 250, 250, .9);
}

.ReportContribute > header h2 {
  font-size: 1.5em;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-align: center;
  transform: rotate(-2deg) translateY(-8px);
}

@media (min-width: 48em) {

  .ReportContribute > header h2 {
    font-size: 2.5em;
  }
}

.ReportContribute > main {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  position: relative;
}

@media (min-width: 32em) {

  .ReportContribute > main {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportContribute > main {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportContribute > main {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportContribute > main {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportContribute > main {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ReportContribute > main {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .ReportContribute > main {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportContribute > main {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportContribute > main {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportContribute > main {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportContribute > main {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .ReportContribute > main {
    margin-right: 30%;
  }
}

.ReportContribute > main .anchor-offset {
  position: absolute;
}

.ReportContribute > main p:last-child, .ReportContribute > main .MembershipPlan {
  margin-bottom: 0;
}

.ReportContribute__cta {
  position: relative;
}

.ReportContribute--consortium {
  z-index: 1;
}

.ReportSubscribe {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem
}

@media (min-width: 32em) {

  .ReportSubscribe {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportSubscribe {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportSubscribe {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportSubscribe {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportSubscribe {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .ReportSubscribe {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .ReportSubscribe {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .ReportSubscribe {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .ReportSubscribe {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .ReportSubscribe {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .ReportSubscribe {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .ReportSubscribe {
    margin-right: 30%;
  }
}

@media (min-width: 48em) {

  .ReportSubscribe {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1.5rem;
  }
  }

.ReportSubscribe__header {
  margin-top: 48px;
  margin-top: 3rem;
  color: rgba(255, 255, 255, .90);
  fill: rgba(255, 255, 255, .90);
  text-align: center;
  grid-column: 1/-1;
  font-size: 1.500em;
}

.ReportSubscribe__header h2 {
  max-width: 20em;
  margin: 0 auto 24px;
  margin: 0 auto 1.5rem;
}

.ReportSubscribe__actions {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.ReportSubscribe__actions__signin {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 12px;
  padding: 0.75rem;
  box-shadow: inset 0 2px 4px rgba(25, 25, 25, .50);
  text-align: center;
  color: #ffffff;
  fill: #ffffff;
  background-color: rgba(25, 25, 25, .30);
  border-radius: 4px;
  font-size: 0.875em;
}

.ReportSubscribe__actions__signin p {
  margin-bottom: 0;
}

.ReportSubscribe__actions__signin .button {
  margin-left: 12px;
  margin-left: 0.75rem;
  font-size: 0.875em;
}

.ReportSubscribe__benefits {
  color: #ffffff;
  fill: #ffffff;
  list-style-type: none;
  padding-left: 0;
}

.ReportSubscribe__benefits header {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.ReportSubscribe__benefits header h3 {
  display: inline-block;
  margin-bottom: 0;
}

.ReportSubscribe__benefits header .icon {
  height: 1.5em;
  width: 1.5em;
  margin-right: 12px;
  margin-right: 0.75rem;
  vertical-align: text-bottom;
}

.ReportSubscribe + .ReportContributors {
  padding-top: 48px;
  padding-top: 3rem;
}

.ReportReference {
  display: block;
  background-color: #ffffff;
  padding: 12px;
  padding: 0.75rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  font-size: 0.750em
}

.Report a.ReportReference {
  box-shadow: none;
}

.ReportPublicationDate {
  font-size: 0.875em;
  margin-bottom: 0;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.ReportBibliography {
}

.ReportBibliography .ReportSection__header {
  padding-top: 48px;
  padding-top: 3rem;
}

@media (min-width: 48em) {

  .ReportBibliography {
}

  .ReportBibliography ul {
    column-count: 2;
    column-rule: 1px solid rgba(255, 255, 255, .50);
  }

  .ReportBibliography li {
    break-inside: avoid;
  }
  }

.ReportsLanding {
  color: #191919;
  fill: #191919
}

.ReportsLanding .ReportCard {
  width: 100%;
  margin: 0 auto 1.5em;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.ReportsLanding .Reports__logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  letter-spacing: -1px;
}

.ReportsLanding .Reports__logo__massive {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.ReportsLanding .Reports__logo__reports {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-size: 2.5em;
  line-height: 1;
  transform: translateY(-4px);
}

.ReportsLanding .Reports__logo .icon {
  vertical-align: text-bottom;
  height: 1.5em;
  width: 1.5em;
}

.ReportsLanding .Reports__description {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.ReportsLanding .Reports__description h1 {
  font-family: "Source Serif Pro", "Georgia", serif;
  margin-bottom: 0;
  text-align: center;
  font-weight: normal;
  letter-spacing: -1px;
}

.ReportsLanding .Reports__description p {
  margin-bottom: 0;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.ReportsLanding .Reports__description .logotype--supermassive {
  margin: 0 .25em;
  height: 1.5em;
  width: auto;
  vertical-align: text-bottom;
}

.ReportsLanding .background__image {
  opacity: .70;
  background-size: 50% auto;
  background-repeat: repeat;
}

/* Google Custom Search Overrides */

.search.view a {
  border-bottom: none;
}

.gscb_a {
  vertical-align: middle;
}

.gsc-input-box {
  height: unset !important;
}

td.gsc-search-button {
  line-height: 0;
}

input.gsc-search-button {
  width: unset !important;
  height: unset !important;
  margin: 0 !important;
}

.gsc-result .gs-title {
  height: auto !important;
  overflow: auto !important;
}

.gs-title {
  line-height: 1.5em;
}

.gsc-url-top, .gsc-table-result {
  line-height: 1.25em;
}

.theme.view {
  overflow: hidden
}

.theme.view .theme__header .background__image {
  opacity: .3;
  background-size: cover;
}

.theme.view .theme__banner {
  margin-bottom: 1.5em;
  padding-top: 96px;
  padding-top: 6rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
}

@media (min-width: 32em) {

  .theme.view .theme__banner {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) {

  .theme.view .theme__banner {
    padding-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .theme.view .theme__banner {
    padding-left: 3rem;
  }
}

@media (min-width: 80em) {

  .theme.view .theme__banner {
    padding-left: 9rem;
  }
}

@media (min-width: 120em) {

  .theme.view .theme__banner {
    padding-left: 25%;
  }
}

@media (min-width: 160em) {

  .theme.view .theme__banner {
    padding-left: 30%;
  }
}

@media (min-width: 32em) {

  .theme.view .theme__banner {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) {

  .theme.view .theme__banner {
    padding-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .theme.view .theme__banner {
    padding-right: 3rem;
  }
}

@media (min-width: 80em) {

  .theme.view .theme__banner {
    padding-right: 9rem;
  }
}

@media (min-width: 120em) {

  .theme.view .theme__banner {
    padding-right: 25%;
  }
}

@media (min-width: 160em) {

  .theme.view .theme__banner {
    padding-right: 30%;
  }
}

@media (min-width: 48em) {

  .theme.view .theme__banner {
    padding-top: 12rem;
  }
}

.theme.view .theme__name {
  font-size: 2em;
  max-width: 512px;
  max-width: 32rem;
  line-height: 1;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #ffffff;
}

@media (min-width: 48em) {

  .theme.view .theme__name {
    font-size: 3.5em;
  }
}

.theme.view .theme__description {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
  font-family: "Source Serif Pro", "Georgia", serif;
  margin-bottom: 0;
  opacity: .9;
}

.theme.view .theme__share {
  margin-bottom: 0;
  font-size: 12px;
  font-size: .75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: start;
      align-items: flex-start;
}

.theme.view .theme__share .ShareButtons {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-size: 1em;
  margin: .5em .25em .25em;
}

.theme.view .theme__share__newsletter {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: .25em;
}

.theme.view .theme__share__feed {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: .25em;
}

.theme.view .theme__share .button--clear {
  color: inherit;
  fill: inherit;
  background: none;
}

.theme.view .theme__share .button--clear:hover {
  color: inherit;
  fill: inherit;
  background: rgba(25, 25, 25, .10);
  opacity: 1;
}

.theme.view .relationship-disclosure {
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #ffffff;
  padding: .25em .5em;
  background: rgba(25, 25, 25, .30);
  border: 1px solid rgba(25, 25, 25, .50);
  border-radius: 4px;
}

.theme.view .ReportCard {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-top: 48px;
  margin-top: 3rem;
}

@media (min-width: 32em) {

  .theme.view .ReportCard {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .theme.view .ReportCard {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .theme.view .ReportCard {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .theme.view .ReportCard {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .theme.view .ReportCard {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .theme.view .ReportCard {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .theme.view .ReportCard {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .theme.view .ReportCard {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .theme.view .ReportCard {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .theme.view .ReportCard {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .theme.view .ReportCard {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .theme.view .ReportCard {
    margin-right: 30%;
  }
}

.frame__overlay--theme .background__image {
  opacity: .15;
}

.theme.list {
}

.theme.list .theme.card {
  width: 100%;
}

.theme.list .grid {
  padding: .75em 0 1.5em;
  grid-gap: 0.75rem;
  grid-template-columns: 1fr;
}

@media (min-width: 32em) {

  .theme.list .grid {
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 48em) {

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

@media (min-width: 64em) {

  .theme.list .grid {
    grid-gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.pagination {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0.875em
}

.pagination__current-page {
  text-align: center;
  margin-bottom: 0;
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
}

.pagination ul, .pagination li {
  margin-bottom: 0;
}

.pagination__previous li {
  margin-right: 12px;
  margin-right: 0.75rem;
}

.pagination__next li {
  margin-left: 12px;
  margin-left: 0.75rem;
}

.pagination a {
  text-decoration: none;
}

.pagination .icon--arrow {
  height: 1.25em;
  vertical-align: text-bottom;
}

.pagination:first-child {
  margin-top: 12px;
  margin-top: .75rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (max-width: 32em) {

  .pagination {
}

  .pagination__previous li {
    margin-right: 1rem;
  }

  .pagination__next li {
    margin-left: 1rem;
  }

  .pagination .label {
    display: none;
  }

  .pagination .icon--arrow {
    height: 2em;
  }
  }

.list-index {
  margin-right: 16px;
  margin-right: 1rem;
  -ms-flex: 0 1 8em;
      flex: 0 1 8em;
}

.list-item {
  -ms-flex: 1 1 16em;
      flex: 1 1 16em;
}

.list {
}

.list__header, .list__filter, .list__items {
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

@media (min-width: 32em) {

  .list__header, .list__filter, .list__items {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .list__header, .list__filter, .list__items {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .list__header, .list__filter, .list__items {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .list__header, .list__filter, .list__items {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .list__header, .list__filter, .list__items {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .list__header, .list__filter, .list__items {
    margin-left: 30%;
  }
}

@media (min-width: 32em) {

  .list__header, .list__filter, .list__items {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {

  .list__header, .list__filter, .list__items {
    margin-right: 1.5rem;
  }
}

@media (min-width: 64em) {

  .list__header, .list__filter, .list__items {
    margin-right: 3rem;
  }
}

@media (min-width: 80em) {

  .list__header, .list__filter, .list__items {
    margin-right: 9rem;
  }
}

@media (min-width: 120em) {

  .list__header, .list__filter, .list__items {
    margin-right: 25%;
  }
}

@media (min-width: 160em) {

  .list__header, .list__filter, .list__items {
    margin-right: 30%;
  }
}

.list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.list__header__title {
  margin: 0;
  text-transform: uppercase;
  line-height: 1;
}

.list__header__description {
  -ms-flex: 0 1 16em;
      flex: 0 1 16em;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-size: 0.575em;
  line-height: 1.2;
  opacity: .9;
  margin: 0;
  margin-left: 1.5em;
}

@media (min-width: 32em) {

  .list__header {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1.250em;
  }
}

.list__filter {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.750em;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.video.list {
  background: #191919;
  color: #ffffff;
  fill: #ffffff
}

.video.list .icon {
  fill: inherit;
}

.video.list .list__items {
  display: grid;
  grid-gap: 1.5em;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
}

.video.list .pagination {
  grid-column: 1/-1;
}

.video.list .VideoCard {
  width: 100%;
}

.video.list .video__series {
  display: -ms-flexbox;
  display: flex;
}

.video.list .video__series__label {
  margin-bottom: 0;
  line-height: 1;
  padding: .25em .5em .25em 0;
  opacity: .7;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.video.list .video__series__theme {
  line-height: 1;
  padding: .25em .5em;
  box-shadow: none;
  border-radius: 4px;
  transition: .1s linear background;
  font-weight: bold;
  display: block;
}

.video.list .video__series__theme:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, .10);
}

.article.list {
}

.article.list .cardDeck {
  padding: 0;
}

.article.list .cardDeck__cards {
  margin: 0;
}

.newsletter.list {
  color: inherit;
  fill: inherit
}

.newsletter.list .list__items {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-columns: minmax(20em, auto);
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {

  .newsletter.list .list__items {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: minmax(20em, auto);
  }
}

.Membership {
  text-align: center
}

@media (min-width: 48em) {

  .Membership {
    text-align: left;
  }
  }

.Membership .background__image {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top;
  opacity: .7
}

.Membership .background__image.lazy-load {
  background-color: #191919;
}

.Membership__logo .logotype {
  width: 80%;
  max-width: 20em;
  height: auto;
  justify-self: center;
  fill: #ffffff;
}

.Membership__tagline {
  -ms-flex-item-align: end;
      align-self: end
}

@media (min-width: 64em) {

  .Membership__tagline {
    font-size: 2em;
  }
  }

.Membership__purchase {
  max-width: 20em;
  justify-self: center
}

.Membership__purchase .button {
  width: 100%;
}

.MembershipBenefits {
  list-style-type: none;
  padding-left: 0;
  text-align: center
}

.MembershipBenefits .icon {
  height: 3em;
  width: 3em;
}

.MembershipBenefit {
  max-width: 12em;
  justify-self: center;
}

.MembershipConfirmation {
}

.MembershipConfirmation .gutter {
  max-width: 36em;
  margin: 0 auto;
}

.MembershipConfirmation .Membership__logo {
  text-align: center;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.MembershipConfirmation .Membership__logo .icon {
  width: 80%;
  max-width: 12em;
  height: auto;
}

.Note {
  max-width: 36em;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 1.5em;
  background: #ffffff
}

.Note__header {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
}

.Note__header__text {
  max-width: 32em;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.Note__main {
  font-family: "Source Serif Pro", "Georgia", serif;
  background: #ffffff;
}

.Note__date, .Note__link {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: rgba(25, 25, 25, .50);
  fill: rgba(25, 25, 25, .50);
  font-size: 0.750em;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: .75em;
  -ms-flex-align: center;
      align-items: center;
}

.Note__date .icon, .Note__link .icon {
  height: 1em;
  width: 1em;
  margin-right: 4px;
}

.Note__link {
  margin-left: 12px;
  margin-left: 0.75rem;
}

.Note__authors {
  font-size: 0.750em;
}

.Note__title {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-size: 1.250em;
  line-height: 1.2;
  margin-bottom: .25em;
}

.Note__title a {
  text-decoration: none;
}

.Note__summary {
  font-family: "Source Serif Pro", "Georgia", serif;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.2;
  font-style: italic;
}

.Note__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12em,1fr));
  grid-gap: 0.75em;
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.Note__gallery li {
  margin-bottom: 0;
}

.Note__gallery img {
  max-width: 100%;
  width: 100%;
}

.Note__image {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.Note__image img {
  max-width: 100%;
  width: 100%;
}

.Note .lightbox, .Note .lightbox--gallery--image {
  display: block;
  box-shadow: none;
}

.Note__body {
  position: relative;
}

.Note .readmore {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  padding: 1.5em 0;
}

.Note .readmore a {
  display: inline-block;
  text-decoration: none;
  padding: .25em .5em;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(25, 25, 25, .50);
  background: #e7e7e7;
}

.Note .readmore a:hover, .Note .readmore a:focus {
  color: #ffffff;
  background: #ff2679;
}

.Note .readmore--more {
  position: absolute;
  bottom: 0;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
}

.Note .readmore--more::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 70%);
}

.Note .readmore--less {
  display: none !important;
}

.Note .bodytext {
  margin-left: 0;
  margin-right: 0;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
}

.Note .bodytext > * {
  margin-left: 0;
  margin-right: 0;
}

.Note .bodytext p:first-child {
  font-size: 1em;
  line-height: 1.6;
}

@media (min-width: 48em) {

  .Note {
    border: 1px solid rgba(25, 25, 25, .30);
  }
  }

.dark .Note {
  color: #ffffff;
  fill: #ffffff;
  background: #191919
}

.dark .Note__date, .dark .Note__link {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: rgba(255, 255, 255, .50);
  fill: rgba(255, 255, 255, .50);
}

.Note .ShareButtons {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0px;
  background: #ffffff
}

.Note .ShareButtons .ShareButtons__label {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  border-bottom: none;
}

.Note .ShareButtons .ShareButtons__items {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
}

.Note .ShareButtons .ShareButtons__item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.Note .ShareButtons .ShareButton {
  -ms-flex-pack: center;
      justify-content: center;
}

.Note .ShareButtons .ShareButton label {
  display: none;
}

@media (min-width: 48em) {

  .Note .ShareButtons .ShareButton label {
    display: block;
  }
}

.NoteDetail {
  padding-top: 1.5em;
  background: #ffffff
}

.NoteDetail .list__header__title {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  letter-spacing: 2px;
}

.NoteDetail .Note {
  border: none;
  margin-left: auto;
}

.NoteDetail .ShareButtons {
  border: 1px solid rgba(25, 25, 25, .10);
}

@media (min-width: 48em) {

  .NoteDetail {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  }

@media (min-width: 48em) and (min-width: 32em) {

  .NoteDetail {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) and (min-width: 48em) {

  .NoteDetail {
    padding-left: 1.5rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {

  .NoteDetail {
    padding-left: 3rem;
  }
}

@media (min-width: 48em) and (min-width: 80em) {

  .NoteDetail {
    padding-left: 9rem;
  }
}

@media (min-width: 48em) and (min-width: 120em) {

  .NoteDetail {
    padding-left: 25%;
  }
}

@media (min-width: 48em) and (min-width: 160em) {

  .NoteDetail {
    padding-left: 30%;
  }
}

@media (min-width: 48em) and (min-width: 32em) {

  .NoteDetail {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) and (min-width: 48em) {

  .NoteDetail {
    padding-right: 1.5rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {

  .NoteDetail {
    padding-right: 3rem;
  }
}

@media (min-width: 48em) and (min-width: 80em) {

  .NoteDetail {
    padding-right: 9rem;
  }
}

@media (min-width: 48em) and (min-width: 120em) {

  .NoteDetail {
    padding-right: 25%;
  }
}

@media (min-width: 48em) and (min-width: 160em) {

  .NoteDetail {
    padding-right: 30%;
  }
}

.NoteList {
  padding-top: 24px;
  padding-top: 1.5rem;
  background: linear-gradient(180deg, #77b9b9, #5480e0, #7e50bd, #ec7590, #f2a06c);
  background-size: cover
}

.NoteList .list__header__title {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-family: "Permanent Marker", "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  letter-spacing: 2px;
}

.NoteList .Note {
  margin-left: auto;
}

.NoteList .newsletter.billboard {
  background: none;
}

.NoteList .newsletter.billboard .billboard__container {
  padding: 0;
}

.NoteList .newsletter.billboard .lazy-load {
  display: none;
}

.NoteList .newsletter.billboard, .NoteList .Note__submission {
  max-width: 36em;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  padding: 0.75rem;
}

.NoteList .newsletter__callToAction {
  font-family: "Source Serif Pro", "Georgia", serif;
  color: rgba(25, 25, 25, .90);
}

@media (min-width: 48em) {

  .NoteList {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  }

@media (min-width: 48em) and (min-width: 32em) {

  .NoteList {
    padding-left: 1rem;
  }
}

@media (min-width: 48em) and (min-width: 48em) {

  .NoteList {
    padding-left: 1.5rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {

  .NoteList {
    padding-left: 3rem;
  }
}

@media (min-width: 48em) and (min-width: 80em) {

  .NoteList {
    padding-left: 9rem;
  }
}

@media (min-width: 48em) and (min-width: 120em) {

  .NoteList {
    padding-left: 25%;
  }
}

@media (min-width: 48em) and (min-width: 160em) {

  .NoteList {
    padding-left: 30%;
  }
}

@media (min-width: 48em) and (min-width: 32em) {

  .NoteList {
    padding-right: 1rem;
  }
}

@media (min-width: 48em) and (min-width: 48em) {

  .NoteList {
    padding-right: 1.5rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {

  .NoteList {
    padding-right: 3rem;
  }
}

@media (min-width: 48em) and (min-width: 80em) {

  .NoteList {
    padding-right: 9rem;
  }
}

@media (min-width: 48em) and (min-width: 120em) {

  .NoteList {
    padding-right: 25%;
  }
}

@media (min-width: 48em) and (min-width: 160em) {

  .NoteList {
    padding-right: 30%;
  }
}

.Note__submission {
}

.Note__submission .button .icon {
  height: 1.2em;
  width: 1.2em;
  margin-right: .5em;
}

.Note__submission .button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  background: rgba(25, 25, 25, .50);
}

.Note__submission .button:hover {
  background: rgba(25, 25, 25, .90);
}

.Note.card {
  max-width: none;
  margin: 0;
  margin-bottom: 1em;
  border: none
}

@media (min-width: 48em) {

  .Note.card {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 1em;
  }
  }

.Note.card .Note__date {
  display: inline-block;
  line-height: 1.2;
}

.Note.card .Note__title {
  max-width: 32em;
  display: block;
  text-decoration: none;
  font-size: 1em;
}

.Note.card .Note__title h1 {
  display: inline;
  font-family: "Source Serif Pro", "Georgia", serif;
  font-size: 1em;
  line-height: 1.2;
}

.Note.card .Note__summary {
  font-size: 0.875em;
}

.Note.card .Note__author {
  line-height: 1.2;
  color: rgba(25, 25, 25, .90);
  margin-bottom: 0;
  margin-top: .25em;
  opacity: .9;
}

.Note.card .Note__authors .person__avatar {
  display: none;
}

/*
.Note {
  @mixin black;
  @mixin bg--white;
  @mixin border-radius;
  @mixin mv--m;
  @mixin p--xs;
  @mixin box-shadow;
  &__authors {
    & > * {
      display: inline-block;
    }
    & .credentials, & .person__avatar {
      display: none;
    }
  }
  @media (min-width: $bp-m) {
    @mixin mv--l;
    @mixin p--m;
    @mixin grid;
    grid-template-rows: repeat(auto-fill, auto);
    grid-gap: 0.75em 1.5em;
    grid-template-columns: repeat(3, 1fr);
    &__header, &__summary, &__gallery, &__image, &__body {
      grid-column: 1/3;
    }
    &__meta, &__authors, & .ShareButtons {
      grid-column: 3/4;
    }
    &__meta {
      grid-row-start: 1;
      align-self: flex-end;
    }
    &__authors {
      grid-row-start: 2;
      & > p, & .credentials {
        display: block;
      }
      & .person {
        display: flex;
      }
    }
    & .ShareButtons {
      grid-row-start: 3;
    }
  }
  @media (min-width: $bp-l) {
    &__authors .person__avatar {
      display: flex;
    }
  }
  &__title {
    font-size: $large;
    @mixin mb--0;
  }
  &__date {
    @mixin mb--0;
  }
  &__date, &__authors {
    font-size: $small;
  }
  &__summary {
    @mixin sans-serif;
    @mixin black-70;
    @mixin mb--0;
  }
  &__gallery {
    @mixin grid;
    grid-template-columns: repeat(auto-fit, minmax(12em,1fr));
    grid-gap: 0.75em;
    width: 100%;
    @mixin nostyle;
    @mixin mb--0;
    & li {
      @mixin mb--0;
    }
    & img {
      max-width: 100%;
      width: 100%;
    }
  }
  &__image {
    @mixin mb--0;
    & img {
      max-width: 100%;
      width: 100%;
    }
  }
  &__gallery img, &__image img {
    @mixin border-radius;
  }
  & .lightbox, & .lightbox--gallery--image {
    @mixin block;
    box-shadow: none;
  }
}

.NoteDetail, .NoteList {
  @mixin bg--black-10;
  & .Note {
    @mixin gutter;
    &:first-of-type {
      @mixin mt--m;
    }
  }
  & > header {
    @mixin pv--m;
    & .background__color {
      background-color: #191919;
    }
    & .background__image {
      opacity: .90;
      background-size: 60%;
    }
  }
}

.Note__title a {
  text-decoration: none;
}

.Note__link, .Note__date {
  display: block;
  text-decoration: none;
  font-size: $small;
  font-family: $sans-serif;
  @mixin color $black-50;
  & .icon {
    height: 1em;
    width: auto;
    margin-right: .25em;
    vertical-align: middle;
  }
}

.Note__bodytext {
  line-height: 1.7;
  & p {
    margin-bottom: 1.500em;
  }
  & ul {
    margin-bottom: 1.500em;
  }
  & li {
    margin-bottom: 0.750em;
  }
  & h3 {
    font-size: $large;
    margin-top: 3rem;
  }
  & .pullquote {
    transform: rotate(-2deg);
    font-family: $handwriting;
    font-weight: bold;
    text-align: center;
    margin: $gutter-m auto;
    &:nth-of-type(odd) {
      transform: rotate(2deg);
    }
    & blockquote {
      border: none;
      font-size: $xlarge;
      @media (min-width: $bp-m) {
        font-size: 1.75em;
      }
    }
  }
  & figure {
    margin: 0 auto 1.500em;
    font-family: $sans-serif;
    font-size: 0.875em;
    line-height: 1.5em;
    text-align: center;
    & img, & picture {
      display: block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 30em;
      margin: 0 auto 0.750rem;
      padding: .5em;
      background: $white;
      border: 1px solid $black-50;
      box-shadow: 0px 2px 4px $black-50;
    }
    & figcaption {
      font-size: $small;
      line-height: 1.25;
      opacity: .7;
    }
    & .caption {
      display: block;
      margin-bottom: 0.75em;
      & p {
        margin-bottom: 0;
      }
    }
    & .credit {
      display: block;
      font-size: $xsmall;
      line-height: 1.5em;
      text-transform: uppercase;
    }
    &.small {
      font-size: inherit;
      line-height: inherit;
      max-width: 13em;
    }
    &.medium {
      font-size: inherit;
      line-height: inherit;
      max-width: 24em;
    }
    &.large {
      font-size: inherit;
      line-height: inherit;
      max-width: 100%;
      & img, & picture {
        width: 100%;
        max-height: unset;
      }
      & figcaption {
        max-width: 50%;
        margin: 0 auto;
      }
    }
    &.left {
      position: relative;
      flex-direction: row;
      & img, & picture {
        margin: 0 auto 0.75em 0;
        transform: rotate(2deg);
      }
      & figcaption {
        text-align: left;
        margin-left: 0;
      }
      @media (min-width: $bp-m) {
        &.small {
          position: relative;
          float: left;
          clear: left;
        }
      }
      @media (min-width: $bp-l) {
        &.medium {
          position: relative;
          float: left;
          clear: left;
        }
      }
    }
    &.right {
      position: relative;
      flex-direction: row-reverse;
      & img, & picture {
        margin: 0 0 0.75em auto;
        transform: rotate(-2deg);
      }
      & figcaption {
        text-align: right;
        margin-right: 0;
      }
      @media (min-width: $bp-m) {
        &.small {
          float: right;
          clear: right;
        }
      }
      @media (min-width: $bp-l) {
        &.medium {
          float: right;
          clear: right;
        }
      }
    }
    &.center {
      display: block;
      margin: 0 auto 1.5em;
    }
    &.large.center {
      & img, & picture {
        padding: 0;
        border: none;
        box-shadow: none;
      }
    }
  }
  & iframe {
    display: inline-block !important;
    width: 100%;
  }
  & .oembed {
    display: block;
    max-width: 100%;
    margin-bottom: 1.5em;
    text-align: center;
  }
  & .oembed twitterwidget {
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 8px rgba(0,0,0,.5);
    border-radius: 4px;
  }
}
*/

.Video {
  color: #ffffff;
  fill: #ffffff
}

.Video .background__color {
  background: linear-gradient(180deg, rgba(25, 25, 25, .30), #191919 60%);
  opacity: 1;
  z-index: 1;
}

.Video .background__image.loaded {
  opacity: 1;
}

.Video .grid {
  padding: 1.5em 0;
}

.Video__metadata {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 0.750em;
  opacity: .5;
  border-bottom: 2px solid rgba(255, 255, 255, .50);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1em;
}

.Video__title {
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.Video__subtitle {
  font-family: "Source Serif Pro", "Georgia", serif;
  font-weight: normal;
  font-size: 1em;
  opacity: .7;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.Video__partners, .Video__credits {
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  margin-top: 0;
  margin-bottom: 1.5em;
  color: #ffffff;
}

.Video .partner-label {
  font-weight: normal;
  opacity: .7;
}

.Video__partners {
  border-bottom: 2px solid rgba(255, 255, 255, .25);
  margin-bottom: 1em;
}

.Video__credits {
  margin-bottom: 0;
  opacity: .7;
  font-size: 0.750em;
  line-height: 1.2;
}

.Video__credits ul {
  list-style-type: none;
  padding-left: 0;
}

.Video__description {
  opacity: .9;
}

.Video__description blockquote {
  border-color: rgba(255, 255, 255, .50);
}

.Video__description img {
  max-width: 100%;
}

.Video .ShareButtons {
  margin-top: auto;
  margin-bottom: 12px;
  margin-bottom: .75rem;
  background: rgba(25, 25, 25, .30);
}

.Video__embed {
}

.Video__embed .responsive-video-wrapper {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  background: rgba(255, 255, 255, .50);
  margin-bottom: 1.5em;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
  border-radius: 4px;
}

.Video__embed .responsive-video-wrapper iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media (min-width: 64em) {

  .Video {
}

  .Video .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    grid-gap: 0 1.5em;
  }

  .Video__details {
    grid-column: 1/2;
    grid-row-start: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .Video__embed {
    grid-column: 2/4;
    grid-row-start: 1;
  }

  .Video__credits {
    grid-column: 1/2;
  }

  .Video__description {
    grid-column: 2/-1;
    grid-row: 2/-1;
  }

  .Video .ShareButtons {
    margin-bottom: 1.5rem;
  }
  }

.tarot__layout {
  text-align: center;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem
}

.tarot__layout__left {
  -ms-flex: 2 1 24em;
      flex: 2 1 24em;
  margin-left: 12px;
  margin-left: 0.75rem;
  margin-right: 24px;
  margin-right: 1.5rem;
}

@media (min-width: 32em) {

  .tarot__layout__left {
    margin-left: 1rem;
  }
}

@media (min-width: 48em) {

  .tarot__layout__left {
    margin-left: 1.5rem;
  }
}

@media (min-width: 64em) {

  .tarot__layout__left {
    margin-left: 3rem;
  }
}

@media (min-width: 80em) {

  .tarot__layout__left {
    margin-left: 9rem;
  }
}

@media (min-width: 120em) {

  .tarot__layout__left {
    margin-left: 25%;
  }
}

@media (min-width: 160em) {

  .tarot__layout__left {
    margin-left: 30%;
  }
}

.tarot__layout__right {
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  -ms-flex: 0 1 16em;
      flex: 0 1 16em;
}

@media (min-width: 42em) {

  .tarot__layout {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .tarot__layout__right {
    margin-right: 0.75rem;
    margin-left: 1.5rem;
  }
  }

@media (min-width: 42em) and (min-width: 32em) {

  .tarot__layout__right {
    margin-right: 1rem;
  }
}

@media (min-width: 42em) and (min-width: 48em) {

  .tarot__layout__right {
    margin-right: 1.5rem;
  }
}

@media (min-width: 42em) and (min-width: 64em) {

  .tarot__layout__right {
    margin-right: 3rem;
  }
}

@media (min-width: 42em) and (min-width: 80em) {

  .tarot__layout__right {
    margin-right: 9rem;
  }
}

@media (min-width: 42em) and (min-width: 120em) {

  .tarot__layout__right {
    margin-right: 25%;
  }
}

@media (min-width: 42em) and (min-width: 160em) {

  .tarot__layout__right {
    margin-right: 30%;
  }
}

.tarot__hero {
}

.tarot__hero .background__image {
  opacity: 1;
}

.tarot__hero .background__color {
  z-index: 1;
  opacity: 1;
  background: rgba(25, 25, 25, .70);
}

@media (min-width: 42em) {

  .tarot__hero {
}

  .tarot__hero .background__color {
    background: linear-gradient(180deg, rgba(25, 25, 25, .30), rgba(25, 25, 25, .90));
  }
  }

.tarot__hero__copy {
  margin-top: 24px;
  margin-top: 1.5rem;
  color: #ffffff;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.tarot__hero__badge {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  background: rgba(25, 25, 25, .90);
  border-color: rgba(25, 25, 25, .30);
  font-size: 0.750em;
}

.tarot__hero__heading {
  font-size: 3.5em;
  line-height: 1.25;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  text-shadow: 0 4px 4px rgba(25, 25, 25, .50);
}

.tarot__buy {
  background: #ffffff;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 16px;
  padding: 1rem;
  border-radius: 4px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(25,25,25,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 2px 4px rgba(25, 25, 25, .50));
}

.tarot__body {
  text-align: left
}

.tarot__body .oembed {
  margin-bottom: 1.5em;
}

.tarot__downloads {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 380px;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 16px;
  padding: 1rem;
  border: 1px solid;
  border-radius: 4px;
  font-family: "Tofino", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/*# sourceMappingURL=main.css.map*/