@charset "UTF-8";
@font-face {
  font-family: "Publico";
  src: url("../fonts/publico/Publico-Roman.eot");
  src: url("../fonts/publico/Publico-Roman.eot?") format("embedded-opentype"), url("../fonts/publico/Publico-Roman.woff") format("woff"), url("../fonts/publico/Publico-Roman.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Publico";
  src: url("../fonts/publico/Publico-Italic.eot");
  src: url("../fonts/publico/Publico-Italic.eot?") format("embedded-opentype"), url("../fonts/publico/Publico-Italic.woff") format("woff"), url("../fonts/publico/Publico-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Publico";
  src: url("../fonts/publico/Publico-Bold.eot");
  src: url("../fonts/publico/Publico-Bold.eot?") format("embedded-opentype"), url("../fonts/publico/Publico-Bold.woff") format("woff"), url("../fonts/publico/Publico-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Publico";
  src: url("../fonts/publico/Publico-BoldItalic.eot");
  src: url("../fonts/publico/Publico-BoldItalic.eot?") format("embedded-opentype"), url("../fonts/publico/Publico-BoldItalic.woff") format("woff"), url("../fonts/publico/Publico-BoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Akkurat";
  src: url("../fonts/akkurat/akkurat-regular.eot");
  src: url("../fonts/akkurat/akkurat-regular.eot?") format("embedded-opentype"), url("../fonts/akkurat/akkurat-regular.woff") format("woff"), url("../fonts/akkurat/akkurat-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Akkurat";
  src: url("../fonts/akkurat/akkurat-italic.eot");
  src: url("../fonts/akkurat/akkurat-italic.eot?") format("embedded-opentype"), url("../fonts/akkurat/akkurat-italic.woff") format("woff"), url("../fonts/akkurat/akkurat-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Akkurat";
  src: url("../fonts/akkurat/akkurat-bold.eot");
  src: url("../fonts/akkurat/akkurat-bold.eot?") format("embedded-opentype"), url("../fonts/akkurat/akkurat-bold.woff") format("woff"), url("../fonts/akkurat/akkurat-bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Akkurat";
  src: url("../fonts/akkurat/akkurat-bold-italic.eot");
  src: url("../fonts/akkurat/akkurat-bold-italic.eot?") format("embedded-opentype"), url("../fonts/akkurat/akkurat-bold-italic.woff") format("woff"), url("../fonts/akkurat/akkurat-bold-italic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Akkurat-Mono";
  src: url("../fonts/akkurat/akkurat-mono.eot");
  src: url("../fonts/akkurat/akkurat-mono.eot?") format("embedded-opentype"), url("../fonts/akkurat/akkurat-mono.woff") format("woff"), url("../fonts/akkurat/akkurat-mono.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

.body-text {
  max-width: 900px; }
  .body-text h1, .body-text h2 {
    margin: 0 0 20px 0; }
  .body-text h3, .body-text h4, .body-text h5 {
    margin: 40px 0 20px 0; }
    @media (min-width: 600px) {
      .body-text h3, .body-text h4, .body-text h5 {
        margin: 60px 0 20px 0; } }
  .body-text h6 {
    margin: 40px 0 5px 0; }
    @media (min-width: 600px) {
      .body-text h6 {
        margin: 60px 0 5px 0; } }
  .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text p {
    max-width: 650px; }
  .body-text h1 {
    font-size: 30px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.08em;
    font-weight: bold;
    color: #161F2D; }
    @media (min-width: 600px) and (max-width: 1799px) {
      .body-text h1 {
        font-size: -webkit-calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600));
        font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
    @media (min-width: 1800px) {
      .body-text h1 {
        font-size: 60px; } }
    .body-text h1 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h1 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h1 a:hover, .body-text h1 a:focus {
        color: #161F2D;
        box-shadow: 0 -3px 0 #161F2D inset; }
        .body-text h1 a:hover svg, .body-text h1 a:focus svg {
          fill: #161F2D; }
      @media (min-width: 768px) {
        .body-text h1 a {
          color: #F83036;
          text-decoration: none;
          box-shadow: 0;
          -webkit-transition: color 0.2s, box-shadow 0.2s;
          transition: color 0.2s, box-shadow 0.2s; }
          .body-text h1 a svg {
            fill: #F83036;
            -webkit-transition: fill 0.2s;
            transition: fill 0.2s; }
          .body-text h1 a:hover, .body-text h1 a:focus {
            color: #161F2D;
            box-shadow: 0 -5px 0 #161F2D inset; }
            .body-text h1 a:hover svg, .body-text h1 a:focus svg {
              fill: #161F2D; } }
  .body-text h2 {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.15em;
    font-weight: bold;
    color: #161F2D; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .body-text h2 {
        font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
        font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .body-text h2 {
        font-size: 35px; } }
    .body-text h2 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h2 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h2 a:hover, .body-text h2 a:focus {
        color: #161F2D;
        box-shadow: 0 -3px 0 #161F2D inset; }
        .body-text h2 a:hover svg, .body-text h2 a:focus svg {
          fill: #161F2D; }
  .body-text h3 {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D; }
    @media (min-width: 600px) {
      .body-text h3 {
        font-size: 22px; } }
    .body-text h3 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h3 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h3 a:hover, .body-text h3 a:focus {
        color: #161F2D;
        box-shadow: 0 -3px 0 #161F2D inset; }
        .body-text h3 a:hover svg, .body-text h3 a:focus svg {
          fill: #161F2D; }
  .body-text h4 {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: bold;
    color: #161F2D; }
    @media (min-width: 600px) {
      .body-text h4 {
        font-size: 18px; } }
    .body-text h4 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h4 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h4 a:hover, .body-text h4 a:focus {
        color: #161F2D;
        box-shadow: 0 -2px 0 #161F2D inset; }
        .body-text h4 a:hover svg, .body-text h4 a:focus svg {
          fill: #161F2D; }
  .body-text h5 {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D; }
    .body-text h5 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h5 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h5 a:hover, .body-text h5 a:focus {
        color: #161F2D;
        box-shadow: 0 -2px 0 #161F2D inset; }
        .body-text h5 a:hover svg, .body-text h5 a:focus svg {
          fill: #161F2D; }
  .body-text h6 {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: bold;
    color: #94a8bb; }
    .body-text h6 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      -webkit-transition: color 0.2s, box-shadow 0.2s;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h6 a svg {
        fill: #F83036;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s; }
      .body-text h6 a:hover, .body-text h6 a:focus {
        color: #161F2D;
        box-shadow: 0 -2px 0 #161F2D inset; }
        .body-text h6 a:hover svg, .body-text h6 a:focus svg {
          fill: #161F2D; }
  .body-text p {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 20px 0; }
    @media (min-width: 600px) {
      .body-text p {
        font-size: 16px; } }
    @media (min-width: 1400px) {
      .body-text p {
        font-size: 18px; } }
  .body-text p a {
    color: #F83036;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 -1px 0 #D6DFE8 inset;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s; }
    .body-text p a:hover, .body-text p a:focus {
      color: #161F2D;
      box-shadow: 0 -2px 0 #161F2D inset; }
  .body-text blockquote {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.15em;
    font-weight: bold;
    color: #161F2D;
    margin: 40px 0; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .body-text blockquote {
        font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
        font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .body-text blockquote {
        font-size: 35px; } }
  .body-text strong, .body-text b {
    color: #161F2D; }
  .body-text ol, .body-text ul {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    max-width: 650px; }
    @media (min-width: 600px) {
      .body-text ol, .body-text ul {
        font-size: 16px; } }
    @media (min-width: 1400px) {
      .body-text ol, .body-text ul {
        font-size: 18px; } }
  .body-text ul {
    margin: 40px 0;
    color: #F83036; }
  .body-text ul li {
    color: #485b70;
    padding-bottom: 10px;
    padding-left: 1.5em;
    text-indent: -1.2em; }
    .body-text ul li:before {
      content: "• ";
      color: #F83036;
      padding-right: 0.5em; }
    .body-text ul li:last-child {
      padding-bottom: 0; }
  .body-text ol {
    margin: 40px 0;
    border-top: 1px solid #D6DFE8; }
  .body-text ol li {
    counter-increment: step-counter;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 0 20px 0;
    border-bottom: 1px solid #D6DFE8; }
    .body-text ol li:before {
      font-family: "Publico", Georgia, Times, "Times New Roman", serif;
      font-weight: bold;
      color: #161F2D;
      font-size: 30px;
      content: counter(step-counter);
      width: 60px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
      @media (min-width: 768px) {
        .body-text ol li:before {
          font-size: 40px; } }
  .body-text h1 + ol, .body-text h2 + ol, .body-text h3 + ol, .body-text h4 + ol, .body-text h5 + ol, .body-text h6 + ol, .body-text h1 + ul, .body-text h2 + ul, .body-text h3 + ul, .body-text h4 + ul, .body-text h5 + ul, .body-text h6 + ul {
    margin: 0 0 40px 0; }
  .body-text table {
    margin: 40px 0;
    border-collapse: collapse;
    width: 100%; }
    @media (min-width: 0) and (max-width: 767px) {
      .body-text table {
        display: block; }
        .body-text table thead, .body-text table tbody, .body-text table th, .body-text table tr {
          display: block; }
        .body-text table thead tr {
          position: absolute;
          top: -9999px;
          left: -9999px; }
        .body-text table td {
          border: none;
          border-bottom: 1px solid #D6DFE8;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
        .body-text table td:before {
          width: 100px;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          content: attr(data-column);
          color: #161F2D;
          font-weight: bold;
          padding-right: 15px; } }
  .body-text tr:nth-of-type(odd) {
    background: #F1F8FC; }
  .body-text th {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    padding: 15px;
    border: 1px solid #D6DFE8;
    text-align: left;
    background-color: #FFFFFF; }
  .body-text td {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #485b70;
    padding: 15px;
    border: 1px solid #D6DFE8;
    text-align: left; }
    @media (min-width: 1200px) {
      .body-text td {
        font-size: 16px; } }
  .body-text code {
    font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
    color: #161F2D;
    background-color: #E2ECF2;
    padding: 5px 5px 3px 5px;
    font-size: 0.9em; }
  .body-text hr {
    max-width: 650px; }
  .body-text .alignright, .body-text .alignleft {
    margin: 30px 0;
    width: 100% !important;
    max-width: 100% !important;
    height: auto; }
    @media (min-width: 768px) {
      .body-text .alignright, .body-text .alignleft {
        max-width: 250px !important; } }
  @media (min-width: 768px) {
    .body-text .alignleft {
      float: left;
      margin: 8px 30px 8px 0; } }
  @media (min-width: 768px) {
    .body-text .alignright {
      float: right;
      margin: 8px 0 8px 30px; } }
  .body-text .aligncenter, .body-text .alignnone {
    margin: 30px 0;
    width: 100% !important;
    height: auto; }
    @media (min-width: 768px) {
      .body-text .aligncenter, .body-text .alignnone {
        margin: 40px 0; } }
    @media (min-width: 1200px) {
      .body-text .aligncenter, .body-text .alignnone {
        margin: 60px 0; } }
  .body-text .aligncenter {
    max-width: 650px !important; }
  .body-text .alignnone {
    max-width: 100% !important; }
  .body-text .wp-caption img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; }
  .body-text .wp-caption .wp-caption-text {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    color: #94a8bb;
    max-width: 650px;
    margin: 10px 0 0 0; }
  @media (min-width: 600px) {
    .body-text .wp-caption.alignnone, .body-text .wp-caption.aligncenter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .body-text .wp-caption.alignnone img, .body-text .wp-caption.aligncenter img {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        min-width: 0; }
      .body-text .wp-caption.alignnone .wp-caption-text, .body-text .wp-caption.aligncenter .wp-caption-text {
        width: 250px;
        box-sizing: border-box;
        padding: 0 40px;
        margin: 0;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start; } }
  @media (min-width: 600px) {
    .body-text .wp-caption.alignnone {
      width: -webkit-calc(100% + 250px) !important;
      width: calc(100% + 250px) !important;
      max-width: -webkit-calc(100% + 250px) !important;
      max-width: calc(100% + 250px) !important; } }
  @media (min-width: 600px) {
    .body-text .wp-caption.aligncenter {
      width: -webkit-calc(100% + 250px) !important;
      width: calc(100% + 250px) !important;
      max-width: -webkit-calc(650px + 250px) !important;
      max-width: calc(650px + 250px) !important; } }
  .body-text > *:last-child {
    margin-bottom: 0; }
  .body-text > *:first-child {
    margin-top: 0; }
  .body-text .twitter-tweet {
    margin: 40px 0 !important;
    width: 100% !important; }
  .body-text iframe {
    max-width: 100%; }
  .body-text .wp-image-custom-title {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: bold;
    color: #161F2D;
    margin: 0 0 5px 0;
    display: block; }
    @media (min-width: 600px) {
      .body-text .wp-image-custom-title {
        font-size: 18px; } }
    @media (min-width: 600px) {
      .body-text .wp-image-custom-title {
        margin: 0 0 20px 0; } }

.body-excerpt {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D;
  max-width: 900px;
  margin: 0 0 20px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .body-excerpt {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .body-excerpt {
      font-size: 35px; } }
  @media (min-width: 768px) {
    .body-excerpt {
      margin: 0 0 25px 0; } }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  box-sizing: content-box; }

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  margin: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  display: block;
  width: 100%;
  position: relative; }

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer; }
  [role="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  button:hover {
    outline: 0; }

/* Get rid of the "X" clear button on search fields */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

html {
  color: #485b70;
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%; }

body {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding-top: 51px; }
  @media (min-width: 960px) {
    body {
      padding-top: 71px; } }

body.inactive {
  overflow: hidden; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

img {
  display: block; }

a {
  color: #F83036;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  a:hover, a:focus {
    color: #161F2D; }

::-moz-selection {
  background: rgba(140, 210, 255, 0.4);
  text-shadow: none; }

::selection {
  background: rgba(140, 210, 255, 0.4);
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #D6DFE8;
  margin: 40px 0;
  padding: 0; }

.aria-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .aria-hidden.focusable:active, .aria-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

@media print {
  *,
  *:before,
  *:after,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

input::-webkit-input-placeholder {
  opacity: 1; }

input::-moz-placeholder {
  opacity: 1; }

input:-ms-input-placeholder {
  opacity: 1; }

input::placeholder {
  opacity: 1; }

input:focus::-webkit-input-placeholder {
  color: transparent !important; }

input:focus::-moz-placeholder {
  color: transparent !important; }

input:focus:-moz-placeholder {
  color: transparent !important; }

.option {
  position: relative;
  display: block;
  margin: 30px 0;
  padding-left: 60px;
  cursor: pointer; }

.option input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.option__indicator {
  position: absolute;
  border-radius: 50%;
  top: -8px;
  left: 0;
  width: 40px;
  height: 40px;
  background: #161F2D;
  -webkit-transition: background-color 0.2s, border 0.2s;
  transition: background-color 0.2s, border 0.2s;
  border: 1px solid #161F2D; }

.option__name {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #FFFFFF; }
  @media (min-width: 600px) {
    .option__name {
      font-size: 18px; } }

.option__description {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #94a8bb;
  display: block; }
  @media (min-width: 1200px) {
    .option__description {
      font-size: 16px; } }

/* Hover and focus states */
.option:hover input ~ .option__indicator,
.option input:focus ~ .option__indicator {
  background: #31445D;
  border: 1px solid #31445D; }

/* Checked state */
.option input:checked ~ .option__indicator {
  background: #F83036;
  border: 1px solid #F83036; }

/* Hover state whilst checked */
.option:hover input:not([disabled]):checked ~ .option__indicator,
.option input:checked:focus ~ .option__indicator {
  background: #F83036; }

/* Disabled state */
.option input:disabled ~ .option__indicator {
  pointer-events: none;
  opacity: 1;
  background: #273142;
  border: none; }

.option--disabled {
  pointer-events: none;
  color: #E2ECF2; }

/* Check mark */
.option__indicator:after {
  position: absolute;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  content: ''; }

/* Show check mark */
.option input:checked ~ .option__indicator:after {
  opacity: 1; }

/* Checkbox tick */
.option--checkbox .option__indicator:after {
  top: 13px;
  left: 18px;
  width: 3px;
  height: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0; }

/* Disabled tick color */
.option--checkbox input:disabled ~ .option__indicator:after {
  border-color: #63768B; }

.narrative__page-wrapper {
  background-color: #161F2D; }

.narrative__page {
  max-width: 2000px;
  margin: 0 auto;
  background-color: #FFFFFF; }
  .narrative__page img {
    width: 100%; }
  @media (min-width: 768px) {
    .narrative__page {
      border: 20px solid #161F2D; } }

.narrative__nav {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #161F2D;
  z-index: 10002;
  height: 51px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-71px);
      -ms-transform: translateY(-71px);
          transform: translateY(-71px);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  box-sizing: border-box;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .narrative__nav--visible {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  @media (min-width: 960px) {
    .narrative__nav {
      height: 71px; } }

.narrative__nav-chapters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1; }
  @media (min-width: 960px) {
    .narrative__nav-chapters {
      width: 100%; } }

.narrative__nav-title {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 51px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__nav-title {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__nav-title {
      font-size: 35px; } }
  .narrative__nav-title:hover, .narrative__nav-title:focus {
    background-color: #273142;
    outline: 0; }
  @media (min-width: 960px) {
    .narrative__nav-title {
      height: 71px;
      padding: 0 20px; } }

.narrative__nav-chapter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .narrative__nav-chapter:hover, .narrative__nav-chapter:focus {
    outline: 0; }
    .narrative__nav-chapter:hover .narrative__nav-chapter-number, .narrative__nav-chapter:focus .narrative__nav-chapter-number {
      color: #F83036; }
    @media (min-width: 960px) {
      .narrative__nav-chapter:hover, .narrative__nav-chapter:focus {
        background-color: #273142; } }
  .narrative__nav-chapter--current .narrative__nav-chapter-number {
    color: #F83036; }
  @media (min-width: 960px) {
    .narrative__nav-chapter--current {
      background-color: #273142; } }
  @media (min-width: 768px) {
    .narrative__nav-chapter {
      padding: 0 20px; } }
  @media (min-width: 960px) {
    .narrative__nav-chapter {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      border-left: 1px solid #31445D; } }

.narrative__nav-chapter-number {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #485b70;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__nav-chapter-number {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__nav-chapter-number {
      font-size: 35px; } }
  @media (min-width: 960px) {
    .narrative__nav-chapter-number {
      padding-right: 10px; } }

.narrative__nav-chapter-title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF; }
  @media (min-width: 0) and (max-width: 959px) {
    .narrative__nav-chapter-title {
      display: none; } }

.narrative__nav-chapters--small {
  width: auto; }
  @media (min-width: 960px) {
    .narrative__nav-chapters--small .narrative__nav-chapter {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-left: 0;
      background-color: #161F2D !important; } }
  @media (min-width: 960px) {
    .narrative__nav-chapters--small .narrative__nav-chapter-title {
      display: none; } }
  @media (min-width: 960px) {
    .narrative__nav-chapters--small .narrative__nav-chapter-number {
      padding-right: 0px; } }

.narrative__hero {
  width: 100%;
  position: relative; }

.narrative__hero-img {
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative; }
  .narrative__hero-img > img {
    visibility: hidden;
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .narrative__hero-img {
      height: 70vh; } }

.narrative__hero-text {
  position: relative; }

.narrative__hero-intro {
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  padding: 40px 20px 20px 20px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .narrative__hero-intro {
      padding: 20px;
      width: 70%;
      margin: -80px 0 0 0; } }
  @media (min-width: 960px) {
    .narrative__hero-intro {
      margin: -100px auto 0 auto;
      text-align: center;
      width: 60%; } }
  @media (min-width: 1200px) {
    .narrative__hero-intro {
      padding: 30px; } }

.narrative__hero-intro h1 {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  padding: 10px 0; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .narrative__hero-intro h1 {
      font-size: -webkit-calc(30px + (100 - 30) * (100vw - 600px) / (1800 - 600));
      font-size: calc(30px + (100 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__hero-intro h1 {
      font-size: 100px; } }
  @media (min-width: 768px) {
    .narrative__hero-intro h1 {
      padding: 40px;
      border: 1px solid #D6DFE8; } }
  @media (min-width: 1200px) {
    .narrative__hero-intro h1 {
      padding: 50px; } }

.narrative__hero-intro h2 {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D;
  max-width: 650px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__hero-intro h2 {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__hero-intro h2 {
      font-size: 35px; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .narrative__hero-intro h2 {
      padding: 0 40px; } }
  .narrative__hero-intro h2:before {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: #D6DFE8;
    margin: 20px auto; }
    @media (min-width: 960px) {
      .narrative__hero-intro h2:before {
        height: 40px; } }

.narrative__hero-caption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7b8b9b;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px; }
  .narrative__hero-caption svg {
    display: block;
    width: 13px;
    height: 13px;
    margin-bottom: 10px;
    fill: #161F2D;
    margin: 0 auto 10px auto; }
  .narrative__hero-caption p {
    max-width: 350px;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .narrative__hero-caption {
      width: 70%;
      margin: 0; } }
  @media (min-width: 960px) {
    .narrative__hero-caption {
      position: absolute;
      width: 12%;
      top: 120px;
      left: 30px;
      padding: 0;
      text-align: left; }
      .narrative__hero-caption svg {
        margin: 0 0 10px 0; } }

.narrative__hero-date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb; }
  @media (min-width: 768px) {
    .narrative__hero-date {
      margin: -8px 0 0 0; } }

.narrative__hero-date span {
  background-color: #FFFFFF;
  padding: 10px; }

.narrative__hero-sponsor {
  background-color: #273142;
  padding: 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .narrative__hero-sponsor {
      background-color: #161F2D;
      padding: 0 0 20px 20px;
      position: absolute;
      top: 0;
      right: 0; } }

.narrative__hero-sponsor-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #63768B;
  text-align: center;
  margin-bottom: 15px; }

.narrative__hero-sponsor-img img {
  width: auto;
  height: 20px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  margin: 0 auto; }

.narrative__hero-ad {
  text-align: center;
  margin: 40px 0;
  padding: 0 20px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .narrative__hero-ad {
      text-align: left;
      margin: 0;
      position: absolute;
      right: 0;
      top: 100px;
      width: 30%; } }
  @media (min-width: 960px) {
    .narrative__hero-ad {
      width: 20%;
      top: 120px; } }

.narrative__hero-ad img {
  width: 100% !important;
  height: auto !important; }

.narrative__hero-ad .ad__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #94a8bb;
  padding-bottom: 5px; }

.narrative__hero-share .share__body {
  display: none; }

.narrative__hero-share .share__header-list {
  right: -20px; }
  .narrative__hero-share .share__header-list:before {
    display: none; }
  @media (min-width: 768px) {
    .narrative__hero-share .share__header-list {
      left: -20px;
      top: 41px;
      padding: 0 20px 15px 20px; } }

.narrative__hero-share .share__header-btn {
  border-top: 1px solid #31445D;
  border-bottom: 0;
  width: 100%;
  margin-top: 20px;
  color: #F83036;
  padding: 11px 0 10px 0; }
  .narrative__hero-share .share__header-btn:hover, .narrative__hero-share .share__header-btn:focus {
    color: #FFFFFF; }
    .narrative__hero-share .share__header-btn:hover svg, .narrative__hero-share .share__header-btn:focus svg {
      fill: #FFFFFF; }
  @media (min-width: 768px) {
    .narrative__hero-share .share__header-btn {
      border-bottom: 1px solid #31445D; } }

.narrative__hero-lead {
  top: 0;
  left: 0;
  background-color: #161F2D;
  padding: 20px 20px 0 20px;
  text-align: center;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .narrative__hero-lead {
      width: 160px;
      position: absolute;
      top: -20px;
      left: -20px;
      padding: 20px; } }
  @media (min-width: 960px) {
    .narrative__hero-lead {
      top: 40px;
      left: 40px; } }

@media (min-width: 768px) {
  .narrative__hero-lead .logo {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto; } }

@media (min-width: 768px) {
  .narrative__hero-stat {
    margin: 20px 0 0 0; } }

.narrative__hero-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.narrative__hero-stat-number {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  color: #F83036;
  font-size: 65px; }

.narrative__hero-stat-text {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 30px;
  font-style: italic;
  border-top: 1px solid #31445D;
  border-bottom: 1px solid #31445D;
  padding: 10px 0 5px 0;
  margin: 0 10px; }

.narrative__hero-stat-description {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 10px auto 0 auto;
  max-width: 180px; }

.narrative__chapter {
  width: 100%;
  position: relative;
  margin: 40px 0;
  padding: 40px 20px 0px 20px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .narrative__chapter {
      padding: 40px 40px 0px 40px; } }
  @media (min-width: 960px) {
    .narrative__chapter {
      padding: 0 0 80px 0;
      margin: 60px 0; } }
  .narrative__chapter--blue {
    background-color: #F1F8FC; }
  .narrative__chapter:last-child {
    margin-bottom: 0; }

.narrative__chapter-cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 960px) {
    .narrative__chapter-cols {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.narrative__chapter-col-sticky {
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 0 40px 0;
  z-index: 3; }
  @media (min-width: 960px) {
    .narrative__chapter-col-sticky {
      width: 90px;
      padding: 0;
      margin: 0 30px 30px 30px; } }

.narrative__sticky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #D6DFE8; }
  @media (min-width: 960px) {
    .narrative__sticky {
      display: block;
      padding: 100px 0 0 0;
      border: 0; } }

.narrative__chapter-col-body {
  width: 100%;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  margin-right: 100px; }
  @media (min-width: 960px) {
    .narrative__chapter-col-body {
      margin-right: 40px;
      padding: 100px 0 0 0; } }
  @media (min-width: 1200px) {
    .narrative__chapter-col-body {
      margin-right: 150px; } }

.narrative__chapter-banner {
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  width: 100%;
  background-color: #F1F8FC;
  z-index: 1; }
  @media (min-width: 960px) {
    .narrative__chapter-banner {
      top: 20px; } }

@media (min-width: 960px) {
  .narrative__sticky .share__header-btn {
    width: 90px; } }

@media (min-width: 960px) {
  .narrative__sticky .share__body {
    width: 90px; } }

@media (min-width: 960px) {
  .narrative__sticky .share__header-list {
    left: -webkit-calc(100% + 10px);
    left: calc(100% + 10px); } }

.narrative__chapter-number {
  position: relative;
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  @media (min-width: 960px) {
    .narrative__chapter-number {
      border-top: 1px solid #D6DFE8;
      text-align: center;
      margin: 0 auto;
      padding: 0;
      display: block; } }

.narrative__chapter-number-label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #94a8bb; }
  @media (min-width: 960px) {
    .narrative__chapter-number-label {
      position: absolute;
      top: 50%;
      z-index: 2;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #161F2D; } }

.narrative__chapter-number-val {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  color: #161F2D;
  font-size: 20px;
  padding: 0 0 0 10px;
  position: relative; }
  @media (min-width: 960px) {
    .narrative__chapter-number-val {
      font-size: 150px;
      padding: 10px 0 0 0;
      z-index: 1;
      display: block;
      color: #E2ECF2; } }

.narrative__two-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 40px 0 0 0; }
  .narrative__two-col--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  @media (min-width: 960px) {
    .narrative__two-col {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 80px 0 0 0; } }
  .narrative__two-col--no-header {
    margin-top: 0; }
  .narrative__two-col--no-margin {
    margin: 0; }

.narrative__two-col__col {
  width: 100%; }
  @media (min-width: 960px) {
    .narrative__two-col__col {
      width: 50%;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; } }
  .narrative__two-col__col--narrow {
    margin: 0 0 40px 0; }
    @media (min-width: 960px) {
      .narrative__two-col__col--narrow {
        margin: 0;
        width: 40%;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0; } }
  @media (min-width: 960px) {
    .narrative__two-col__col--wide {
      width: 60%;
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      margin-left: 80px; } }

.narrative__card-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 960px) {
    .narrative__card-grid--left {
      padding-right: 40px; } }
  @media (min-width: 1200px) {
    .narrative__card-grid--left {
      padding-right: 60px; } }
  @media (min-width: 1800px) {
    .narrative__card-grid--left {
      padding-right: 150px; } }
  @media (min-width: 960px) {
    .narrative__card-grid--right {
      padding-left: 40px;
      padding-top: 250px; } }
  @media (min-width: 1200px) {
    .narrative__card-grid--right {
      padding-left: 60px; } }
  @media (min-width: 1800px) {
    .narrative__card-grid--right {
      padding-left: 150px; } }

@media (min-width: 0) and (max-width: 449px) {
  .narrative__card-grid article {
    width: 100%;
    margin: 0 0 40px 0; } }

@media (min-width: 450px) {
  .narrative__card-grid article {
    width: 48%;
    margin: 0 2% 40px 0; }
    .narrative__card-grid article:nth-child(2n+2) {
      margin: 0 0 40px 2%; } }

.narrative__factoid {
  margin: 40px 0 0 0;
  position: relative; }
  .narrative__factoid:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D6DFE8;
    position: absolute;
    top: 50%;
    left: 0; }
  @media (min-width: 960px) {
    .narrative__factoid {
      margin: 80px 0 0 0; } }

.narrative__factoid-box {
  width: 100%;
  border: 1px solid #D6DFE8;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  background-color: #FFFFFF; }
  @media (min-width: 600px) {
    .narrative__factoid-box {
      width: 80%; } }
  @media (min-width: 960px) {
    .narrative__factoid-box {
      width: 60%;
      padding: 40px; } }
  @media (min-width: 1200px) {
    .narrative__factoid-box {
      width: 50%; } }

.narrative__factoid-box span {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #94a8bb;
  display: block;
  margin: 0 0 15px 0; }

.narrative__factoid-box h3 {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__factoid-box h3 {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__factoid-box h3 {
      font-size: 35px; } }

.narrative__body-text p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 20px 0; }
  @media (min-width: 960px) {
    .narrative__body-text p {
      font-size: 18px; } }

.narrative__small-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #94a8bb;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0; }

.narrative__quote-intro {
  padding: 0 0 20px 0; }
  @media (min-width: 960px) {
    .narrative__quote-intro {
      padding: 0 0 0 60px; } }

.narrative__basic-intro {
  padding: 0 0 20px 0; }
  @media (min-width: 600px) {
    .narrative__basic-intro {
      padding: 0 0 60px 0; } }
  @media (min-width: 960px) {
    .narrative__basic-intro {
      padding: 0 60px 0 0; } }

.narrative__basic img {
  margin: 0 0 60px 0; }

.narrative__basic h2 {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 20px 0; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .narrative__basic h2 {
      font-size: -webkit-calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600));
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__basic h2 {
      font-size: 60px; } }

.narrative__basic-img {
  background-size: cover;
  background-position: center;
  width: 100%;
  margin: 0 0 40px 0; }
  @media (min-width: 600px) {
    .narrative__basic-img {
      margin: 0 0 60px 0; } }
  @media (min-width: 960px) {
    .narrative__basic-img {
      height: 50vh; } }

.narrative__basic-img img {
  width: 100%;
  height: 100%;
  visibility: hidden; }

.narrative__series-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

@media (min-width: 0) and (max-width: 449px) {
  .narrative__series-grid article {
    width: 100%;
    margin: 0 0 40px 0; } }

@media (min-width: 450px) and (max-width: 1399px) {
  .narrative__series-grid article {
    width: 48%;
    margin: 0 2% 40px 0; }
    .narrative__series-grid article:nth-child(2n+2) {
      margin: 0 0 40px 2%; } }

@media (min-width: 1400px) {
  .narrative__series-grid article {
    width: 31%;
    margin: 0 3.5% 40px 0; }
    .narrative__series-grid article:nth-child(3n+3) {
      margin: 0 0 40px 0; } }

.narrative__series-grid .narrative__card-sm__meta, .narrative__series-grid .narrative__card-sm__play {
  background-color: #F1F8FC; }

@media (min-width: 1800px) {
  .narrative__series-grid .narrative__card-sm__img-bg {
    height: 140px; } }

.narrative__coming-soon {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #FFFFFF;
  background-color: #F83036;
  padding: 6px 8px 5px 8px;
  display: inline-block;
  margin: 0 0 10px 0; }

.narrative__coming-soon-overlay {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #FFFFFF;
  background-color: #F83036;
  padding: 6px 8px 5px 8px;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2; }

.img__coming-soon {
  background-color: #22324b; }
  .img__coming-soon img, .img__coming-soon div {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: .5; }

.logo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 5;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #FFFFFF;
  padding: 8px;
  box-sizing: border-box;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .logo svg {
    width: 100%;
    height: 100%; }
  .logo:hover, .logo:focus {
    -webkit-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  @media (min-width: 600px) {
    .logo {
      width: 80px;
      height: 80px;
      padding: 12px; } }
  @media (min-width: 768px) {
    .logo {
      width: 120px;
      height: 120px;
      padding: 16px; } }
  @media (min-width: 960px) {
    .logo {
      top: 30px;
      left: 30px; } }
  @media (min-width: 1200px) {
    .logo {
      top: 40px;
      left: 40px; } }

.footer {
  background-color: #161F2D;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  z-index: 3;
  max-width: 2000px; }
  @media (min-width: 960px) {
    .footer {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .footer {
      padding: 40px; } }

.footer__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 768px) {
    .footer__flex {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media (min-width: 1200px) {
    .footer__flex {
      margin-right: 300px; } }

.footer__logo {
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: -40px 0 40px 0; }
  @media (min-width: 768px) {
    .footer__logo {
      width: 120px;
      margin: -50px 40px 0 0; } }
  @media (min-width: 1200px) {
    .footer__logo {
      margin: 0 40px 0 0; } }

.footer__logo-link {
  background-color: #273142;
  width: 80px;
  height: 80px;
  padding: 15px;
  box-sizing: border-box;
  display: block; }
  .footer__logo-link svg {
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .footer__logo-link {
      width: 120px;
      height: 120px;
      padding: 20px; } }

.footer__legal {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #63768B; }
  @media (min-width: 0) and (max-width: 767px) {
    .footer__legal {
      position: absolute;
      right: 20px;
      top: 20px;
      max-width: -webkit-calc(100% - 140px);
      max-width: calc(100% - 140px);
      text-align: right; } }
  @media (min-width: 768px) {
    .footer__legal {
      position: relative;
      margin-top: 20px; } }

.footer__list {
  width: 50%;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  box-sizing: border-box; }
  .footer__list--sections {
    padding-right: 20px; }
  .footer__list--about {
    padding-left: 20px; }
  @media (min-width: 600px) {
    .footer__list {
      padding-left: 0;
      padding-right: 40px;
      width: 25%; } }
  @media (min-width: 768px) {
    .footer__list {
      width: 20%; } }

.footer__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #63768B;
  border-bottom: 1px solid #31445D;
  margin: 0 0 20px 0; }
  .footer__header--tight {
    margin-bottom: 0; }

.footer__links li:not(:last-child) {
  margin-bottom: 3px; }

.footer__links a {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0;
  -webkit-transition: color 0.2s, box-shadow 0.2s;
  transition: color 0.2s, box-shadow 0.2s; }
  .footer__links a svg {
    fill: #FFFFFF;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .footer__links a:hover, .footer__links a:focus {
    color: #F83036; }
    .footer__links a:hover svg, .footer__links a:focus svg {
      fill: #F83036; }

.footer__follow {
  width: 100%;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  margin: 40px 0 0 0; }
  @media (min-width: 600px) {
    .footer__follow {
      width: 50%;
      margin: 0; } }
  @media (min-width: 768px) {
    .footer__follow {
      width: 60%; } }
  @media (min-width: 1200px) {
    .footer__follow {
      margin-right: 40px; } }

.footer__follow-list {
  border-bottom: 1px solid #31445D;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.footer__follow-list li {
  border-right: 1px solid #31445D;
  text-align: center; }

.footer__follow-list a {
  display: block;
  padding: 15px;
  line-height: 0; }
  .footer__follow-list a svg {
    width: 18px;
    height: 18px;
    fill: #FFFFFF;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .footer__follow-list a:hover svg, .footer__follow-list a:focus svg {
    fill: #F83036; }

.footer__subscribe {
  margin-top: 40px; }

.footer__subscribe-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #63768B; }

.footer__subscribe-form {
  padding: 30px;
  background-color: #273142; }

.footer__subscribe-form form {
  position: relative; }

.footer__subscribe-form input {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  padding-right: 80px;
  padding-bottom: 3px;
  box-sizing: border-box; }

.footer__subscribe-form input::-webkit-input-placeholder {
  color: #63768B; }

.footer__subscribe-form input::-moz-placeholder {
  color: #63768B; }

.footer__subscribe-form input:-ms-input-placeholder {
  color: #63768B; }

.footer__subscribe-form input::placeholder {
  color: #63768B; }

.footer__subscribe-form .submit {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  position: absolute;
  top: 0;
  right: 0; }
  .footer__subscribe-form .submit svg {
    vertical-align: text-top;
    fill: #F83036;
    width: 15px;
    height: 13px;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .footer__subscribe-form .submit:hover, .footer__subscribe-form .submit:focus {
    color: #FFFFFF; }
    .footer__subscribe-form .submit:hover svg, .footer__subscribe-form .submit:focus svg {
      fill: #FFFFFF; }

.footer__subscribe-form .form-error {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  margin: 5px 0 0 0;
  display: none; }

.footer__subscribe-form .form-success {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  display: none; }

.footer__donate {
  width: 100%;
  background-color: #F83036;
  margin: 20px 0 0 0;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative; }
  .footer__donate:hover, .footer__donate:focus {
    background-color: #273142; }
    .footer__donate:hover .footer__donate-text, .footer__donate:focus .footer__donate-text {
      color: #94a8bb; }
    .footer__donate:hover .footer__donate-arrow, .footer__donate:focus .footer__donate-arrow {
      -webkit-transform: translate(8px, -50%);
          -ms-transform: translate(8px, -50%);
              transform: translate(8px, -50%); }
  .footer__donate svg {
    width: 15px;
    height: 15px;
    fill: #FFFFFF; }
  @media (min-width: 600px) {
    .footer__donate {
      margin: 40px 0 0 0; } }
  @media (min-width: 1200px) {
    .footer__donate {
      position: absolute;
      top: -30px;
      right: 40px;
      margin: 0;
      padding: 30px;
      width: 300px; } }

.footer__donate-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 30px 3px 0; }
  @media (min-width: 600px) {
    .footer__donate-header {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    .footer__donate-header {
      border-top: 4px solid #FFFFFF;
      padding: 20px 30px 3px 0; } }

.footer__donate-text {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  padding-right: 30px; }

.footer__donate-arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }

.footer__sub {
  width: 100%;
  background-color: #273142;
  padding: 20px 20px 10px 20px;
  box-sizing: border-box; }

.footer__sub-lp-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #63768B;
  text-align: center;
  margin-bottom: 10px; }

.footer__sub-lp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.footer__sub-lp li {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  text-align: center;
  padding: 15px; }
  .footer__sub-lp li img {
    width: auto;
    height: 25px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1); }

.footer__subscribe-button {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
  padding: 15px 20px;
  background-color: #F83036;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
  margin: 40px 0 0 0; }
  @media (min-width: 600px) {
    .footer__subscribe-button {
      font-size: 18px; } }
  .footer__subscribe-button:hover, .footer__subscribe-button:focus {
    background-color: #F1F8FC;
    color: #161F2D; }
    .footer__subscribe-button:hover svg, .footer__subscribe-button:focus svg {
      fill: #F83036; }
  .footer__subscribe-button svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
    margin-right: 10px; }
  @media (min-width: 0) and (max-width: 599px) {
    .footer__subscribe-button {
      display: none; } }

.share__header {
  position: relative; }

.share__header-btn {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  padding: 11px 0 10px 10px;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  width: 70px; }
  .share__header-btn svg {
    width: 16px;
    height: 4px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
    float: right;
    margin-top: 7px;
    display: block; }
  .share__header-btn:hover, .share__header-btn:focus {
    outline: 0;
    color: #F83036; }
    .share__header-btn:hover svg, .share__header-btn:focus svg {
      fill: #161F2D; }
  @media (min-width: 960px) {
    .share__header-btn {
      padding: 11px 3px 10px 0;
      width: 80px;
      border-top: 1px solid #D6DFE8;
      border-bottom: 1px solid #D6DFE8; } }

.share__header-list {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  background-color: #161F2D;
  position: absolute;
  top: 39px;
  right: 0;
  display: none;
  width: 120px;
  padding: 15px 25px;
  z-index: 3; }
  .share__header-list:before {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #161F2D;
    position: absolute;
    top: -8px;
    right: 0; }
  @media (min-width: 600px) {
    .share__header-list {
      left: auto;
      right: 0; } }
  @media (min-width: 960px) {
    .share__header-list {
      top: -7px;
      left: -webkit-calc(100% - 10px);
      left: calc(100% - 10px);
      right: auto; }
      .share__header-list:before {
        border-left: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #161F2D;
        left: -8px;
        top: 20px;
        right: auto; } }

.share__header-list li {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .share__header-list li:not(:last-child) {
    border-bottom: 1px solid #31445D; }

.share__header-list a {
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0;
  -webkit-transition: color 0.2s, box-shadow 0.2s;
  transition: color 0.2s, box-shadow 0.2s;
  padding: 10px 0;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0; }
  .share__header-list a svg {
    fill: #FFFFFF;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .share__header-list a:hover, .share__header-list a:focus {
    color: #F83036; }
    .share__header-list a:hover svg, .share__header-list a:focus svg {
      fill: #F83036; }
  .share__header-list a svg {
    display: block;
    fill: #F83036;
    width: 15px;
    height: 15px; }
  .share__header-list a:hover svg, .share__header-list a:focus svg {
    fill: #31445D; }

.share__header-list.js-share-open > li:nth-child(1) {
  opacity: 1;
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s; }

.share__header-list.js-share-open > li:nth-child(2) {
  opacity: 1;
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s; }

.share__header-list.js-share-open > li:nth-child(3) {
  opacity: 1;
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s; }

.share__header-list.js-share-open > li:nth-child(4) {
  opacity: 1;
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s; }

.share__header-list.js-share-open > li:nth-child(5) {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }

.share__header-list.js-share-open > li:nth-child(6) {
  opacity: 1;
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s; }

.share__header-list.js-share-open > li:nth-child(7) {
  opacity: 1;
  -webkit-transition-delay: 0.56s;
          transition-delay: 0.56s; }

.share__header-list.js-share-open > li:nth-child(8) {
  opacity: 1;
  -webkit-transition-delay: 0.64s;
          transition-delay: 0.64s; }

.share__header-list.js-share-open > li:nth-child(9) {
  opacity: 1;
  -webkit-transition-delay: 0.72s;
          transition-delay: 0.72s; }

.share__header-list.js-share-open > li:nth-child(10) {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }

.share__body {
  display: none; }
  @media (min-width: 960px) {
    .share__body {
      border-bottom: 1px solid #D6DFE8;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 80px; } }

.share__body a {
  display: block;
  padding: 12px;
  line-height: 0;
  width: 50%;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }
  .share__body a svg {
    width: 16px;
    height: 16px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .share__body a:hover svg, .share__body a:focus svg {
    fill: #161F2D; }
  .share__body a:first-child {
    border-right: 1px solid #D6DFE8; }

.share__copy-to-clipboard {
  margin: 0;
  display: block;
  color: #FFFFFF;
  width: 100%;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  padding: 10px 0;
  text-align: left; }
  .share__copy-to-clipboard:hover, .share__copy-to-clipboard:focus {
    color: #F83036;
    outline: 0; }
  .share__copy-to-clipboard--disabled {
    pointer-events: none; }

.ad__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #94a8bb;
  padding-bottom: 5px; }

.ad__unit {
  display: inline-block;
  margin: 0 auto; }

.ad__unit img {
  max-width: 300px !important;
  width: 100% !important;
  height: auto !important; }

.narrative__card-sm__figure {
  position: relative;
  overflow: hidden;
  min-height: 60px;
  background-color: #F1F8FC; }

.narrative__card-sm__img-bg {
  background-size: cover;
  background-position: top center;
  height: 210px; }
  @media (min-width: 450px) {
    .narrative__card-sm__img-bg {
      height: 160px; } }
  @media (min-width: 1800px) {
    .narrative__card-sm__img-bg {
      height: 180px; } }

.narrative__card-sm__img {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 100%;
  height: 100%; }
  .narrative__card-sm__img img {
    width: 100%;
    height: 100%;
    visibility: hidden; }
  .narrative__card-sm__img:hover .narrative__card-sm__play, .narrative__card-sm__img:focus .narrative__card-sm__play {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background-color: #F83036; }
  .narrative__card-sm__img:hover .narrative__card-sm__overlay, .narrative__card-sm__img:focus .narrative__card-sm__overlay {
    opacity: 0.7; }
  .narrative__card-sm__img:hover .narrative__card-sm__play-icon svg, .narrative__card-sm__img:focus .narrative__card-sm__play-icon svg {
    fill: #FFFFFF; }

.narrative__card-sm__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2BA6FF;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

.narrative__card-sm__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.4em;
  box-sizing: border-box;
  max-width: 80%;
  background-color: #FFFFFF;
  padding: 8px 10px 0 0;
  z-index: 2; }

.narrative__card-sm__meta-date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb;
  margin: 10px 0 0 0; }

.narrative__card-sm__meta a {
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  -webkit-transition: color 0.2s, box-shadow 0.2s;
  transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-sm__meta a svg {
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  .narrative__card-sm__meta a:hover, .narrative__card-sm__meta a:focus {
    color: #161F2D; }
    .narrative__card-sm__meta a:hover svg, .narrative__card-sm__meta a:focus svg {
      fill: #161F2D; }

.narrative__card-sm__play {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  -webkit-transform: translateX(100%) translateX(-30px);
      -ms-transform: translateX(100%) translateX(-30px);
          transform: translateX(100%) translateX(-30px);
  -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s, -webkit-transform 0.2s;
  z-index: 2;
  height: 30px; }

.narrative__card-sm__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }
  .narrative__card-sm__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }

.narrative__card-sm__play-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  padding-right: 10px;
  padding-top: 2px; }

.narrative__card-sm__body {
  width: 90%; }

.narrative__card-sm__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none;
  margin: 22px 0 15px 0;
  line-height: 1.4em; }
  .narrative__card-sm__title span {
    box-shadow: 0;
    color: #161F2D;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-sm__title:hover span, .narrative__card-sm__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.narrative__card-sm__tease {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7b8b9b; }

.narrative__card-sm__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #94a8bb;
  margin: 13px 0 0 0; }
  .narrative__card-sm__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }

.narrative__card-md {
  width: 100%;
  position: relative; }
  @media (min-width: 1200px) {
    .narrative__card-md {
      margin-bottom: 140px; } }

.narrative__card-md__figure {
  position: relative;
  overflow: hidden; }

.narrative__card-md__img {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .narrative__card-md__img img {
    width: 100%; }
  .narrative__card-md__img:hover .narrative__card-md__play, .narrative__card-md__img:focus .narrative__card-md__play {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background-color: #F83036; }
  .narrative__card-md__img:hover .narrative__card-md__overlay, .narrative__card-md__img:focus .narrative__card-md__overlay {
    opacity: 0.7; }
  .narrative__card-md__img:hover .narrative__card-md__play-icon svg, .narrative__card-md__img:focus .narrative__card-md__play-icon svg {
    fill: #FFFFFF; }

.narrative__card-md__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2BA6FF;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

.narrative__card-md__play {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F1F8FC;
  -webkit-transform: translateX(100%) translateX(-40px);
      -ms-transform: translateX(100%) translateX(-40px);
          transform: translateX(100%) translateX(-40px);
  -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s, -webkit-transform 0.2s;
  z-index: 2;
  height: 40px; }

.narrative__card-md__play-icon {
  width: 40px;
  height: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .narrative__card-md__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }

.narrative__card-md__play-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  padding-right: 15px; }

.narrative__card-md__play-cta span {
  opacity: 0.6; }

.narrative__card-md__body {
  padding: 20px 0 0 0;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .narrative__card-md__body {
      padding: 40px 0 0 0; } }
  @media (min-width: 1200px) {
    .narrative__card-md__body {
      padding: 40px 0 0 40px;
      bottom: -100px;
      position: absolute;
      right: 0;
      width: 75%;
      background-color: #FFFFFF; } }

.narrative__card-md__title {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none;
  margin: 15px 0 0 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__card-md__title {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-md__title {
      font-size: 35px; } }
  .narrative__card-md__title span {
    box-shadow: 0;
    color: #161F2D;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-md__title:hover span, .narrative__card-md__title:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }

.narrative__card-md__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #94a8bb;
  margin: 15px 0 0 0; }
  .narrative__card-md__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }

.narrative__card-md__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb; }

.narrative__card-md__tease {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7b8b9b;
  margin: 15px 0 0 0; }

.narrative__card-xl {
  position: relative; }

.narrative__card-xl__img {
  width: 100%;
  background-size: cover;
  background-position: center;
  margin: 40px 0; }
  .narrative__card-xl__img img {
    visibility: hidden;
    width: 100%;
    height: 100%; }
  @media (min-width: 600px) {
    .narrative__card-xl__img {
      margin: 40px 0; } }
  @media (min-width: 960px) {
    .narrative__card-xl__img {
      margin: 60px 0; } }
  @media (min-width: 1200px) {
    .narrative__card-xl__img {
      height: 80vh;
      margin: 0; } }

.narrative__card-xl__text {
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 1200px) {
    .narrative__card-xl__text {
      width: 50%;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #FFFFFF;
      padding: 60px 60px 0 0; } }

.narrative__card-xl__text h2 {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 20px 0; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .narrative__card-xl__text h2 {
      font-size: -webkit-calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600));
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__card-xl__text h2 {
      font-size: 60px; } }

.narrative__card-xl__text p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  max-width: 650px; }
  @media (min-width: 960px) {
    .narrative__card-xl__text p {
      font-size: 18px; } }

.narrative__card-quote {
  position: relative; }

.narrative__card-quote__img {
  width: 100%;
  background-size: cover;
  background-position: center;
  margin: 0 0 40px 0; }
  .narrative__card-quote__img img {
    visibility: hidden;
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .narrative__card-quote__img {
      margin: 0 0 60px 0; } }
  @media (min-width: 960px) {
    .narrative__card-quote__img {
      margin: 0 0 80px 0; } }
  @media (min-width: 1200px) {
    .narrative__card-quote__img {
      height: 80vh;
      margin: 0; } }

.narrative__card-quote h2 {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  position: relative;
  padding: 0 0 10px 0; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .narrative__card-quote h2 {
      font-size: -webkit-calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600));
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__card-quote h2 {
      font-size: 60px; } }
  @media (min-width: 600px) {
    .narrative__card-quote h2 {
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      color: #FFFFFF;
      padding: 0; } }
  @media (min-width: 768px) {
    .narrative__card-quote h2 {
      top: 40px;
      left: 40px;
      right: 40px; } }

.narrative__card-quote__text {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 20px 0; }
  @media (min-width: 960px) {
    .narrative__card-quote__text {
      padding: 0; } }
  @media (min-width: 1200px) {
    .narrative__card-quote__text {
      width: 50%;
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #FFFFFF;
      padding: 60px 0 0 60px; } }

.narrative__card-quote__text blockquote {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__card-quote__text blockquote {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-quote__text blockquote {
      font-size: 35px; } }

.narrative__card-quote__text {
  margin: 25px 0 0 0; }

.narrative__card-quote__text p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #94a8bb;
  margin: 25px 0 0 0; }

.narrative__card-quote__icon {
  margin: 0 0 10px 0; }
  .narrative__card-quote__icon svg {
    width: 26px;
    height: 18px;
    fill: #F83036; }
  @media (min-width: 768px) {
    .narrative__card-quote__icon {
      margin: 0 0 20px 0; }
      .narrative__card-quote__icon svg {
        width: 52px;
        height: 36px;
        fill: #F83036; } }
  @media (min-width: 1400px) {
    .narrative__card-quote__icon {
      margin: 0 0 40px 0; } }

.narrative__card-horiz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #D6DFE8;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0; }
  @media (min-width: 450px) {
    .narrative__card-horiz {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 600px) {
    .narrative__card-horiz {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .narrative__card-horiz:last-child {
    border-bottom: 0; }

.narrative__card-horiz__figure {
  position: relative;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%; }
  @media (min-width: 450px) {
    .narrative__card-horiz__figure {
      width: 50%; } }
  @media (min-width: 600px) {
    .narrative__card-horiz__figure {
      width: 180px; } }
  @media (min-width: 960px) {
    .narrative__card-horiz__figure {
      width: 140px; } }
  @media (min-width: 1200px) {
    .narrative__card-horiz__figure {
      width: 180px; } }
  @media (min-width: 1800px) {
    .narrative__card-horiz__figure {
      width: 220px; } }

.narrative__card-horiz__img-link {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .narrative__card-horiz__img-link img {
    width: 100%; }
  .narrative__card-horiz__img-link:hover .narrative__card-horiz__play, .narrative__card-horiz__img-link:focus .narrative__card-horiz__play {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background-color: #F83036; }
  .narrative__card-horiz__img-link:hover .narrative__card-horiz__overlay, .narrative__card-horiz__img-link:focus .narrative__card-horiz__overlay {
    opacity: 0.7; }
  .narrative__card-horiz__img-link:hover .narrative__card-horiz__play-icon svg, .narrative__card-horiz__img-link:focus .narrative__card-horiz__play-icon svg {
    fill: #FFFFFF; }

.narrative__card-horiz__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2BA6FF;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

.narrative__card-horiz__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.4em;
  box-sizing: border-box;
  max-width: 80%;
  background-color: #FFFFFF;
  padding: 12px 12px 0 0;
  z-index: 2; }

.narrative__card-horiz__intro {
  box-sizing: border-box;
  padding: 20px 0 0 0;
  width: 100%; }
  @media (min-width: 450px) {
    .narrative__card-horiz__intro {
      padding: 0 20px 0 0;
      width: 50%; } }
  @media (min-width: 600px) {
    .narrative__card-horiz__intro {
      padding: 0 0 0 20px;
      width: auto; } }

.narrative__card-horiz__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none; }
  @media (min-width: 600px) {
    .narrative__card-horiz__title {
      font-size: 18px; } }
  .narrative__card-horiz__title span {
    box-shadow: 0;
    color: #161F2D;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-horiz__title:hover span, .narrative__card-horiz__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.narrative__card-horiz__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #94a8bb;
  margin: 15px 0 0 0; }
  .narrative__card-horiz__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }

.narrative__card-horiz__tease {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7b8b9b;
  margin: 15px 0 0 0; }

.narrative__card-horiz__play {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  -webkit-transform: translateX(100%) translateX(-30px);
      -ms-transform: translateX(100%) translateX(-30px);
          transform: translateX(100%) translateX(-30px);
  -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s, -webkit-transform 0.2s;
  z-index: 2;
  height: 30px; }

.narrative__card-horiz__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }
  .narrative__card-horiz__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }

.narrative__card-horiz__play-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  padding-right: 10px; }

.narrative__card-series {
  width: 100%;
  position: relative; }
  @media (min-width: 1200px) {
    .narrative__card-series {
      margin-top: -140px; } }

.narrative__card-series__figure {
  position: relative;
  overflow: hidden; }

.narrative__card-series__img {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .narrative__card-series__img img {
    width: 100%; }
  .narrative__card-series__img:hover .narrative__card-series__play, .narrative__card-series__img:focus .narrative__card-series__play {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background-color: #F83036; }
  .narrative__card-series__img:hover .narrative__card-series__overlay, .narrative__card-series__img:focus .narrative__card-series__overlay {
    opacity: 0.7; }
  .narrative__card-series__img:hover .narrative__card-series__play-icon svg, .narrative__card-series__img:focus .narrative__card-series__play-icon svg {
    fill: #FFFFFF; }

.narrative__card-series__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2BA6FF;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

.narrative__card-series__play {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F1F8FC;
  -webkit-transform: translateX(100%) translateX(-40px);
      -ms-transform: translateX(100%) translateX(-40px);
          transform: translateX(100%) translateX(-40px);
  -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s, -webkit-transform 0.2s;
  z-index: 2;
  height: 40px; }
  @media (min-width: 1200px) {
    .narrative__card-series__play {
      background-color: #FFFFFF; } }

.narrative__card-series__play-icon {
  width: 40px;
  height: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .narrative__card-series__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }

.narrative__card-series__play-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  padding-right: 15px; }

.narrative__card-series__play-cta span {
  opacity: 0.6; }

.narrative__card-series__body {
  padding: 20px 0 0 0;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .narrative__card-series__body {
      padding: 40px 0 0 0; } }

.narrative__card-series__title {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none;
  margin: 15px 0 0 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__card-series__title {
      font-size: -webkit-calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450));
      font-size: calc(20px + (35 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-series__title {
      font-size: 35px; } }
  .narrative__card-series__title span {
    box-shadow: 0;
    color: #161F2D;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-series__title:hover span, .narrative__card-series__title:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }

.narrative__card-series__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #94a8bb;
  margin: 15px 0 0 0; }
  .narrative__card-series__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }

.narrative__card-series__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #94a8bb; }

.narrative__card-series__label {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #FFFFFF;
  background-color: #F83036;
  padding: 6px 8px 5px 8px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2; }

.narrative__card-series__tease {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7b8b9b;
  margin: 20px 0 0 0; }

.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-prev-next-button {
  position: absolute;
  top: -60px;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer; }

.flickity-prev-next-button:hover .arrow, .flickity-prev-next-button:focus .arrow, .flickity-prev-next-button:hover .arrow, .flickity-prev-next-button:focus .arrow {
  fill: #161F2D; }

.flickity-prev-next-button.previous {
  right: 40px;
  border-right: 1px solid #D6DFE8; }

.flickity-prev-next-button.next {
  right: 0; }

.flickity-prev-next-button:disabled {
  cursor: auto; }
  .flickity-prev-next-button:disabled .arrow {
    fill: #D6DFE8; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%; }

.flickity-prev-next-button .arrow {
  fill: #F83036;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s; }

.flickity-page-dots {
  position: absolute;
  top: -50px;
  right: 85px;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  display: none; }
  @media (min-width: 600px) {
    .flickity-page-dots {
      display: block; } }

.flickity-page-dots .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px;
  background: #D6DFE8;
  border-radius: 50%;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  background: #F83036; }
/*
#pbs_dh {
  border-bottom: 0 !important; }
  .admin-bar #pbs_dh {
    top: 46px !important; }
    @media (min-width: 780px) {
      .admin-bar #pbs_dh {
        top: 32px !important; } }

@media (min-width: 0) and (max-width: 959px) {
  #pbs_id {
    padding-left: 10px !important; } }

#pbs_dh_wrap {
  max-width: none !important;
  height: 51px; }
  @media (min-width: 960px) {
    #pbs_dh_wrap {
      height: 71px; } }

#pbs_dh_nav li {
  padding: 0 15px !important; }

#pbs_lens {
  display: block !important;
  width: 56px;
  height: 51px !important;
  float: right; }
  @media (min-width: 960px) {
    #pbs_lens {
      height: 71px !important; } }

#pbs_lens span {
  display: block !important;
  width: 20px;
  height: 20px;
  background: url("../img/icon-search.svg") no-repeat !important;
  background-size: 20px 39px;
  margin: 16px 0 0 17px !important; }
  @media (min-width: 960px) {
    #pbs_lens span {
      margin-left: 20px !important;
      margin-top: 25px !important; } }

#pbs_lens.active {
  background: #F1F8FC !important; }

#pbs_dh_nav li a {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #94a8bb;
  text-decoration: none;
  box-shadow: 0;
  -webkit-transition: color 0.2s, box-shadow 0.2s;
  transition: color 0.2s, box-shadow 0.2s;
  font-size: 14px !important; }
  #pbs_dh_nav li a svg {
    fill: #94a8bb;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s; }
  #pbs_dh_nav li a:hover, #pbs_dh_nav li a:focus {
    color: #161F2D; }
    #pbs_dh_nav li a:hover svg, #pbs_dh_nav li a:focus svg {
      fill: #161F2D; }

#pbs_dh_search {
  display: none;
  background: #F1F8FC !important;
  position: absolute;
  z-index: 11;
  right: 0;
  bottom: -110px !important;
  padding: 20px !important;
  width: 100% !important;
  height: 110px !important;
  margin: 0 !important; }
  @media (min-width: 600px) {
    #pbs_dh_search {
      width: auto !important;
      height: 71px !important;
      bottom: -71px !important; } }

#pbs_dh_search.active {
  display: block; }

#btnGlobalSearch {
  display: none !important; }

#pbs_dh_search .search_btn {
  height: 31px !important;
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  background: #161F2D !important;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  #pbs_dh_search .search_btn:hover, #pbs_dh_search .search_btn:focus {
    background: #F83036 !important; }

.pbs_searchtext_wrap .pbs_lens_icon {
  display: none !important;
  margin: 0 20px !important; }

@media (min-width: 0) and (max-width: 599px) {
  #pbs_dh_search .pbs_searchtext_wrap {
    width: 100% !important; } }

#header_query {
  padding: 4px 7px 2px 7px !important;
  height: 31px !important;
  border: 1px solid #D6DFE8 !important;
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 0) and (max-width: 599px) {
    #header_query {
      width: 100% !important; } }

#header_query::-webkit-input-placeholder {
  color: #94a8bb !important; }

#header_query::-moz-placeholder {
  color: #94a8bb !important; }

#header_query:-ms-input-placeholder {
  color: #94a8bb !important; }

#header_query::placeholder {
  color: #94a8bb !important; }

#pbs_dh_logo {
  background: url("../img/pbs-logo.svg") no-repeat !important;
  background-size: 57px 25px !important;
  margin: 13px 10px 0 0 !important;
  height: 25px !important; }
  @media (min-width: 960px) {
    #pbs_dh_logo {
      margin: 15px 10px 0 0 !important; } }

#pbs_loc_name {
  line-height: 51px !important; }

#pbs_loc_name img {
  max-height: 32px !important; }

#pbs_btn_dropdown {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  font-size: 14px !important; }
  @media (min-width: 0) and (max-width: 959px) {
    #pbs_btn_dropdown {
      padding: 16px 35px 17px 20px !important; } }
  #pbs_btn_dropdown:after {
    top: 21px !important;
    right: 6px !important; }

#pbs_btn_dropdown.active {
  background-color: #F1F8FC !important; }

@media (min-width: 0) and (max-width: 959px) {
  #pbs_dh_nav ul.active {
    background-color: #F1F8FC !important;
    top: 51px !important; } }

@media (min-width: 0) and (max-width: 959px) {
  #pbs_dh_nav ul.active li a {
    padding: 5px 0 !important;
    width: 120px !important; } }

#pbs-confirm-station {
  display: none !important; }
*/
/*# sourceMappingURL=main.css.map */