@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Anonymous+Pro&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Amiri&display=swap");
@import url("https://use.typekit.net/hhc7yiu.css");
@import url("https://use.typekit.net/aez2rln.css");
.l-wrapper {
  margin: 0 auto;
  max-width: 1100px; }

.c-footer {
  background-color: #000;
  color: #fff;
  padding-top: 16px;
  border-top: 1px solid #343434;
  display: block; }

@media (min-width: 728px) {
  .c-footer__wrapper {
    display: table;
    padding: 16px 0;
    width: 100%; } }

.c-footer__wrapper {
  display: block;
  text-align: center; }

.l-wrapper {
  margin: 0 auto;
  max-width: 1100px; }

@media (min-width: 1024px) {
  .c-footer__section-logo {
    text-align: left; } }

@media (min-width: 728px) {
  .c-footer__section-logo {
    text-align: center;
    vertical-align: middle;
    width: 200px; } }

@media (min-width: 728px) {
  .c-footer__section {
    display: table-cell;
    text-align: left;
    vertical-align: middle; } }

.c-footer__section {
  font-size: 0.75em;
  padding: 8px 16px;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal; }

.c-footer a {
  color: #e2127a;
  vertical-align: baseline;
  border: 0px solid; }

@media (min-width: 728px) {
  .c-footer__section {
    display: table-cell;
    text-align: left;
    vertical-align: middle; } }

.c-footer__section {
  font-size: 0.75em;
  padding: 8px 16px; }

@media (min-width: 1024px) {
  .c-footer__section-vox {
    text-align: right !important; } }

@media (min-width: 728px) {
  .c-footer__section-vox {
    text-align: right;
    width: 290px; } }

@media (min-width: 728px) {
  .c-footer__section {
    display: table-cell;
    text-align: left;
    vertical-align: middle; } }

.c-footer__section {
  font-size: 0.75em;
  padding: 8px 16px; }

.c-footer .u-list-dot-sep {
  margin: 0 0 8px;
  padding: 0; }

.u-list-dot-sep {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

.u-list-dot-sep li {
  display: inline-block; }

.u-list-dot-sep li:after {
  content: "\2022";
  display: inline-block;
  margin: 0 8px; }

@media (min-width: 1024px) {
  .c-footer__section-vox a {
    margin-bottom: 8px; } }

.u-hidden-text {
  display: inline-block;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0; }

.u-block {
  display: block; }

.c-footer__vox-logo path, .c-footer__vox-logo polygon, .c-footer__vox-logo rect {
  fill: #fff; }

svg:not(:root) {
  overflow: hidden; }

@media (min-width: 600px) {
  .c-footer__vox-logo {
    max-width: 150px;
    padding-top: 16px; } }

.c-footer__vox-logo {
  width: 100%;
  max-width: 150px; }

.c-footer__section-logo {
  text-align: center;
  vertical-align: middle;
  width: 170px;
  margin: auto; }

.c-wide-block .e-image img, .c-wide-block figure, .c-wide-block iframe, .c-wide-block img, .wide-image-block .e-image img, .wide-image-block figure, .wide-image-block iframe, .wide-image-block img {
  margin: 0 auto;
  width: 100%; }

.entry-content .e-image img {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.entry-content .e-image img.c-dynamic-image {
  width: 100%; }

.entry-content .e-image img.c-dynamic-image.lazy-loaded {
  width: auto; }

.c-picture {
  display: block;
  width: 100%;
  min-height: 1px; }

.c-picture img {
  display: block;
  width: 100%;
  height: auto; }

.e-image {
  margin: 2.2rem 0; }

.e-image .c-dynamic-image,
.e-image__image,
.e-image img {
  display: block;
  margin-bottom: 0;
  width: 100%; }

.e-image .c-dynamic-image.lazy-loaded,
.e-image__image.lazy-loaded,
.e-image img.lazy-loaded {
  max-width: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto; }

.e-image__meta {
  font-family: Helvetica, sans-serif;
  border-bottom: 1px solid #e7e7e8;
  color: #626262;
  display: block;
  font-size: 0.75em;
  width: 100%;
  padding: 8px 0; }

.fonts-loaded .e-image__meta {
  font-family: Helvetica, sans-serif; }

.e-image__meta p {
  font-size: inherit;
  display: inline; }

@media (min-width: 728px) {
  .e-image__meta {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 600px) {
  .e-image__meta {
    border-bottom: 1px solid #e7e7e8; } }

.e-image__meta-caption,
.e-image figcaption {
  display: inline; }

.e-image__meta-caption + cite:before,
.e-image figcaption + cite:before {
  display: inline-block;
  padding: 0 5px 0 3px;
  content: "|"; }

.e-image__meta-cite,
.e-image cite {
  display: inline;
  opacity: 0.75; }

.e-image__scale {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  width: 100%; }

.e-image__scale > :not(.p-badge) {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.e-image__scale img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.e-image--hero {
  margin-bottom: 32px;
  margin-top: 0; }

@media (max-width: 880px) {
  .e-image--hero {
    margin: 0 -16px 32px; }
  .e-image--hero .e-image__meta {
    padding: 8px; } }

.e-image__inner {
  display: block;
  position: relative; }

.l-feature .c-wide-block .caption,
.l-feature .c-wide-block .e-image__meta,
.l-feature .p-fullbleed-block .caption,
.l-feature .p-fullbleed-block .e-image__meta {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 16px; }

@media (min-width: 728px) {
  .c-float-left .e-image,
  .c-float-right .e-image,
  .float-left .e-image,
  .float-right .e-image,
  .left .e-image,
  .right .e-image {
    margin-top: 0;
    margin-bottom: 2px; } }

.answers {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  font-style: normal;
  color: #fff;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  flex-flow: row; }

.answers-btn {
  width: 40vw;
  max-width: 200px;
  height: 50px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px; }

.answers-btn:hover {
  background: #ccc; }

.answers a.correct {
  background: #090; }

.answers a.incorrect {
  background: #c00; }

.answers a.correct,
.answers a.incorrect {
  color: #fff; }

.answer-sticker-fake {
  position: absolute;
  width: 280px;
  top: -40px;
  right: -40px;
  animation-name: rollerLeft;
  -webkit-animation-name: rollerLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes rollerLeft {
  0% {
    -webkit-transform: translateX(20px) rotate(0);
            transform: translateX(20px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(-2turn);
            transform: translateX(0) rotate(-2turn);
    opacity: 1; } }

@-webkit-keyframes rollerLeft {
  0% {
    -webkit-transform: translateX(20px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(-2turn);
    opacity: 1; } }

.answer-sticker-real {
  position: absolute;
  width: 280px;
  top: -40px;
  left: -40px;
  animation-name: rollerRight;
  -webkit-animation-name: rollerRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes rollerRight {
  0% {
    -webkit-transform: translateX(-20px) rotate(0);
            transform: translateX(-20px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(2turn);
            transform: translateX(0) rotate(2turn);
    opacity: 1; } }

@-webkit-keyframes rollerRight {
  0% {
    -webkit-transform: translateX(-20px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(2turn);
    opacity: 1; } }

.answer-sticker-real img {
  width: 100%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.answer-sticker-fake img {
  width: 100%;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

#questions {
  max-width: 640px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-bottom: 0;
  margin: auto; }

.question {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-size: 2.5rem;
  font-style: normal;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin: 0; }

.question-container {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 4px; }

#quiz-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }

#quiz-buttons a {
  background: #fff;
  color: #333;
  width: 100px;
  height: 50px;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-size: 1.375rem;
  font-style: normal;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center; }

#quiz-buttons a:hover {
  background: #ddd; }

#quiz-counter {
  font-family: bc-sklonar, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1;
  border: 2px solid #ffffff;
  border-bottom: 0;
  padding-top: 12px; }

.quiz-container {
  position: relative;
  margin: 1em auto; }

.quiz-container a {
  text-decoration: none;
  color: #333; }

#quiz-controls {
  color: #fff;
  text-align: center;
  padding: 0 8px; }

#quiz-header p {
  text-align: left;
  font-family: freight-text-pro, serif;
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.5; }

#quiz-header,
#quiz-start-screen,
#quiz-results-screen,
#quiz-counter {
  text-align: center; }

#quiz-response {
  font-family: freight-text-pro, serif;
  font-size: 1.375rem;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.5;
  text-align: left;
  margin: 8px 0 32px; }

#quiz-response a,
.entry-hero-intro a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #393092; }

#quiz-response a:hover {
  color: #393092;
  border-bottom: 0; }

#quiz-restart-btn {
  margin: 32px 0 24px; }

#quiz-results {
  font-family: bc-sklonar, sans-serif;
  font-weight: 800;
  font-size: 1.375em;
  color: #fff;
  text-align: center;
  background: #000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  border: 2px solid;
  padding: 16px 24px; }

#quiz-results-screen {
  margin-top: 152px; }

#quiz-start-screen {
  width: 100%;
  margin-top: 16px; }

.quiz-results-state #quiz-controls {
  background: none;
  padding: 0; }

.quiz-results-state #quiz-buttons a {
  background: #88449a;
  color: #fff;
  width: 160px;
  height: 60px; }

.quiz-wrapper {
  max-width: 640px;
  width: 100%;
  padding: 0 8px; }

.start-btn {
  width: 200px;
  height: 60px;
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-size: 1.375rem;
  font-style: normal;
  line-height: 1.5;
  margin: 32px auto 0;
  text-transform: uppercase;
  border-bottom: 0px; }

.start-btn:hover {
  background: #ccc; }

@media screen and (max-width: 425px) {
  .answer-sticker-fake {
    width: 200px;
    top: -60px;
    left: 0;
    animation-name: rollerRight;
    -webkit-animation-name: rollerRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  @keyframes rollerRight {
    0% {
      -webkit-transform: translateX(-20px) rotate(0);
              transform: translateX(-20px) rotate(0);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0) rotate(2turn);
              transform: translateX(0) rotate(2turn);
      opacity: 1; } }
  @-webkit-keyframes rollerRight {
    0% {
      -webkit-transform: translateX(-20px) rotate(0);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0) rotate(2turn);
      opacity: 1; } }
  .answer-sticker-fake img {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  .answer-sticker-real {
    width: 200px;
    top: -60px;
    left: 0; }
  .question {
    font-size: 24px; }
  #quiz-controls {
    top: 76px; }
  #quiz-response {
    font-size: 20px !important; } }

@media screen and (max-width: 375px) {
  #quiz-response {
    font-size: 18px !important; } }

/*!
 * WickedCSS v1.0 (https://github.com/kristofferandreasen/wickedCSS)
 * Copyright 2015 Kristoffer Andreasen
 * MIT License
 */
/*
==========
Rotation
==========
*/
.rotation {
  animation-name: rotation;
  -webkit-animation-name: rotation;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  visibility: visible !important; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg) translateX(50%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg) translateX(50%) rotate(0deg);
            transform: rotate(0deg) translateX(50%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg);
            transform: rotate(360deg) translateX(50%) rotate(-360deg); } }

/*
==========
sideToSide
==========
*/
.sideToSide {
  animation-name: sideToSide;
  -webkit-animation-name: sideToSide;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  visibility: visible !important; }

@-webkit-keyframes sideToSide {
  0% {
    -webkit-transform: translate(100%, 0); }
  50% {
    -webkit-transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(100%, 0); } }

@keyframes sideToSide {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); }
  50% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); } }

/*
==========
zoomer
==========
*/
.zoomer {
  animation-name: zoomer;
  -webkit-animation-name: zoomer;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1);
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  visibility: visible !important; }

@-webkit-keyframes zoomer {
  0% {
    -webkit-transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes zoomer {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
==========
zoomerOut
==========
*/
.zoomerOut {
  animation-name: zoomerOut;
  -webkit-animation-name: zoomerOut;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1);
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@-webkit-keyframes zoomerOut {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0); } }

@keyframes zoomerOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

/*
==========
spinner
==========
*/
.spinner {
  animation-name: spinner;
  -webkit-animation-name: spinner;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  visibility: visible !important; }

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*
==========
pulse
==========
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.9; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.9; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.9; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.9; } }

/*
==========
shake
==========
*/
.shake {
  animation-name: shake;
  -webkit-animation-name: shake;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  visibility: visible !important; }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  16%, 50%, 83% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  33%, 66% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  16%, 50%, 83% {
    -webkit-transform: translateX(-10px); }
  33%, 66% {
    -webkit-transform: translateX(10px); } }

/*
==========
barrelRoll
==========
*/
.barrelRoll {
  animation-name: barrelRoll;
  -webkit-animation-name: barrelRoll;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  visibility: visible !important; }

@keyframes barrelRoll {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes barrelRoll {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

/*
=========
floater
=========
*/
.floater {
  animation-name: floater;
  -webkit-animation-name: floater;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@keyframes floater {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%);
            transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes floater {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
======
wiggle
======
*/
.wiggle {
  animation-name: wiggle;
  -webkit-animation-name: wiggle;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@keyframes wiggle {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); } }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
======
pound
======
*/
.pound {
  animation-name: pound;
  -webkit-animation-name: pound;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@keyframes pound {
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes pound {
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

/*
======
heartbeat
======
*/
.heartbeat {
  animation-name: heartbeat;
  -webkit-animation-name: heartbeat;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  20% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2); }
  20% {
    -webkit-transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1); } }

/*
======
rollerRight
======
*/
.rollerRight {
  animation-name: rollerRight;
  -webkit-animation-name: rollerRight;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes rollerRight {
  0% {
    -webkit-transform: translateX(-200px) rotate(0);
            transform: translateX(-200px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(2turn);
            transform: translateX(0) rotate(2turn);
    opacity: 1; } }

@-webkit-keyframes rollerRight {
  0% {
    -webkit-transform: translateX(-200px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(2turn);
    opacity: 1; } }

/*
======
rollerLeft
======
*/
.rollerLeft {
  animation-name: rollerLeft;
  -webkit-animation-name: rollerLeft;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes rollerLeft {
  0% {
    -webkit-transform: translateX(200px) rotate(0);
            transform: translateX(200px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(-2turn);
            transform: translateX(0) rotate(-2turn);
    opacity: 1; } }

@-webkit-keyframes rollerLeft {
  0% {
    -webkit-transform: translateX(200px) rotate(0);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0) rotate(-2turn);
    opacity: 1; } }

/*
==========
Boring ones from here on down
==========
*/
/*
==========
slideDown
==========
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease; }

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1; } }

/*
==========
slideUp
==========
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease; }

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1; } }

/*
==========
slideLeft
==========
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease; }

@keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

/*
==========
slideRight
==========
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease; }

@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

/*
==========
fadeIn
==========
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*
==========
fadeOut
==========
*/
.fadeOut {
  animation-name: fadeOut;
  -webkit-animation-name: fadeOut;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
==========
rotateInRight
==========
*/
.rotateInRight {
  animation-name: rotateInRight;
  -webkit-animation-name: rotateInRight;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@-webkit-keyframes rotateInRight {
  from {
    -webkit-transform: rotate(0deg) translateX(100%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg); } }

@keyframes rotateInRight {
  from {
    -webkit-transform: rotate(0deg) translateX(100%) rotate(0deg);
            transform: rotate(0deg) translateX(100%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg);
            transform: rotate(360deg) translateX(0) rotate(-360deg); } }

/*
==========
rotateInLeft
==========
*/
.rotateInLeft {
  animation-name: rotateInLeft;
  -webkit-animation-name: rotateInLeft;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@-webkit-keyframes rotateInLeft {
  from {
    -webkit-transform: rotate(0deg) translateX(-100%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg); } }

@keyframes rotateInLeft {
  from {
    -webkit-transform: rotate(0deg) translateX(-100%) rotate(0deg);
            transform: rotate(0deg) translateX(-100%) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateX(0) rotate(-360deg);
            transform: rotate(360deg) translateX(0) rotate(-360deg); } }

/*
==========
rotateIn
==========
*/
.rotateIn {
  animation-name: rotateIn;
  -webkit-animation-name: rotateIn;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -720deg);
    transform: rotate3d(0, 0, 1, -720deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -720deg);
    transform: rotate3d(0, 0, 1, -720deg);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/*
==========
bounceIn
==========
*/
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

html {
  scroll-behavior: smooth; }

body {
  margin: 0 auto;
  background: #FFFFFF; }

m-ad {
  max-width: 100vw; }

.article {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important; }

blockquote {
  background-color: transparent;
  border-left: 3px solid #393092;
  font-family: freight-text-pro, serif;
  font-size: 1.375rem;
  font-weight: 500;
  font-style: normal;
  color: #111;
  line-height: 1.5;
  margin: 1.2rem 0;
  overflow: hidden;
  padding: 0 1.2rem;
  text-transform: none; }

cite {
  color: #444;
  font-family: bc-sklonar, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5; }

.content {
  background: #ffffff;
  padding: 16px;
  max-width: 640px;
  margin: 0 auto; }

.content a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #393092; }

.content a:hover {
  border-bottom: 2px solid #393092; }

.c-end-para:after {
  color: #393092;
  content: " ■"; }

.content-placeholder {
  width: 100%; }

.content-placeholder img {
  width: 100%; }

.e-image {
  margin: 32px 0; }

.entry-content {
  position: relative; }

.m-ad {
  position: relative;
  display: flex;
  justify-content: center; }

.entry-content p {
  font-family: freight-text-pro, serif;
  font-size: 1.375rem;
  font-weight: 500;
  font-style: normal;
  color: #111;
  line-height: 1.5; }

.entry-content p:first-of-type {
  margin: 3em 0 0; }

.entry-content-dropcap {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-style: normal; }

.entry-hero {
  position: relative;
  display: flex;
  flex-direction: row-reverse; }

.entry-hero-art {
  width: 100%;
  height: 100%;
  max-height: calc(var(--vh, 1vh) * 80);
  position: relative;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center; }

.entry-hero-content {
  height: 100%;
  width: 50vw;
  background-color: #000;
  padding-bottom: 32px; }

.entry-hero-content-chevron {
  color: #fff;
  text-align: center;
  margin: 32px;
  font-size: 24px; }

.entry-hero-content-intro {
  height: calc(var(--vh, 1vh) * 75);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.entry-hero-content-intro:first-of-type {
  margin-top: calc(var(--vh, 1vh) * 12.5); }

.entry-hero-content-intro:last-of-type {
  margin-bottom: calc(var(--vh, 1vh) * 12.5); }

.entry-hero-content-intro p {
  margin: 0 auto;
  color: #fff;
  max-width: 512px;
  font-family: bc-sklonar, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  padding: 0 16px; }

.entry-hero-dek {
  font-family: bc-sklonar, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #EEEEEE;
  padding: 0px;
  margin: 0 0 0 4px; }

.entry-hero-image {
  height: calc(var(--vh, 1vh) * 100);
  width: 50vw;
  background-color: #000000;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.entry-hero-intro {
  width: 100%;
  max-width: 640px; }

.entry-hero-intro a:hover {
  color: #393092;
  border-bottom: 0; }

.entry-hero-intro p {
  color: #FFFFFF;
  font-family: freight-text-pro, serif;
  font-size: 1.375rem;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  line-height: 1.5; }

.entry-hero-logo {
  display: block;
  width: 147px;
  left: 16px;
  position: absolute;
  top: 16px;
  border: 0px solid;
  z-index: 900; }

.entry-hero-title {
  margin-bottom: 32px; }

.entry-hero-title a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #393092; }

.entry-hero-title a:hover {
  color: #ff7e7b;
  border-bottom: 0px solid; }

.entry-hero-title h1 {
  color: #fff;
  font-family: solano-gothic-pro-mvb, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 62px;
  text-transform: uppercase;
  line-height: 0.975;
  margin: 0px 0 1rem; }

.entry-pullquote {
  height: 100%;
  max-width: 720px;
  background: #000000;
  margin: auto; }

.entry-pullquote p {
  color: #fff;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 32px;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 64px 40px;
  margin: 0 !important; }

.fas {
  margin-bottom: 8px; }

.fas:hover {
  cursor: pointer; }

figcaption {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  color: #444;
  margin: 0 0 4px; }

.float-left {
  float: left;
  margin-left: -60px; }

.intro-wrapper {
  height: 704px;
  background: #000000;
  display: flex;
  justify-content: center;
  padding-top: 64px; }

small {
  background-color: #eee;
  -webkit-box-shadow: 6px 0 0 #eee, -6px 0 0 #eee;
          box-shadow: 6px 0 0 #eee, -6px 0 0 #eee;
  font-size: inherit;
  color: #000;
  padding: 4px 0;
  margin: 0 6px 0 0; }

small:hover {
  cursor: pointer; }

.wrapper {
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .entry-hero {
    position: relative;
    display: flex;
    flex-direction: column-reverse; }
  .entry-hero-content {
    width: 100%; }
  .entry-hero-content-intro {
    height: calc(var(--vh, 1vh) * 50);
    width: 100%; }
  .entry-hero-content-intro:first-of-type {
    margin-top: 0; }
  .entry-hero-content-intro:last-of-type {
    margin-bottom: 0; }
  .entry-hero-image {
    height: calc(var(--vh, 1vh) * 50);
    width: 100%; }
  .entry-hero-lede {
    height: calc(var(--vh, 1vh) * 50);
    width: 100%; }
  .float-left {
    float: left;
    margin-left: -8px;
    padding-right: 16px; } }

@media (max-width: 640px) {
  .entry-hero-title h1 {
    font-size: 48px; } }

@media (max-width: 425px) {
  .entry-hero-intro p {
    font-size: 20px !important;
    padding: 0 8px; }
  .entry-hero-logo {
    width: 100px;
    left: 16px; }
  .entry-hero-title {
    margin-bottom: 32px;
    padding: 0 8px; }
  .entry-hero-title h1 {
    font-size: 34px; }
  .entry-hero-title p {
    font-size: 14px; }
  .entry-hero-dek {
    font-size: 14px; }
  .intro-wrapper {
    height: calc(var(--vh, 1vh) * 100); } }

@media (max-width: 375px) {
  .entry-hero-intro p {
    font-size: 18px !important;
    padding: 0 8px; }
  .entry-hero-title p {
    font-size: 14px; } }