@import url("https://use.typekit.net/lwj6xvw.css");
@font-face {
  font-family: FK Roman Standard;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Regular.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Regular.woff) format("woff"); }

@font-face {
  font-family: FK Roman Standard;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Oblique.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Oblique.woff) format("woff"); }

@font-face {
  font-family: FK Roman Standard;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Bold.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-Bold.woff) format("woff"); }

@font-face {
  font-family: FK Roman Standard;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-BoldOblique.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/FKRomanStandard-BoldOblique.woff) format("woff"); }

@font-face {
  font-family: Manuka Condensed;
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
  src: url(https://s3.amazonaws.com/assets.sbnation.com/csk/uploads/verge-fonts/ManukaCondensed-Black.woff2) format("woff2"), url(https://s3.amazonaws.com/assets.sbnation.com/csk/uploads/verge-fonts/ManukaCondensed-Black.woff) format("woff"); }

@font-face {
  font-family: Manuka Condensed;
  font-weight: 1000;
  font-style: normal;
  font-display: fallback;
  src: url(https://s3.amazonaws.com/assets.sbnation.com/csk/uploads/verge-fonts/ManukaCondensed-Ultra.woff2) format("woff2"), url(https://s3.amazonaws.com/assets.sbnation.com/csk/uploads/verge-fonts/ManukaCondensed-Ultra.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Slim.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Slim.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Neutral.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Neutral.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Median.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Median.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Bulky.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-Bulky.woff) format("woff"); }

@font-face {
  font-family: Poly Sans;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimMono.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimMono.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimMonoItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-SlimMonoItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralMono.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralMono.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralMonoItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-NeutralMonoItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianMono.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianMono.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianMonoItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-MedianItalic.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyMono.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyMono.woff) format("woff"); }

@font-face {
  font-family: Poly Sans Mono;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyMonoItalic.woff2) format("woff2"), url(https://cdn.vox-cdn.com/shared_fonts/verge-duet/PolySans-BulkyMonoItalic.woff) format("woff"); }

header {
  height: 172vw;
  width: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    header {
      height: 250vw;
      margin-bottom: 0; } }
header a {
  color: #022533;
  border-bottom: 2px solid #022533; }

header .byline {
  width: 49.2vw;
  height: 6.5vw;
  position: absolute;
  top: 80.8%;
  left: -2%;
  -webkit-transform: rotate(-8.36deg);
          transform: rotate(-8.36deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .byline {
      top: 77.9%;
      left: 1%; } }
header .byline p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4vw;
  color: #022533;
  margin: 0 7vw 0 4vw; }

header .add-byline {
  width: 33vw;
  height: 5.1vw;
  position: absolute;
  top: 86.5%;
  left: 7.2%;
  -webkit-transform: rotate(1.08deg);
          transform: rotate(1.08deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .add-byline {
      width: 56vw;
      height: 5.1vw;
      top: 83.1%;
      left: 0.2%; } }
header .add-byline p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6vw;
  color: #022533;
  margin: 0 7vw 0 2vw; }
  @media screen and (max-width: 768px) {
    header .add-byline p {
      font-size: 3.2vw; } }
header .dek {
  width: 85.9vw;
  height: 8vw;
  background: #F4BD40;
  position: absolute;
  top: 25.1%;
  right: -2%;
  -webkit-transform: rotate(9.71deg);
          transform: rotate(9.71deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .dek {
      height: initial;
      top: 21.2%;
      right: 4.5%; } }
header .dek p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8vw;
  line-height: 1.3;
  color: #022533;
  margin: 0 7vw 0 4vw; }
  @media screen and (max-width: 768px) {
    header .dek p {
      font-size: 4.2vw; } }
header h1 {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.3vw;
  color: #022533; }
  @media screen and (max-width: 768px) {
    header h1 {
      font-size: 42px; } }
header .hed-1 {
  width: 108.9vw;
  height: 12.3vw;
  position: absolute;
  top: 54.6%;
  left: -2%;
  background: #E6DACE;
  -webkit-transform: rotate(11.05deg);
          transform: rotate(11.05deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .hed-1 {
      height: 15vw; } }
header .hed-1 h1 {
  margin-right: 30vw; }

header .hed-2 {
  width: 108.9vw;
  height: 10.3vw;
  position: absolute;
  top: 61.4%;
  left: -2%;
  background: #E57E0F;
  -webkit-transform: rotate(-2.68deg);
          transform: rotate(-2.68deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .hed-2 {
      height: 15vw; } }
header .hed-2 h1 {
  margin-left: 6vw; }

header .pub-date {
  width: 33vw;
  height: 5.1vw;
  position: absolute;
  top: 89.5%;
  left: 3.2%;
  -webkit-transform: rotate(-1.82deg);
          transform: rotate(-1.82deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    header .pub-date {
      width: 56vw;
      height: 5.1vw;
      top: 86.3%;
      left: -6.4%; } }
header .pub-date p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3vw;
  color: #022533;
  margin: 0 7vw 0 2vw; }
  @media screen and (max-width: 768px) {
    header .pub-date p {
      font-size: 2.7vw; } }
.header-logo {
  display: block;
  width: 150px;
  left: 16px;
  position: absolute;
  top: 16px;
  border: 0px solid;
  z-index: 900; }

.lede-rect-bg {
  width: 150vw;
  height: 179.3vw;
  position: absolute;
  top: -12%;
  left: -21%;
  background: #022533;
  -webkit-transform: rotate(14.78deg);
          transform: rotate(14.78deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-bg {
      width: 190vw;
      height: 250vw;
      position: absolute;
      top: -13%;
      left: -46%; } }
.lede-rect-1 {
  width: 43vw;
  height: 1.7vw;
  background: #812907;
  position: absolute;
  top: 4.3%;
  right: -51px;
  -webkit-transform: rotate(29deg);
          transform: rotate(29deg); }

.lede-rect-2 {
  width: 115vw;
  height: 1.7vw;
  background: #DD582F;
  position: absolute;
  top: 15.6%;
  left: -7%;
  -webkit-transform: rotate(-26.7deg);
          transform: rotate(-26.7deg); }

.lede-rect-3 {
  width: 85.9vw;
  height: 8vw;
  position: absolute;
  top: 25.1%;
  right: -2%;
  background: #F4BD40;
  -webkit-transform: rotate(9.71deg);
          transform: rotate(9.71deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-3 {
      width: 100.9vw;
      height: 31.1vw;
      position: absolute;
      top: 20.5%;
      right: -8%; } }
.lede-rect-4 {
  width: 108.9vw;
  height: 12.3vw;
  position: absolute;
  top: 53.6%;
  left: -2%;
  background: #E6DACE;
  -webkit-transform: rotate(11.05deg);
          transform: rotate(11.05deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-4 {
      width: 110.9vw;
      height: 17.3vw;
      position: absolute;
      top: 50.2%;
      left: -4%; } }
.lede-rect-5 {
  width: 108.9vw;
  height: 10.3vw;
  position: absolute;
  top: 59.4%;
  left: -2%;
  background: #E57E0F;
  -webkit-transform: rotate(-2.68deg);
          transform: rotate(-2.68deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-5 {
      width: 108.9vw;
      height: 17.3vw;
      position: absolute;
      top: 58%;
      left: -2%; } }
.lede-rect-6 {
  width: 108.9vw;
  height: 1vw;
  position: absolute;
  top: 69.8%;
  left: -2%;
  background: #D64402;
  -webkit-transform: rotate(3.08deg);
          transform: rotate(3.08deg); }

.lede-rect-7 {
  width: 49.2vw;
  height: 6.5vw;
  position: absolute;
  top: 80.8%;
  left: -2%;
  background: #F4CD7F;
  -webkit-transform: rotate(-8.36deg);
          transform: rotate(-8.36deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-7 {
      height: 8.6vw;
      top: 77.5%;
      left: 1%; } }
.lede-rect-8 {
  width: 33vw;
  height: 5.1vw;
  position: absolute;
  top: 86.5%;
  left: 7.2%;
  background: #F4CD7F;
  -webkit-transform: rotate(1.08deg);
          transform: rotate(1.08deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-8 {
      width: 49vw;
      height: 9.1vw;
      top: 82.3%;
      left: -0.8%; } }
.lede-rect-9 {
  width: 19.5vw;
  height: 3.3vw;
  position: absolute;
  top: 89.9%;
  left: 7.7%;
  background: #F4CD7F;
  -webkit-transform: rotate(-1.82deg);
          transform: rotate(-1.82deg); }
  @media screen and (max-width: 768px) {
    .lede-rect-9 {
      width: 46vw;
      height: 5.2vw;
      top: 86.2%;
      left: -0.8%; } }
.lede-item {
  position: absolute;
  -webkit-filter: drop-shadow(2px 1px 2px #111);
          filter: drop-shadow(2px 1px 2px #111); }

.lede-item:nth-of-type(1) {
  width: 61vw;
  top: 0;
  left: 0; }

.lede-item:nth-of-type(2) {
  width: 45vw;
  top: 11%;
  right: 3%; }

.lede-item:nth-of-type(3) {
  width: 32vw;
  top: 31.9%;
  left: 0; }

.lede-item:nth-of-type(4) {
  width: 66.3vw;
  top: 30.6%;
  right: 0; }
  @media screen and (max-width: 768px) {
    .lede-item:nth-of-type(4) {
      width: 58vw;
      top: 35.6%;
      right: 0; } }
.lede-item:nth-of-type(5) {
  width: 51.6vw;
  top: 73.1%;
  left: 0; }
  @media screen and (max-width: 768px) {
    .lede-item:nth-of-type(5) {
      width: 64.6vw;
      top: 72.1%; } }
.lede-item:nth-of-type(6) {
  width: 19vw;
  top: 76.1%;
  right: 21%; }
  @media screen and (max-width: 768px) {
    .lede-item:nth-of-type(6) {
      right: 15%; } }
.lede-item:nth-of-type(7) {
  width: 12.7vw;
  top: 73.1%;
  right: 0; }

.lede-item:nth-of-type(8) {
  width: 30vw;
  bottom: -110px;
  right: 0; }
  @media screen and (max-width: 768px) {
    .lede-item:nth-of-type(8) {
      bottom: 0; } }
.c-subnav-grid > ul ul, .c-tab-bar {
  display: none; }

.c-tab-bar {
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #e7e7e8;
  bottom: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 8px;
  position: fixed;
  right: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  width: 100%;
  z-index: 50000; }

.c-tab-bar {
  border-bottom: 1px solid #e7e7e8;
  border-top: 0;
  bottom: auto;
  -ms-flex-pack: start;
  justify-content: flex-start;
  top: 0; }

@media screen and (max-width: 425px) {
  .c-tab-bar {
    border-top: 1px solid #e7e7e8;
    bottom: 0;
    justify-content: flex-start;
    top: auto; } }

.enabled {
  display: block;
  opacity: 1; }

.c-tab-bar__logo {
  display: block;
  height: 40px;
  color: #333;
  border-bottom: 0; }

@media screen and (min-width: 400px) {
  .c-tab-bar__logo svg {
    max-width: 150px; } }

.c-tab-bar__logo svg {
  height: 40px;
  -webkit-transition: fill .3s;
  transition: fill .3s; }

[data-inviewport="fade"] {
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  opacity: 0; }

.is-inViewport[data-inviewport="fade"] {
  opacity: 1; }

#firstword {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 108px;
  margin: 0 8px 0 0;
  line-height: 0.75;
  float: left;
  color: #000;
  display: flex; }
  @media screen and (max-width: 768px) {
    #firstword {
      font-size: 64px;
      margin: 0 8px 0 0;
      line-height: 0.86; } }
#firstwordslash {
  height: 80px; }
  @media screen and (max-width: 768px) {
    #firstwordslash {
      height: 51.2px;
      width: 19.73px; } }
.dropword {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 72px;
  margin: 0 12px 0 0;
  line-height: 0.68;
  float: left;
  color: #000;
  display: flex; }
  @media screen and (max-width: 768px) {
    .dropword {
      font-size: 64px;
      margin: 0 8px 0 0;
      line-height: 0.86; } }
.dropwordslash {
  height: 50px; }
  @media screen and (max-width: 768px) {
    .dropwordslash {
      height: 51.2px;
      width: 11.61px; } }
.pq-left {
  width: 640px;
  float: left;
  position: relative;
  margin-left: 5%;
  z-index: 1; }
  @media screen and (max-width: 960px) {
    .pq-left {
      max-width: 90%;
      float: inherit;
      margin: 0 auto; } }
.pq-right {
  width: 640px;
  float: right;
  position: relative;
  margin-right: 5%;
  z-index: 1; }
  .pq-right q {
    color: #000; }
  @media screen and (max-width: 960px) {
    .pq-right {
      max-width: 90%;
      float: inherit;
      margin: 0 auto; } }
@media (min-width: 728px) {
  .c-float-right, .c-sidebar-right, .float-right {
    float: right;
    margin-left: 5%;
    width: 45%; } }

.c-float-right, .c-float-left {
  position: relative;
  z-index: 2; }

.c-entry-sidebar {
  font-family: Helvetica, sans-serif;
  background-color: #EFEFF0;
  color: #424242;
  font-size: .9em;
  margin-bottom: 1.2rem;
  padding: 16px; }

aside {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

aside q {
  font-family: "Heroic",Arial Narrow,Helvetica,sans-serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2em;
  color: #FFF;
  display: block; }
  @media screen and (max-width: 640px) {
    aside q {
      font-size: 1.3em; } }
  @media screen and (max-width: 425px) {
    aside q {
      font-size: 1.3em; } }
aside q:before, aside q:after {
  display: none; }

blockquote {
  background-color: transparent;
  border-left: 3px solid #393092;
  font-family: Helvetica, Arial, sans-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; }

.column-width {
  display: block;
  min-height: 1px;
  margin: 64px auto; }
  @media screen and (max-width: 425px) {
    .column-width {
      width: 80%;
      margin: 32px auto; } }
.column-width img {
  display: block;
  width: 100%;
  height: 100%; }

figcaption {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  color: #111;
  margin: 4px 0; }

.fullbleed {
  display: flex;
  justify-content: center;
  margin: 64px 0; }

.fullbleed img {
  display: block;
  width: 100vw;
  height: 100%; }

.image {
  max-width: 100vw; }

picture cite {
  position: relative;
  padding: 8px 0;
  color: #222;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5; }

.fullbleed cite {
  padding: 8px; }

section {
  max-width: 730px;
  padding: 0 16px;
  margin: 0 auto; }

section h2 {
  color: #000;
  font-family: Heroic, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 0.975;
  margin: 0 auto 16px; }

section p, section ul {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6; }

.partnership p, .content-warning p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color: #444;
  margin-bottom: 64px; }

strong {
  font-weight: 700; }

.v-fullbleed {
  max-width: inherit;
  padding: 0;
  margin: 64px 0; }
  @media screen and (max-width: 768px) {
    .v-fullbleed {
      margin: 32px 0; } }
.center {
  margin: 64px auto; }

.left {
  display: flex;
  justify-content: start; }

.right {
  display: flex;
  justify-content: end; }

.vrg-video-inline {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0; }
  @media screen and (max-width: 768px) {
    .vrg-video-inline {
      height: inherit; } }
.vrg-label {
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute; }

.vrg-inner-container {
  height: 100%;
  position: relative;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  .vrg-inner-container {
    height: 100%; } }

.vrg-media-inline {
  position: relative;
  width: 100%;
  height: 100%; }

.vrg-media-inline img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover; }

.vrg-media-inline video {
  height: 100%;
  width: 100%;
  position: relative; }

.wide {
  display: flex;
  justify-content: center;
  margin: 64px 0; }

.wide img {
  display: block;
  width: 100%;
  max-width: 880px; }

.break-1 {
  height: 146vw;
  width: 100%;
  max-width: inherit;
  position: relative;
  padding: 0;
  margin-bottom: -96px;
  z-index: -1; }
  @media screen and (max-width: 768px) {
    .break-1 {
      margin: 0 auto; } }
.break-2 {
  height: 227vw;
  width: 100%;
  max-width: inherit;
  position: relative;
  padding: 0;
  margin-top: -24vw;
  margin-bottom: -56px;
  z-index: -1; }
  @media screen and (max-width: 768px) {
    .break-2 {
      margin: 0 auto; } }
.break-3 {
  height: 155vw;
  width: 100%;
  max-width: inherit;
  position: relative;
  padding: 0;
  margin: 64px 0 120px; }
  @media screen and (max-width: 768px) {
    .break-3 {
      margin: 64px auto; } }
.break-4 {
  height: 176vw;
  width: 100%;
  max-width: inherit;
  position: relative;
  padding: 0;
  margin-top: -220px;
  margin-bottom: 64px;
  z-index: -1; }
  @media screen and (max-width: 768px) {
    .break-4 {
      margin: 32px auto 64px; } }
.break-1-item,
.break-2-item,
.break-3-item,
.break-4-item {
  -webkit-filter: drop-shadow(2px 1px 2px #111);
          filter: drop-shadow(2px 1px 2px #111); }

.break-1-rect-1 {
  width: 135vw;
  height: 1.7vw;
  background: #812907;
  position: absolute;
  top: 30.6%;
  left: -11%;
  background: #E6DACE;
  -webkit-transform: rotate(-29.03deg);
          transform: rotate(-29.03deg); }

.break-1-rect-2 {
  width: 135vw;
  height: 1.7vw;
  background: #812907;
  position: absolute;
  top: 26.7%;
  left: -11%;
  background: #D64402;
  -webkit-transform: rotate(-9.95deg);
          transform: rotate(-9.95deg); }

.break-1-item {
  position: absolute; }

.break-1-item:nth-of-type(2) {
  width: 22.6vw;
  top: 4.7%;
  left: 0; }

.break-1-item:nth-of-type(3) {
  width: 40vw;
  top: 4.4%;
  left: 26.9%; }

.break-1-item:nth-of-type(4) {
  width: 25vw;
  top: 28.3%;
  right: 0; }

.break-1-item:nth-of-type(5) {
  width: 67vw;
  top: 40.6%;
  right: 0; }

.break-1-item:nth-of-type(6) {
  width: 42vw;
  top: 54.6%;
  left: 0; }

.break-1-pullquote {
  width: 65vw;
  height: 8.6vw;
  background: #812907;
  position: absolute;
  top: 36.1%;
  left: -10.5%;
  background: #F4BD40;
  -webkit-transform: rotate(-5.46deg);
          transform: rotate(-5.46deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .break-1-pullquote {
      width: 82vw;
      height: 17vw;
      top: 34.1%; } }
.break-1-pullquote p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9vw;
  line-height: 1.3;
  color: #022533;
  margin: 0 4vw 0 15vw; }
  @media screen and (max-width: 768px) {
    .break-1-pullquote p {
      font-size: 3.6vw; } }
.break-2-rect-1 {
  width: 135vw;
  height: 1.7vw;
  position: absolute;
  top: 38.4%;
  left: -11%;
  background: #D64402;
  -webkit-transform: rotate(13.24deg);
          transform: rotate(13.24deg); }

.break-2-rect-2 {
  width: 73vw;
  height: 8.7vw;
  position: absolute;
  top: 36.7%;
  left: -8%;
  background: #F4BD40;
  -webkit-transform: rotate(-11.46deg);
          transform: rotate(-11.46deg); }

.break-2-item {
  position: absolute; }

.break-2-item:nth-of-type(2) {
  width: 52.2vw;
  top: 11.7%;
  left: 0; }

.break-2-item:nth-of-type(3) {
  width: 45vw;
  top: -2.3%;
  right: 0; }

.break-2-item:nth-of-type(4) {
  width: 96vw;
  top: 41.2%;
  right: 0; }

.break-2-item:nth-of-type(5) {
  width: 40vw;
  top: 74.2%;
  left: 3%; }

.break-2-item:nth-of-type(6) {
  width: 24vw;
  top: 81%;
  left: 53%; }

.break-2-item:nth-of-type(7) {
  width: 20vw;
  bottom: 0;
  right: 0; }

.break-2-pullquote {
  width: 73vw;
  height: 8.7vw;
  position: absolute;
  top: 36.7%;
  left: -8%;
  background: #F4BD40;
  -webkit-transform: rotate(-11.46deg);
          transform: rotate(-11.46deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .break-2-pullquote {
      width: 82vw;
      height: 17vw; } }
.break-2-pullquote p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9vw;
  line-height: 1.3;
  color: #022533;
  margin: 0 2vw 0 15vw; }
  @media screen and (max-width: 768px) {
    .break-2-pullquote p {
      font-size: 3.6vw; } }
.break-3-rect-1 {
  width: 135vw;
  height: 1.7vw;
  position: absolute;
  top: 34.8%;
  left: -11%;
  background: #812907;
  -webkit-transform: rotate(23.42deg);
          transform: rotate(23.42deg); }

.break-3-rect-2 {
  width: 163vw;
  height: 1.7vw;
  position: absolute;
  top: 59.5%;
  right: -18%;
  background: #D64402;
  -webkit-transform: rotate(-36.55deg);
          transform: rotate(-36.55deg); }

.break-3-rect-3 {
  width: 96vw;
  height: 8.7vw;
  position: absolute;
  top: 31.9%;
  right: -6.2%;
  background: #F4BD40;
  -webkit-transform: rotate(8.48deg);
          transform: rotate(8.48deg); }

.break-3-item {
  position: absolute; }

.break-3-item:nth-of-type(2) {
  width: 42.4vw;
  top: 0.1%;
  left: 3%; }

.break-3-item:nth-of-type(3) {
  width: 52vw;
  top: -2.6%;
  right: 0; }

.break-3-item:nth-of-type(4) {
  width: 38vw;
  top: 36.7%;
  left: 0; }
  @media screen and (max-width: 768px) {
    .break-3-item:nth-of-type(4) {
      top: 41.7%; } }
.break-3-item:nth-of-type(5) {
  width: 38.4vw;
  top: 49.4%;
  right: 0; }
  @media screen and (max-width: 768px) {
    .break-3-item:nth-of-type(5) {
      top: 50.4%; } }
.break-3-item:nth-of-type(6) {
  width: 60vw;
  top: 60%;
  left: 20%; }

.break-3-item:nth-of-type(7) {
  width: 21vw;
  top: 73.8%;
  right: 0; }

.break-3-pullquote {
  width: 96vw;
  height: 8.7vw;
  position: absolute;
  top: 31.9%;
  right: -6.2%;
  background: #F4BD40;
  -webkit-transform: rotate(8.48deg);
          transform: rotate(8.48deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .break-3-pullquote {
      width: 88vw;
      height: 23vw;
      top: 30.7%; } }
.break-3-pullquote p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9vw;
  line-height: 1.3;
  color: #022533;
  margin: 0 16vw 0 4vw; }
  @media screen and (max-width: 768px) {
    .break-3-pullquote p {
      font-size: 3.6vw; } }
.break-4-rect-1 {
  width: 135vw;
  height: 1.7vw;
  position: absolute;
  top: 25.4%;
  left: -22.2%;
  background: #D64402;
  -webkit-transform: rotate(34.19deg);
          transform: rotate(34.19deg); }

.break-4-rect-2 {
  width: 113vw;
  height: 1.7vw;
  position: absolute;
  top: 48.4%;
  left: -8%;
  background: #E6DACE;
  -webkit-transform: rotate(-11.5deg);
          transform: rotate(-11.5deg); }

.break-4-rect-3 {
  width: 73vw;
  height: 8.7vw;
  position: absolute;
  top: 39.8%;
  right: -7.9%;
  background: #F4BD40;
  -webkit-transform: rotate(-15.49deg);
          transform: rotate(-15.49deg); }

.break-4-item {
  position: absolute; }

.break-4-item:nth-of-type(2) {
  width: 45.2vw;
  top: -1.5%;
  right: 0; }

.break-4-item:nth-of-type(3) {
  width: 40.9vw;
  top: 17.9%;
  left: 0; }

.break-4-item:nth-of-type(4) {
  width: 52vw;
  top: 50.5%;
  right: 0; }

.break-4-item:nth-of-type(5) {
  width: 47vw;
  top: 56.2%;
  left: 0; }

.break-4-pullquote {
  width: 73vw;
  height: 8.7vw;
  position: absolute;
  top: 39.8%;
  right: -7.9%;
  background: #F4BD40;
  -webkit-transform: rotate(-15.49deg);
          transform: rotate(-15.49deg);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .break-4-pullquote {
      height: 13.7vw;
      top: 38.8%; } }
.break-4-pullquote p {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9vw;
  line-height: 1.3;
  color: #022533;
  margin: 0 14vw 0 4vw; }
  @media screen and (max-width: 768px) {
    .break-4-pullquote p {
      font-size: 3.6vw; } }
.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; } }

.zephr-zone-footer #zephr-footer-body-title {
  font-family: 'Poly Sans', sans-serif; }

.zephr-zone-footer #zephr-footer-body-subheading {
  font-family: 'Poly Sans', sans-serif; }

.zephr-zone-footer #zephr-footer-body-section-2, .zephr-zone-footer #zephr-footer-body-button {
  font-family: 'Poly Sans Mono', monospace; }

#zephr-anchor div:last-child:not([class]) {
  z-index: 99999;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); }

@font-face {
  font-family: Adelle Sans;
  src: url("https://cdn.vox-cdn.com/shared_fonts/unison/verge/AdelleSans-Italic.woff2");
  font-weight: 400; }

@font-face {
  font-family: Heroic;
  src: url("https://cdn.vox-cdn.com/shared_fonts/unison/verge/heroic-cond-vrg-web-ltd-hvy.woff2") format("woff2");
  font-weight: 700; }

@font-face {
  font-family: Pathways;
  src: url("https://cdn.vox-cdn.com/shared_fonts/unison/verge/pathways-normal-webfont.woff2") format("woff2"); }

html, body {
  font-size: 18px;
  color: #424242;
  overflow-x: hidden; }

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

a {
  color: #C54002;
  text-decoration: none;
  border-bottom: 1px solid #C54002; }

a:hover {
  border-bottom: 0; }

.ad {
  margin: 32px auto; }

article {
  height: 100%; }

img {
  width: 100%; }

.endmark {
  width: 100px; }

#end-mark {
  margin-bottom: 32px; }

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

.m-ad iframe {
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%); }

.p-entry-hr {
  margin: 64px 0; }

.fade {
  -webkit-transition: opacity 0.7s ease-in;
  transition: opacity 0.7s ease-in; }

.fadeOut {
  opacity: 0; }

.fadeIn {
  opacity: 1; }

@media screen and (max-width: 768px) {
  section.ad {
    position: relative;
    margin-top: 0; }
    section.ad .ad__inner {
      max-width: 800px;
      margin: 45px auto 45px auto;
      text-align: center; }
  #div-gpt-ad-csk_athena_2 {
    min-width: auto; } }

.content {
  width: 100%;
  background: #FFF;
  margin: 0 auto;
  padding: 32px 0 0; }