@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: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
    @media (min-width: 1800px) {
      .body-text h1 {
        font-size: 60px; } }
    @media (min-width: 0) and (max-width: 599px) {
      .body-text h1 {
        font-size: 25px;
        line-height: 1.15em; } }
    .body-text h1 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h1 a svg {
        fill: #F83036;
        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;
          transition: color 0.2s, box-shadow 0.2s; }
          .body-text h1 a svg {
            fill: #F83036;
            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.16em;
    font-weight: bold;
    color: #161F2D; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .body-text h2 {
        font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .body-text h2 {
        font-size: 30px; } }
    .body-text h2 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h2 a svg {
        fill: #F83036;
        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;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h3 a svg {
        fill: #F83036;
        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;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h4 a svg {
        fill: #F83036;
        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;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h5 a svg {
        fill: #F83036;
        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: #7e97ad; }
    .body-text h6 a {
      color: #F83036;
      text-decoration: none;
      box-shadow: 0;
      transition: color 0.2s, box-shadow 0.2s; }
      .body-text h6 a svg {
        fill: #F83036;
        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: 15px;
    line-height: 1.45em;
    margin: 0 0 20px 0; }
    @media (min-width: 600px) {
      .body-text p {
        font-size: 16px;
        line-height: 1.5em; } }
    @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;
    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 > em {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.45em;
    margin: 0 0 20px 0;
    max-width: 650px;
    display: inline-block; }
    @media (min-width: 600px) {
      .body-text > em {
        font-size: 16px;
        line-height: 1.5em; } }
    @media (min-width: 1400px) {
      .body-text > em {
        font-size: 18px; } }
  .body-text blockquote {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.16em;
    font-weight: bold;
    color: #161F2D;
    margin: 40px 0;
    border-left: 1px solid #D6DFE8;
    padding: 0 0 0 20px; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .body-text blockquote {
        font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .body-text blockquote {
        font-size: 30px; } }
    @media (min-width: 960px) {
      .body-text blockquote {
        background-color: #FFFFFF;
        margin: -20px 0 0 -22px;
        padding: 40px 0 40px 3px;
        border: 0; } }
  .body-text blockquote p {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.16em;
    font-weight: bold;
    color: #161F2D;
    margin: 0; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .body-text blockquote p {
        font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .body-text blockquote p {
        font-size: 30px; } }
  .body-text .excerpt {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.45em;
    background: #F1F8FC;
    padding: 20px; }
    @media (min-width: 600px) {
      .body-text .excerpt {
        font-size: 16px;
        line-height: 1.5em; } }
    @media (min-width: 1400px) {
      .body-text .excerpt {
        font-size: 18px; } }
    @media (min-width: 960px) {
      .body-text .excerpt {
        margin-left: -20px; } }
  .body-text strong, .body-text b {
    color: #161F2D; }
  .body-text ol, .body-text ul {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.45em;
    max-width: 650px; }
    @media (min-width: 600px) {
      .body-text ol, .body-text ul {
        font-size: 16px;
        line-height: 1.5em; } }
    @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: #31445d;
    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: block;
    position: relative;
    padding: 22px 0 20px 40px;
    border-bottom: 1px solid #D6DFE8; }
    @media (min-width: 600px) {
      .body-text ol li {
        padding: 22px 0 20px 60px; } }
    .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: 40px;
      position: absolute;
      left: 0;
      line-height: 1; }
      @media (min-width: 600px) {
        .body-text ol li:before {
          width: 60px; } }
    .body-text ol li > *:first-child {
      margin-top: 0; }
  .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: flex; }
        .body-text table td:before {
          width: 100px;
          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.45em;
    color: #31445d;
    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 img {
    width: 100%;
    height: auto; }
  @media (min-width: 0) and (max-width: 767px) {
    .body-text div.alignright, .body-text div.alignleft {
      max-width: 100% !important; } }
  .body-text div.alignright img:not(.custom), .body-text div.alignright img:not(.custom) + .wp-caption-text, .body-text div.alignleft img:not(.custom), .body-text div.alignleft img:not(.custom) + .wp-caption-text {
    width: 100% !important; }
    @media (min-width: 768px) {
      .body-text div.alignright img:not(.custom), .body-text div.alignright img:not(.custom) + .wp-caption-text, .body-text div.alignleft img:not(.custom), .body-text div.alignleft img:not(.custom) + .wp-caption-text {
        max-width: 230px !important; } }
  .body-text img.alignright:not(.custom), .body-text img.alignleft:not(.custom) {
    width: 100% !important; }
    @media (min-width: 768px) {
      .body-text img.alignright:not(.custom), .body-text img.alignleft:not(.custom) {
        max-width: 230px !important; } }
  .body-text .alignleft, .body-text .alignright {
    margin: 30px 0;
    width: auto;
    height: auto;
    max-width: 100%; }
  @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; } }
  .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: 13px;
    line-height: 1.4em;
    color: #7e97ad;
    max-width: 650px;
    margin: 10px 0 0 0;
    background-color: #FFFFFF;
    position: relative;
    z-index: 2; }
  @media (min-width: 768px) {
    .body-text .wp-caption.alignnone, .body-text .wp-caption.aligncenter {
      overflow: auto; }
      .body-text .wp-caption.alignnone img, .body-text .wp-caption.aligncenter img {
        min-width: 0;
        float: left;
        width: calc(100% - 250px); }
      .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;
        display: inline-block; } }
  .body-text .wp-caption.alignnone img.keep-caption-below, .body-text .wp-caption.aligncenter img.keep-caption-below {
    float: none !important;
    width: auto; }
    .body-text .wp-caption.alignnone img.keep-caption-below ~ .wp-caption-text, .body-text .wp-caption.aligncenter img.keep-caption-below ~ .wp-caption-text {
      margin-top: 10px;
      padding-left: 0;
      padding-right: 0;
      width: auto; }
    @media (min-width: 768px) {
      .body-text .wp-caption.alignnone img.keep-caption-below, .body-text .wp-caption.aligncenter img.keep-caption-below {
        width: calc(100% - 250px); }
        .body-text .wp-caption.alignnone img.keep-caption-below ~ .wp-caption-text, .body-text .wp-caption.aligncenter img.keep-caption-below ~ .wp-caption-text {
          width: calc(100% - 250px); } }
  @media (min-width: 960px) {
    .body-text .wp-caption.alignnone img.keep-caption-below ~ .wp-caption-text {
      max-width: none; } }
  @media (min-width: 768px) {
    .body-text .wp-caption.alignnone {
      width: calc(100% + 250px) !important;
      max-width: calc(100% + 250px) !important; } }
  @media (min-width: 768px) {
    .body-text .wp-caption.aligncenter {
      width: calc(100% + 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 {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 40px 0;
    position: relative !important; }
  .body-text p iframe {
    margin: 20px 0; }
  .body-text .fb_iframe_widget {
    display: block !important;
    margin: 0 0 20px 0 !important; }
    .body-text .fb_iframe_widget iframe {
      margin: 0 !important; }
  .body-text audio {
    margin: 0 0 20px 0;
    max-width: 650px; }
  .body-text .wp-image-custom-title {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    display: block;
    margin: 0; }
    @media (min-width: 768px) {
      .body-text .wp-image-custom-title {
        margin: 0 0 20px 0;
        font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
        font-size: 16px;
        line-height: 1.25em;
        font-weight: bold;
        color: #161F2D; } }
  @media (min-width: 768px) and (min-width: 600px) {
    .body-text .wp-image-custom-title {
      font-size: 18px; } }

.body-excerpt {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  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: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .body-excerpt {
      font-size: 30px; } }
  @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 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  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: #31445d;
  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%;
  -webkit-text-size-adjust: 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;
  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;
  text-align: left; }
  @media (min-width: 600px) {
    hr {
      margin: 60px 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::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;
  width: 0;
  height: 0; }

.option__indicator {
  position: absolute;
  border-radius: 50%;
  top: -8px;
  left: 0;
  width: 40px;
  height: 40px;
  background: #161F2D;
  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.45em;
  color: #7e97ad;
  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;
  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;
  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; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

.loading-spinner {
  position: relative;
  margin: 40px auto; }

.loading-spinner div {
  position: absolute;
  animation: loading-spinner 0.5s linear infinite;
  width: 60px;
  height: 60px;
  top: 35px;
  left: 35px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #F83036; }

.loading-spinner {
  width: 130px !important;
  height: 130px !important;
  transform: scale(0.65); }

.svg {
  width: 0;
  height: 0; }

.post__article {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .post__article {
      padding: 0 0 0 20px; } }
  @media (min-width: 960px) {
    .post__article {
      padding: 0 0 0 30px; } }
  @media (min-width: 1200px) {
    .post__article {
      padding: 0 0 0 40px;
      width: calc(100% - 380px); } }

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

.post__title-column {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #7e97ad;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  margin-bottom: 15px;
  display: inline-block;
  box-shadow: 0 -2px 0 #F83036 inset; }
  .post__title-column svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .post__title-column:hover, .post__title-column:focus {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }
    .post__title-column:hover svg, .post__title-column:focus svg {
      fill: #161F2D; }
  @media (min-width: 960px) {
    .post__title-column {
      margin-bottom: 40px; } }

.post__title-opinion {
  color: #F83036; }

.post__category {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  margin: 0 10px 30px 0;
  display: inline-block; }
  .post__category svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .post__category:hover, .post__category:focus {
    color: #161F2D; }
    .post__category:hover svg, .post__category:focus svg {
      fill: #161F2D; }
  @media (min-width: 960px) {
    .post__category {
      margin: 0 10px 40px 0; } }

.post__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 0 0 30px 0;
  display: inline-block; }
  @media (min-width: 960px) {
    .post__date {
      margin: 0 0 40px 0; } }

.post__col {
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .post__col {
      margin: 0 250px 40px 0; } }
  @media (min-width: 960px) {
    .post__col {
      flex-direction: row; } }

.post__col-wide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative; }
  @media (min-width: 0) and (max-width: 959px) {
    .post__col-wide .post__col-left {
      width: 100%;
      flex-shrink: 0; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .post__col-wide .post__col-right {
      width: calc(100% - 250px);
      flex-shrink: 1; } }
  @media (min-width: 600px) {
    .post__col-wide {
      margin: 0 20px 0 0; } }
  @media (min-width: 960px) {
    .post__col-wide {
      flex-wrap: nowrap;
      margin: 0; } }

@media (min-width: 960px) {
  .post__col--no-lead .post__col-left {
    width: 120px;
    padding-top: 20px; }
  .post__col--no-lead .post__col-right {
    padding-left: 40px;
    padding-top: 75px; }
  .post__col--no-lead .post__byline--side {
    margin-top: 0px; } }

.post__col-left {
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  flex-direction: column-reverse;
  z-index: 2;
  margin-bottom: 35px; }
  @media (min-width: 960px) {
    .post__col-left {
      display: block;
      width: 100px;
      flex-shrink: 0;
      margin-bottom: 0; } }

.post__col-right {
  z-index: 1; }
  @media (min-width: 960px) {
    .post__col-right {
      border-left: 1px solid #D6DFE8;
      padding: 15px 0 0 20px;
      width: 100%;
      flex-shrink: 1; } }

@media (min-width: 0) and (max-width: 959px) {
  .post__sticky-rail {
    border-bottom: 1px solid #D6DFE8;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    flex-direction: row; } }

@media (min-width: 960px) {
  .post__sticky-rail {
    padding: 20px 0;
    background-color: #FFFFFF;
    position: sticky;
    top: 0; } }

@media (min-width: 0) and (max-width: 449px) {
  .post__sticky-rail-flex {
    border-bottom: 1px solid #D6DFE8; } }

@media (min-width: 0) and (max-width: 959px) {
  .post__sticky-rail-flex {
    display: flex; } }

.post__logo-list {
  max-width: 650px;
  margin: 40px 0 0 0; }

.post__logo-list .logo-list__funder:hover, .post__logo-list .logo-list__funder:focus {
  background-color: #F1F8FC; }

.post__logo-list .logo-list__list li:last-child {
  border-bottom: 0; }

.feature {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 600px) {
    .feature {
      background-color: white;
      margin: 0 auto; } }

.feature__body {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 1;
  z-index: 4; }
  @media (min-width: 600px) {
    .feature__body {
      padding: 0 0 0 20px; } }
  @media (min-width: 960px) {
    .feature__body {
      padding: 0 0 0 30px; } }
  @media (min-width: 1200px) {
    .feature__body {
      padding: 0 0 0 40px;
      width: calc(100% - 380px); } }

.archive__wrapper {
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 600px) {
    .archive__wrapper {
      align-items: flex-start;
      flex-direction: row; } }

.archive__cards {
  width: 100%;
  flex-shrink: 1; }
  @media (min-width: 0) and (max-width: 959px) {
    .archive__cards {
      margin-top: -20px; } }
  @media (min-width: 600px) {
    .archive__cards--with-subnav {
      width: calc(100% - 140px); } }
  @media (min-width: 960px) {
    .archive__cards--with-subnav {
      width: calc(100% - 150px); } }
  @media (min-width: 1200px) {
    .archive__cards--with-subnav {
      width: calc(100% - 160px); } }

@media (min-width: 1400px) {
  .archive .card-xl {
    border-bottom: 1px solid #D6DFE8;
    margin: 0 0 40px 0;
    padding: 0 0 40px 0; } }

.archive .card-xl__figure {
  max-height: 60vh;
  overflow: hidden; }

.archive-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.archive-grid .card-lg {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #D6DFE8; }
  @media (min-width: 768px) {
    .archive-grid .card-lg {
      width: 50%;
      border: 0;
      padding: 0 20px 60px 0;
      box-sizing: border-box; }
      .archive-grid .card-lg:nth-child(2n+2) {
        padding: 0 0 60px 20px; } }

.archive-grid .card-lg__img-bg {
  height: 210px; }
  @media (min-width: 450px) {
    .archive-grid .card-lg__img-bg {
      height: 300px; } }
  @media (min-width: 600px) {
    .archive-grid .card-lg__img-bg {
      height: 360px; } }
  @media (min-width: 768px) {
    .archive-grid .card-lg__img-bg {
      height: 280px; } }
  @media (min-width: 1200px) {
    .archive-grid .card-lg__img-bg {
      height: 300px; } }
  @media (min-width: 1400px) {
    .archive-grid .card-lg__img-bg {
      height: 360px; } }
  @media (min-width: 1800px) {
    .archive-grid .card-lg__img-bg {
      height: 420px; } }

@media (min-width: 768px) {
  .archive-list {
    border-top: 1px solid #D6DFE8; } }

@media (min-width: 1800px) {
  .archive-list {
    max-width: 75%; } }

.archive-list--basic {
  border-top: 0; }

.archive-list .card-horiz {
  padding: 30px 0;
  border-bottom: 1px solid #D6DFE8; }
  .archive-list .card-horiz:last-child {
    border-bottom: 0; }

.page__wrapper {
  position: relative; }
  @media (min-width: 1200px) {
    .page__wrapper {
      background-color: #161F2D; } }

.page__main {
  position: relative; }

.page__body {
  position: relative;
  z-index: 3;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 1200px) {
    .page__body--with-sidebar {
      display: flex; } }
  @media (min-width: 1200px) {
    .page__body {
      background-color: #FFFFFF; } }

.page__body-spacing {
  position: relative;
  padding: 40px 20px;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    .page__body-spacing {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .page__body-spacing {
      padding: 40px;
      width: calc(100% - 380px); } }

.page__body-content {
  display: flex;
  flex-direction: column; }
  .page__body-content--reversed {
    flex-direction: column-reverse; }
  @media (min-width: 600px) {
    .page__body-content {
      align-items: flex-start;
      flex-direction: row; } }

.page__body-text {
  width: 100%;
  flex-shrink: 1; }
  @media (min-width: 600px) {
    .page__body-text--with-subnav {
      width: calc(100% - 140px); } }
  @media (min-width: 960px) {
    .page__body-text--with-subnav {
      width: calc(100% - 150px); } }
  @media (min-width: 1200px) {
    .page__body-text--with-subnav {
      width: calc(100% - 160px); } }
  @media (min-width: 768px) {
    .page__body-text--default {
      padding-left: 140px; } }
  @media (min-width: 960px) {
    .page__body-text--default {
      padding-left: 150px; } }
  @media (min-width: 1200px) {
    .page__body-text--default {
      padding-left: 160px; } }

@media (min-width: 0) and (max-width: 959px) {
  .page__body-text .body-text > img:first-child {
    margin-top: -20px; } }

@media (min-width: 600px) {
  .page__body-spacer {
    height: 40px; } }

@media (min-width: 768px) {
  .page__body-single-col {
    margin: 0 250px 0 0; } }

.page__topper {
  z-index: 1;
  background-color: #161F2D;
  max-width: 1850px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  max-width: calc(1850px - 420px); }
  @media (min-width: 960px) {
    .page__topper {
      padding: 0 30px; } }
  @media (min-width: 1200px) {
    .page__topper {
      margin: 0 40px;
      padding: 0;
      width: calc(100% - 460px); } }
  @media (min-width: 1930px) {
    .page__topper {
      margin-left: calc((100% - 1850px)/2); } }

.page__topper-content {
  border-top: 1px solid #31445D;
  padding: 40px 0; }

@media (min-width: 600px) {
  .page__topper-cols {
    display: flex; } }

.page__topper-text {
  width: 100%;
  flex-shrink: 1; }

.page__topper-cta {
  margin: 20px 0 0 0; }
  @media (min-width: 600px) {
    .page__topper-cta {
      flex-shrink: 0;
      margin: 0 0 0 40px; } }

.page__topper-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;
  transition: color 0.2s, background-color 0.2s; }
  @media (min-width: 600px) {
    .page__topper-button {
      font-size: 18px; } }
  .page__topper-button:hover, .page__topper-button:focus {
    background-color: #F1F8FC;
    color: #161F2D; }
    .page__topper-button:hover svg, .page__topper-button:focus svg {
      fill: #F83036; }
  .page__topper-button svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    transition: fill 0.2s;
    margin-right: 10px; }

.page__topper-text a:hover, .page__topper-text a:focus {
  color: #FFFFFF; }

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

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

.page__body-breadcrumb {
  padding: 0 0 20px 0;
  display: flex;
  align-items: center; }
  .page__body-breadcrumb a {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    color: #F83036;
    text-decoration: none;
    box-shadow: 0;
    transition: color 0.2s, box-shadow 0.2s;
    display: block;
    padding-top: 1px; }
    .page__body-breadcrumb a svg {
      fill: #F83036;
      transition: fill 0.2s; }
    .page__body-breadcrumb a:hover, .page__body-breadcrumb a:focus {
      color: #161F2D; }
      .page__body-breadcrumb a:hover svg, .page__body-breadcrumb a:focus svg {
        fill: #161F2D; }
  .page__body-breadcrumb svg {
    width: 15px;
    height: 15px;
    display: block;
    fill: #161F2D;
    padding-right: 10px; }
  @media (min-width: 960px) {
    .page__body-breadcrumb {
      padding: 20px 0; } }

.home__cols {
  display: flex;
  flex-direction: column;
  margin: 0 20px 20px 20px; }
  @media (min-width: 768px) {
    .home__cols {
      margin: 0 20px; } }
  @media (min-width: 960px) {
    .home__cols {
      margin: 0 30px; } }
  @media (min-width: 1200px) {
    .home__cols {
      flex-direction: row;
      align-items: stretch;
      margin: 0 0 0 40px; } }

.home__right {
  display: flex;
  flex-shrink: 0;
  flex-direction: column-reverse;
  margin: 0; }
  @media (min-width: 768px) {
    .home__right {
      flex-direction: row; } }

.home__right-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .home__right-header {
      font-size: 16px; } }

.home__right .card-md {
  margin: 0 0 40px 0; }
  .home__right .card-md:last-child {
    margin: 0 0 20px 0; }

.home__right .card-md__img-bg {
  height: 250px; }
  @media (min-width: 450px) {
    .home__right .card-md__img-bg {
      height: 300px; } }
  @media (min-width: 600px) {
    .home__right .card-md__img-bg {
      height: 350px; } }
  @media (min-width: 960px) {
    .home__right .card-md__img-bg {
      height: 450px; } }
  @media (min-width: 1200px) {
    .home__right .card-md__img-bg {
      height: 200px; } }

.home__latest {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 40px 0 0 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .home__latest {
      padding: 0 20px 40px 0; } }
  @media (min-width: 1200px) {
    .home__latest {
      padding: 40px 20px;
      width: 340px;
      flex-shrink: 0;
      border-left: 1px solid #D6DFE8; } }

.home__developing {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 40px 0 0 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .home__developing {
      padding: 0 20px 40px 0; } }
  @media (min-width: 1200px) {
    .home__developing {
      padding: 40px 20px;
      width: 340px;
      flex-shrink: 0;
      border-left: 1px solid #D6DFE8; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home__developing article:last-child {
      display: none; } }

.home__developing .card-thumb,
.home__latest .card-thumb {
  padding: 20px 0;
  border-top: 1px solid #D6DFE8; }
  .home__developing .card-thumb:last-child,
  .home__latest .card-thumb:last-child {
    padding-bottom: 0; }

.home__tv {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .home__tv {
      padding: 0 0 40px 20px;
      width: 320px;
      flex-shrink: 0; } }
  @media (min-width: 1200px) {
    .home__tv {
      border-left: 1px solid #D6DFE8;
      width: 340px;
      flex-shrink: 0;
      padding: 40px 20px; } }

.home__tv-anchor {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #D6DFE8;
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .home__tv-anchor {
      background-color: #F1F8FC; } }

.home__tv-anchor-img {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%; }

.home__tv-anchor-text {
  margin-left: 15px; }

.home__tv-anchor-text p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad; }

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

@media (min-width: 1200px) and (max-width: 1399px) {
  .home__tv .playlist li:last-child {
    display: none; } }

.home__ad {
  margin: 0 0 40px 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .home__ad {
      text-align: center;
      background-color: #F1F8FC; } }
  @media (min-width: 0) and (max-width: 379px) {
    .home__ad {
      margin-left: -20px;
      margin-right: -20px;
      padding: 20px 10px;
      text-align: center; } }
  @media (min-width: 380px) and (max-width: 767px) {
    .home__ad {
      margin-left: auto;
      margin-right: auto;
      padding: 20px; } }
  @media (min-width: 1200px) {
    .home__ad {
      margin: 0 0 48px 0; } }

.home__ad .ad__label {
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 0) and (max-width: 379px) {
    .home__ad .ad__label {
      margin-left: auto;
      margin-right: auto;
      max-width: 300px; } }

.home__logo-pond {
  margin: 40px 0 0 0; }
  @media (min-width: 0) and (max-width: 767px) {
    .home__logo-pond {
      background-color: #F1F8FC;
      padding: 20px; } }
  @media (min-width: 768px) {
    .home__logo-pond .lp__list {
      border-bottom: 0; }
    .home__logo-pond .lp__list li {
      width: 50%;
      border-right: 0;
      border-top: 1px solid #D6DFE8 !important; }
      .home__logo-pond .lp__list li:nth-child(odd) {
        border-right: 1px solid #D6DFE8; }
      .home__logo-pond .lp__list li:nth-child(1), .home__logo-pond .lp__list li:nth-child(2) {
        border-top: 0 !important; }
    .home__logo-pond .lp__list a:hover, .home__logo-pond .lp__list a:focus {
      background-color: #F1F8FC; } }

.home__series-tease {
  margin: 40px 20px; }
  @media (min-width: 960px) {
    .home__series-tease {
      margin: 40px 30px; } }
  @media (min-width: 1200px) {
    .home__series-tease {
      margin: 80px 40px; } }

.home__recirc-categories {
  margin: 40px 20px; }
  @media (min-width: 960px) {
    .home__recirc-categories {
      margin: 40px 30px; } }
  @media (min-width: 1200px) {
    .home__recirc-categories {
      margin: 80px 40px; } }

.video__cols {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  @media (min-width: 600px) {
    .video__cols {
      flex-direction: row;
      margin-right: 20px; } }
  @media (min-width: 960px) {
    .video__cols {
      margin-right: 30px; } }
  @media (min-width: 1200px) {
    .video__cols {
      margin-right: 40px; } }
  .video__cols--live {
    margin-top: 40px; }

.video__topper {
  width: 100%;
  position: relative;
  background-color: #101c2f;
  z-index: 3; }

.video__topper-gradient {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 150px;
  background: linear-gradient(to bottom, rgba(22, 31, 45, 0) 0%, #161f2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161f2d', endColorstr='#161f2d', GradientType=0 );
  z-index: 2; }

.video__topper-bg {
  background-size: cover;
  background-position: center 20%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  mix-blend-mode: screen;
  filter: grayscale(1) contrast(1.3);
  opacity: 0.3;
  z-index: 1; }

.video__topper-info {
  margin: 180px 20px 20px 20px;
  z-index: 3;
  position: relative;
  flex-shrink: 1;
  max-width: 1850px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .video__topper-info {
      margin: 250px 20px 20px 20px; } }
  @media (min-width: 960px) {
    .video__topper-info {
      margin: 300px 30px 30px 30px; } }
  @media (min-width: 1200px) {
    .video__topper-info {
      margin: 350px 40px 40px 40px; } }
  @media (min-width: 1850px) {
    .video__topper-info {
      margin: 350px auto 40px auto;
      padding-left: 40px; } }

.video__topper-title {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #FFFFFF;
  max-width: 85%;
  margin-bottom: 20px; }
  @media (min-width: 600px) and (max-width: 1399px) {
    .video__topper-title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1400 - 600)); } }
  @media (min-width: 1400px) {
    .video__topper-title {
      font-size: 60px; } }
  @media (min-width: 600px) {
    .video__topper-title {
      max-width: 35%; } }
  @media (min-width: 960px) {
    .video__topper-title {
      max-width: 40%; } }

.video__topper-title span {
  color: #F83036 !important; }

.video__topper-cta {
  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;
  transition: color 0.2s, background-color 0.2s; }
  @media (min-width: 600px) {
    .video__topper-cta {
      font-size: 18px; } }
  .video__topper-cta:hover, .video__topper-cta:focus {
    background-color: #F1F8FC;
    color: #161F2D; }
    .video__topper-cta:hover svg, .video__topper-cta:focus svg {
      fill: #F83036; }
  .video__topper-cta svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    transition: fill 0.2s;
    margin-right: 10px; }

.video__episode {
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 3;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .video__episode {
      flex-direction: row;
      align-items: flex-start; } }
  @media (min-width: 960px) {
    .video__episode {
      padding: 0 30px; } }
  @media (min-width: 1200px) {
    .video__episode {
      padding: 0 40px; } }

.video__episode-playlist {
  width: 100%;
  margin-top: 40px; }
  @media (min-width: 600px) {
    .video__episode-playlist {
      background-color: #F1F8FC;
      padding: 40px;
      box-sizing: border-box; } }
  @media (min-width: 768px) {
    .video__episode-playlist {
      width: 60%;
      padding: 30px;
      margin-top: -300px; } }
  @media (min-width: 960px) {
    .video__episode-playlist {
      width: 50%;
      margin-top: -350px; } }
  @media (min-width: 1200px) {
    .video__episode-playlist {
      padding: 40px; } }

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

.video__episode-playlist .playlist__link:hover, .video__episode-playlist .playlist__link:focus {
  background-color: #FFFFFF; }

.video__episode-info {
  display: flex;
  width: 100%;
  padding: 40px 20px 0 0;
  box-sizing: border-box;
  flex-direction: column-reverse;
  align-self: flex-start; }
  @media (min-width: 768px) {
    .video__episode-info {
      width: 40%; } }
  @media (min-width: 960px) {
    .video__episode-info {
      width: 50%;
      padding: 30px 30px 0 0;
      flex-direction: row; } }
  @media (min-width: 1200px) {
    .video__episode-info {
      padding: 40px 40px 0 0; } }

@media (min-width: 960px) {
  .video__episode-info-right {
    padding-top: 30px; } }

.video__episode-info-left {
  flex-shrink: 0;
  margin: 0 40px 0 0; }

.video__episode-info-left .comments__btn {
  margin: 20px 0 0 0; }
  @media (min-width: 960px) {
    .video__episode-info-left .comments__btn {
      margin: 0; } }

.video__episode-date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 0 0 20px 0;
  display: block; }
  @media (min-width: 960px) {
    .video__episode-date {
      margin: 0 0 30px 0; } }

.video__episode-date-header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 10px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .video__episode-date-header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .video__episode-date-header {
      font-size: 30px; } }

.video__episode-description {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.45em;
  max-width: 650px; }
  @media (min-width: 600px) {
    .video__episode-description {
      font-size: 16px;
      line-height: 1.5em; } }
  @media (min-width: 1400px) {
    .video__episode-description {
      font-size: 18px; } }

.video__grid-header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  hyphens: auto; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .video__grid-header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .video__grid-header {
      font-size: 30px; } }

.video__grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-shrink: 1; }
  @media (min-width: 0) and (max-width: 599px) {
    .video__grid {
      margin-top: 10px; } }

.video__grid .card-sm {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 40px;
  margin-bottom: 20px; }
  @media (min-width: 0) and (max-width: 599px) {
    .video__grid .card-sm {
      width: 100%; }
      .video__grid .card-sm:last-child {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 600px) and (max-width: 767px) {
    .video__grid .card-sm {
      width: 48%;
      padding-right: 4%; }
      .video__grid .card-sm:nth-of-type(2n+2) {
        padding-right: 0; }
      .video__grid .card-sm:nth-of-type(2n+1):nth-last-child(-n+2), .video__grid .card-sm:nth-of-type(2n+1):nth-last-child(-n+2) ~ article {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .video__grid .card-sm {
      width: 30%;
      padding-right: 5%; }
      .video__grid .card-sm:nth-of-type(3n+3) {
        padding-right: 0; }
      .video__grid .card-sm:nth-of-type(3n+1):nth-last-child(-n+3), .video__grid .card-sm:nth-of-type(3n+1):nth-last-child(-n+3) ~ article {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 960px) and (max-width: 1799px) {
    .video__grid .card-sm {
      width: 23%;
      padding-right: 2.66%; }
      .video__grid .card-sm:nth-of-type(4n+4) {
        padding-right: 0; }
      .video__grid .card-sm:nth-of-type(4n+1):nth-last-child(-n+4), .video__grid .card-sm:nth-of-type(4n+1):nth-last-child(-n+4) ~ article {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 1800px) {
    .video__grid .card-sm {
      width: 19%;
      padding-right: 1.25%; }
      .video__grid .card-sm:nth-of-type(5n+5) {
        padding-right: 0; }
      .video__grid .card-sm:nth-of-type(5n+1):nth-last-child(-n+5), .video__grid .card-sm:nth-of-type(5n+1):nth-last-child(-n+5) ~ article {
        border: 0;
        margin-bottom: 0; } }

@media (min-width: 0) and (max-width: 449px) {
  .video__grid .card-sm__img-bg {
    height: 220px; } }

@media (min-width: 450px) and (max-width: 599px) {
  .video__grid .card-sm__img-bg {
    height: 300px; } }

.video__filter {
  width: 100%; }
  @media (min-width: 0) and (max-width: 599px) {
    .video__filter {
      display: flex;
      flex-direction: column-reverse; } }
  @media (min-width: 600px) {
    .video__filter {
      width: 120px;
      flex-shrink: 0;
      margin-right: 40px; } }

.video__filter-button {
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2; }
  .video__filter-button:after {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0;
    content: ' ';
    background-image: url("../img/calendar.svg");
    background-size: 12px 11px;
    background-repeat: no-repeat;
    height: 11px;
    width: 12px;
    transition: filter 0.2s; }
  .video__filter-button:hover, .video__filter-button:focus {
    outline: 0; }
    .video__filter-button:hover:after, .video__filter-button:focus:after {
      filter: grayscale(1) brightness(0.5); }

.video__filter-calendar {
  position: relative; }

.video__filter-calendar form {
  position: relative; }

.video__filter-date {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  border-bottom: 1px solid #D6DFE8;
  padding: 12px 0 10px 20px;
  box-sizing: border-box; }

.video__filter-header {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  display: block; }
  @media (min-width: 0) and (max-width: 599px) {
    .video__filter-header {
      margin-top: 30px; }
      .video__filter-header:first-child {
        margin-top: 0; } }
  @media (min-width: 600px) {
    .video__filter-header {
      margin-top: 60px; } }

.video__filter-list {
  margin: 0 0 12px 0; }

.video__filter-list li {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  border-bottom: 1px solid #D6DFE8;
  padding: 12px 0 10px 0; }
  .video__filter-list li svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .video__filter-list li:hover, .video__filter-list li:focus {
    color: #161F2D; }
    .video__filter-list li:hover svg, .video__filter-list li:focus svg {
      fill: #161F2D; }

.video__filter-list li a.active {
  color: #161F2D; }

.video__filter-list-clear {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  margin: 0 0 40px 0; }
  .video__filter-list-clear a {
    color: #7e97ad;
    text-decoration: none;
    box-shadow: 0;
    transition: color 0.2s, box-shadow 0.2s; }
    .video__filter-list-clear a svg {
      fill: #7e97ad;
      transition: fill 0.2s; }
    .video__filter-list-clear a:hover, .video__filter-list-clear a:focus {
      color: #161F2D; }
      .video__filter-list-clear a:hover svg, .video__filter-list-clear a:focus svg {
        fill: #161F2D; }
  .video__filter-list-clear svg {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 5px 0 0;
    fill: #7e97ad; }

.video__pagination {
  margin: 0 20px 20px 0; }
  @media (min-width: 960px) {
    .video__pagination {
      margin: 30px 30px 30px 0; } }
  @media (min-width: 1200px) {
    .video__pagination {
      margin: 40px 40px 40px 0; } }

.video__grid-no-videos {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  max-width: 400px;
  margin: 0 auto 40px auto;
  text-align: center;
  align-self: center;
  background-color: #F1F8FC;
  padding: 40px; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .video__grid-no-videos {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .video__grid-no-videos {
      font-size: 30px; } }

.video-single__main {
  position: relative;
  max-width: 1850px;
  margin: 0 auto; }

.video-single__body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap; }

.video-single__article {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 1;
  z-index: 4;
  background-color: #FFFFFF; }
  @media (min-width: 600px) {
    .video-single__article {
      padding: 0 0 0 20px; } }
  @media (min-width: 960px) {
    .video-single__article {
      padding: 0 0 0 30px; } }
  @media (min-width: 1200px) {
    .video-single__article {
      padding: 0 0 0 40px;
      width: calc(100% - 380px); } }

.video-single__col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative; }
  @media (min-width: 600px) {
    .video-single__col {
      margin: 0 20px 0 0; } }
  @media (min-width: 960px) {
    .video-single__col {
      margin: 0;
      flex-wrap: nowrap; } }
  .video-single__col--episode .video-single__col-left {
    margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 959px) {
    .video-single__col--episode .video__aside {
      padding-top: 0; } }
  @media (min-width: 960px) and (max-width: 1199px) {
    .video-single__col--episode .video__aside {
      padding-top: 40px; } }

.video-single__col-left {
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  flex-direction: column-reverse;
  z-index: 2;
  margin-bottom: 35px; }
  @media (min-width: 960px) {
    .video-single__col-left {
      display: block;
      width: 100px;
      flex-shrink: 0;
      border-bottom: 0;
      margin: 0 0 60px 0; } }
  @media (min-width: 960px) and (max-width: 1199px) {
    .video-single__col-left .post__byline {
      margin-top: 0; } }

.video-single__col-right {
  padding: 0 0 40px 0;
  flex-shrink: 1;
  z-index: 1; }
  @media (min-width: 600px) {
    .video-single__col-right {
      padding: 0 0 60px 0; } }
  @media (min-width: 600px) and (max-width: 767px) {
    .video-single__col-right {
      width: calc(100% - 250px); } }
  @media (min-width: 768px) and (max-width: 959px) {
    .video-single__col-right {
      width: calc(100% - 290px); } }
  @media (min-width: 960px) {
    .video-single__col-right {
      padding: 40px 0 80px 20px;
      width: 100%; } }

@media (min-width: 0) and (max-width: 959px) {
  .video-single__sticky-rail {
    border-bottom: 1px solid #D6DFE8;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    flex-direction: row;
    width: 100%; } }

@media (min-width: 960px) {
  .video-single__sticky-rail {
    position: sticky;
    top: 0;
    padding: 20px 0; } }

.video-single__hero {
  margin: -40px 0 0 0;
  padding: 0 20px;
  width: 100%;
  z-index: 2;
  min-height: 150px;
  position: relative;
  background-color: #FFFFFF; }
  .video-single__hero img {
    width: 100%; }
  @media (min-width: 600px) {
    .video-single__hero {
      margin: -61px 0 0 0; } }
  @media (min-width: 768px) {
    .video-single__hero {
      margin: -62px 0 0 0; } }
  @media (min-width: 960px) {
    .video-single__hero {
      margin: -72px 0 0 0;
      padding: 0 30px; } }
  @media (min-width: 1200px) {
    .video-single__hero {
      margin: -82px 0 0 0;
      padding: 0 40px; } }

.video-single__hero-sidebar {
  display: none; }
  @media (min-width: 1200px) {
    .video-single__hero-sidebar {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      height: 100%;
      width: 380px;
      background-color: #F1F8FC;
      z-index: 1; } }

.video-single__hero-bg {
  background-color: #161F2D;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }
  @media (min-width: 1200px) {
    .video-single__hero-bg {
      bottom: 60px; } }

.video-single__hero-flex {
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative; }
  @media (min-width: 1200px) {
    .video-single__hero-flex {
      flex-direction: row; } }

.video-single__hero-embed {
  width: 100%;
  flex-shrink: 1;
  background-color: black; }
  @media (min-width: 1200px) {
    .video-single__hero-embed {
      margin-right: 40px; } }

.video-single__hero-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.video-single__hero-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-single__hero-info {
  flex-shrink: 0;
  margin: 40px 0; }
  @media (min-width: 1200px) {
    .video-single__hero-info {
      width: 250px;
      width: 550px;
      align-self: flex-end;
      margin: 0 0 100px 0; } }
  @media (min-width: 1400px) {
    .video-single__hero-info {
      width: 550px; } }

.video-single__title {
  color: #FFFFFF;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.15em;
  font-weight: bold;
  font-size: 25px;
  margin: 0 0 20px 0; }
  @media (min-width: 600px) {
    .video-single__title {
      font-size: 40px; } }
  @media (min-width: 768px) {
    .video-single__title {
      line-height: 1.08em;
      font-size: 50px; } }
  @media (min-width: 1200px) {
    .video-single__title {
      line-height: 1.15em;
      font-size: 40px; } }
  @media (min-width: 1400px) {
    .video-single__title {
      line-height: 1.08em;
      font-size: 50px; } }
  @media (min-width: 1800px) {
    .video-single__title {
      font-size: 60px; } }

.video-single__title--large {
  font-size: 32px;
  line-height: 1.08em;
  margin: 0 0 20px 0;
  color: #FFFFFF;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-weight: bold; }
  @media (min-width: 380px) and (max-width: 1799px) {
    .video-single__title--large {
      font-size: calc(32px + (70 - 32) * (100vw - 380px) / (1800 - 380)); } }
  @media (min-width: 1800px) {
    .video-single__title--large {
      font-size: 70px; } }
  .video-single__title--large span {
    color: #F83036;
    display: block; }

.video-single__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  display: block; }

.video-single__label {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  background-color: #273142;
  padding: 6px 8px 5px 8px;
  margin: 0 0 25px 0;
  display: inline-block; }
  @media (min-width: 1200px) {
    .video-single__label {
      margin: 0 0 30px 0; } }

.video-single__label a {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #F83036;
  padding: 8px 0 6px 0;
  box-shadow: 8px 0 0 #F83036, -8px 0 0 #F83036;
  transition: background-color 0.2s, box-shadow 0.2s, color 0.2s; }
  .video-single__label a:hover, .video-single__label a:focus {
    color: #FFFFFF;
    background-color: #273142;
    box-shadow: 8px 0 0 #273142, -8px 0 0 #273142; }

.video-single__recirc {
  margin: 40px 0 0 0;
  max-width: 650px; }

.video-single__recirc-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #161F2D;
  margin-bottom: 5px; }
  @media (min-width: 600px) {
    .video-single__recirc-header {
      font-size: 18px; } }

.video-single__related-video {
  margin: 28px 0 30px 0; }
  @media (min-width: 960px) {
    .video-single__related-video {
      margin: 40px 0; }
      .video-single__related-video--loner {
        margin-top: 0; } }

.video-single__audio-header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 5px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .video-single__audio-header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .video-single__audio-header {
      font-size: 30px; } }
  .video-single__audio-header--small {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: bold;
    color: #161F2D;
    margin: 0; }
    @media (min-width: 600px) {
      .video-single__audio-header--small {
        font-size: 18px; } }

.video-single__audio-header-wrap {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 35px 0 8px; }

.video-single__audio-subscribe {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036; }
  @media (min-width: 0) and (max-width: 449px) {
    .video-single__audio-subscribe span {
      display: none; } }
  @media (min-width: 600px) and (max-width: 767px) {
    .video-single__audio-subscribe span {
      display: none; } }
  @media (min-width: 1200px) and (max-width: 1250px - 1) {
    .video-single__audio-subscribe span {
      display: none; } }

.video-single__hero-img {
  width: 100%;
  flex-shrink: 1;
  position: relative; }
  .video-single__hero-img img {
    width: 100%; }
  @media (min-width: 1200px) {
    .video-single__hero-img {
      margin-right: 40px; } }

.video-single__hero-img-label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #F83036;
  padding: 6px 8px 5px 8px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .video-single__hero-img-label {
      position: absolute;
      bottom: 20px;
      left: 20px;
      max-width: 300px;
      width: auto; } }
  @media (min-width: 1200px) {
    .video-single__hero-img-label {
      padding-left: 100px;
      max-width: 400px; } }

.editors-notes {
  font-size: 15px;
  line-height: 1.625em;
  margin: 0 0 40px 0;
  max-width: 650px; }
  .body-excerpt + .editors-notes {
    margin-top: 20px;
    margin-bottom: 20px; }

.editors-notes p {
  margin: 0 0 20px 0; }
  .editors-notes p:last-of-type {
    margin-bottom: 0; }

.video-archive {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap; }

.video-archive__nav {
  max-width: 1850px;
  margin: 0 auto; }
  .video-archive__nav .nav {
    position: absolute;
    width: 100%;
    z-index: 4; }
  .video-archive__nav .nav__elements {
    background-color: transparent; }

.video-archive__body-wrapper {
  width: 100%;
  max-width: 1850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }
  @media (min-width: 1200px) {
    .video-archive__body-wrapper {
      flex-direction: row; } }

.video-archive__body {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 1;
  z-index: 5;
  background-color: #FFFFFF; }
  @media (min-width: 600px) {
    .video-archive__body {
      padding: 0 0 0 20px; } }
  @media (min-width: 960px) {
    .video-archive__body {
      padding: 0 0 0 30px; } }
  @media (min-width: 1200px) {
    .video-archive__body {
      padding: 0 0 0 40px;
      width: calc(100% - 380px); } }

.series__topper {
  width: 100%;
  position: relative;
  background-color: #101c2f;
  z-index: 3; }

.series__topper-bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  mix-blend-mode: screen;
  filter: grayscale(1) contrast(1.3);
  opacity: 0.3; }

.video__topper-gradient {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 150px;
  background: linear-gradient(to bottom, rgba(22, 31, 45, 0) 0%, #161f2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161f2d', endColorstr='#161f2d', GradientType=0 );
  z-index: 2; }

.series__topper-info-wrapper {
  max-width: 1850px;
  margin: 0 auto;
  display: flex; }

.series__topper-info {
  margin: 240px 20px 20px 20px;
  z-index: 3;
  position: relative;
  width: 100%;
  flex-shrink: 1;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .series__topper-info {
      margin: 250px 20px 80px 20px; } }
  @media (min-width: 960px) {
    .series__topper-info {
      margin: 300px 30px 90px 30px; } }
  @media (min-width: 1200px) {
    .series__topper-info {
      margin: 350px 40px 140px 40px; } }

.series__topper-title {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #FFFFFF;
  max-width: 900px; }
  @media (min-width: 600px) and (max-width: 1399px) {
    .series__topper-title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1400 - 600)); } }
  @media (min-width: 1400px) {
    .series__topper-title {
      font-size: 60px; } }

.series__topper-cta {
  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;
  transition: color 0.2s, background-color 0.2s;
  margin-top: 20px; }
  @media (min-width: 600px) {
    .series__topper-cta {
      font-size: 18px; } }
  .series__topper-cta:hover, .series__topper-cta:focus {
    background-color: #F1F8FC;
    color: #161F2D; }
    .series__topper-cta:hover svg, .series__topper-cta:focus svg {
      fill: #F83036; }
  .series__topper-cta svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    transition: fill 0.2s;
    margin-right: 10px; }

.series__topper-related {
  display: none; }
  @media (min-width: 1200px) {
    .series__topper-related {
      display: block;
      margin-top: 80px;
      padding: 40px;
      width: 380px;
      flex-shrink: 0;
      box-sizing: border-box;
      align-self: flex-end;
      z-index: 3; } }

.series__topper-related-title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #63768B;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .series__topper-related-title {
      font-size: 16px; } }

.series__topper-related .card-thumb {
  border-bottom: 1px solid #63768B;
  padding-bottom: 20px; }
  .series__topper-related .card-thumb:not(:last-child) {
    margin-bottom: 20px; }
  .series__topper-related .card-thumb .card-thumb__play-icon {
    display: none; }
  .series__topper-related .card-thumb .card-thumb__title span {
    color: #FFFFFF; }
  .series__topper-related .card-thumb .card-thumb__link:hover .card-thumb__title span, .series__topper-related .card-thumb .card-thumb__link:focus .card-thumb__title span {
    color: #FFFFFF;
    box-shadow: 0 -2px 0 #63768B inset; }

.series__grid {
  background-color: #FFFFFF;
  padding: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 100px; }
  @media (min-width: 600px) {
    .series__grid {
      padding: 20px 20px 0 20px;
      margin: -60px 20px 0 0; } }
  @media (min-width: 960px) {
    .series__grid {
      padding: 30px 30px 0 30px;
      margin: -60px 30px 0 0; } }
  @media (min-width: 1200px) {
    .series__grid {
      padding: 40px 40px 0 40px;
      margin: -100px 0 0 0; } }

.series__grid .card-sm {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 40px;
  margin-bottom: 20px; }
  @media (min-width: 0) and (max-width: 599px) {
    .series__grid .card-sm {
      width: 48%;
      padding-right: 4%; }
      .series__grid .card-sm:nth-child(2n+2) {
        padding-right: 0; }
      .series__grid .card-sm:nth-child(2n+1):nth-last-child(-n+2), .series__grid .card-sm:nth-child(2n+1):nth-last-child(-n+2) ~ article {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 600px) and (max-width: 767px) {
    .series__grid .card-sm {
      width: 30%;
      padding-right: 5%; }
      .series__grid .card-sm:nth-child(3n+3) {
        padding-right: 0; }
      .series__grid .card-sm:nth-child(3n+1):nth-last-child(-n+3), .series__grid .card-sm:nth-child(3n+1):nth-last-child(-n+3) ~ article {
        border: 0;
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .series__grid .card-sm {
      width: 23%;
      padding-right: 2.66%; }
      .series__grid .card-sm:nth-child(4n+4) {
        padding-right: 0; }
      .series__grid .card-sm:nth-child(4n+1):nth-last-child(-n+4), .series__grid .card-sm:nth-child(4n+1):nth-last-child(-n+4) ~ article {
        border: 0;
        margin-bottom: 0; } }

@media (min-width: 0) and (max-width: 449px) {
  .series__grid .card-sm__img-bg {
    height: 120px; } }

@media (min-width: 450px) and (max-width: 599px) {
  .series__grid .card-sm__img-bg {
    height: 180px; } }

@media (min-width: 600px) {
  .series__grid .card-sm__img-bg {
    height: 140px; } }

@media (min-width: 1800px) {
  .series__grid .card-sm__img-bg {
    height: 180px; } }

.series {
  border-top: 1px solid #D6DFE8;
  padding: 0 0 40px 0; }
  @media (min-width: 600px) {
    .series {
      margin: 0 40px 0 20px; } }
  @media (min-width: 960px) {
    .series {
      margin: 0 60px 0 30px;
      padding: 20px 0 60px 0; } }
  @media (min-width: 1200px) {
    .series {
      margin: 0 40px; } }

.series__excerpt {
  border-bottom: 1px solid #D6DFE8;
  padding: 40px 0; }
  @media (min-width: 960px) {
    .series__excerpt {
      margin-bottom: 20px;
      padding: 40px 0 60px 0; } }

.series__excerpt .body-excerpt {
  margin-bottom: 0; }

.series__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 0 0 20px 0;
  display: block; }

.series__sticky-rail {
  border-bottom: 1px solid #D6DFE8;
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px 0; }
  @media (min-width: 960px) {
    .series__sticky-rail {
      padding: 40px 0 0 0;
      border: 0;
      display: block;
      margin: 0;
      position: sticky;
      top: 40px; } }

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

.series-body {
  display: flex;
  position: relative;
  flex-wrap: wrap; }
  @media (min-width: 960px) {
    .series-body {
      flex-wrap: nowrap; } }

.series-body__left {
  width: 100%;
  flex-shrink: 0; }
  @media (min-width: 768px) {
    .series-body__left {
      width: 65%;
      flex-shrink: 1; } }
  @media (min-width: 960px) {
    .series-body__left {
      width: 100%;
      padding-top: 40px; } }

.series-body__left.body-text {
  max-width: none; }

.series-body__right {
  width: 100%;
  flex-shrink: 0;
  margin: 40px 0 0 0; }
  @media (min-width: 768px) {
    .series-body__right {
      width: 30%;
      margin: 0 0 0 5%; } }
  @media (min-width: 960px) {
    .series-body__right {
      padding-top: 40px;
      width: 250px;
      flex-shrink: 0;
      margin: 0 0 0 60px; } }

.series-body__left-rail {
  width: 100%; }
  @media (min-width: 960px) {
    .series-body__left-rail {
      padding: 0 40px 0 0;
      width: 120px;
      position: relative; } }

.series-body__right-title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .series-body__right-title {
      font-size: 16px; } }

.series-body__right .card-thumb {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 20px; }
  .series-body__right .card-thumb:not(:last-child) {
    margin-bottom: 20px; }

.live__topper {
  margin: -40px 0 0 0;
  padding: 0 20px;
  width: 100%;
  z-index: 2;
  min-height: 120px;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 600px) {
    .live__topper {
      margin: -60px 0 0 0; } }
  @media (min-width: 768px) {
    .live__topper {
      margin: -80px 0 0 0; } }
  @media (min-width: 960px) {
    .live__topper {
      margin: -90px 0 0 0;
      padding: 0 30px; } }
  @media (min-width: 1200px) {
    .live__topper {
      margin: -100px 0 0 0;
      padding: 0 40px; } }

.live__topper-link {
  width: 100%;
  background-color: #22324b;
  display: block;
  position: relative;
  height: 300px;
  overflow: hidden;
  margin: 0 0 20px 0; }
  .live__topper-link--offline .live__topper-img {
    filter: grayscale(1);
    opacity: 0.5; }
  .live__topper-link--offline .live__topper-label {
    background-color: #161F2D; }
  .live__topper-link:hover .live__topper-img-overlay, .live__topper-link:focus .live__topper-img-overlay {
    opacity: 0.6; }
  .live__topper-link:hover .live__topper-img, .live__topper-link:focus .live__topper-img {
    opacity: 1;
    filter: grayscale(0); }
  @media (min-width: 600px) {
    .live__topper-link {
      width: 50%;
      margin: 0; } }
  @media (min-width: 960px) {
    .live__topper-link {
      width: 33.3%; } }
  @media (min-width: 1400px) {
    .live__topper-link {
      height: 350px; } }

.live__topper-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;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3; }

.live__topper-title-wrapper {
  position: absolute;
  left: 18px;
  bottom: 12px;
  z-index: 3;
  max-width: 260px;
  margin-right: 30px; }
  @media (min-width: 600px) {
    .live__topper-title-wrapper {
      left: 30px;
      bottom: 24px; } }

.live__topper-title {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  color: #161F2D;
  font-size: 22px;
  display: inline-block;
  line-height: 1.2em; }
  @media (min-width: 960px) {
    .live__topper-title {
      font-size: 25px; } }

.live__topper-title span {
  position: relative;
  background-color: #FFFFFF;
  padding: 0.15em 0;
  box-shadow: 0.4em 0px 0px #FFFFFF, -0.4em 0px 0px #FFFFFF;
  box-decoration-break: clone; }

.live__topper-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2BA6FF;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen;
  z-index: 2; }

.live__topper-img {
  filter: contrast(1.2);
  display: block;
  z-index: 1;
  transition: filter 0.2s, opacity 0.2s;
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  opacity: 0.95; }

.podcasts__featured {
  background-color: #273142;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  max-width: 1850px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    .podcasts__featured {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .podcasts__featured {
      padding: 40px; } }

.podcasts__featured .card-podcast {
  margin-bottom: 60px; }
  @media (min-width: 0) and (max-width: 449px) {
    .podcasts__featured .card-podcast {
      width: 100%;
      margin-bottom: 40px; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .podcasts__featured .card-podcast {
      width: 48%;
      padding-right: 4%; }
      .podcasts__featured .card-podcast:nth-child(2n+2) {
        padding-right: 0; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .podcasts__featured .card-podcast {
      width: 31%;
      padding-right: 3.5%; }
      .podcasts__featured .card-podcast:nth-child(3n+3) {
        padding-right: 0; } }
  @media (min-width: 1200px) {
    .podcasts__featured .card-podcast {
      width: 18%;
      padding-right: 2.5%;
      margin-bottom: 0; }
      .podcasts__featured .card-podcast:nth-child(5n+5) {
        padding-right: 0; } }

.podcasts__player {
  background-color: #161F2D;
  padding: 20px;
  position: relative;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 960px) {
    .podcasts__player {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .podcasts__player {
      padding: 40px; } }

.podcasts__player-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 10px 0; }
  @media (min-width: 600px) {
    .podcasts__player-header {
      font-size: 22px; } }

.podcasts__player-header span {
  color: #F83036; }

.podcasts__player-source {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 10px 0 0 0;
  display: block; }

.podcasts__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .podcasts__header {
      font-size: 16px; } }

.podcasts__grid {
  display: flex;
  flex-wrap: wrap; }

.podcasts__grid .card-podcast {
  margin-bottom: 60px; }
  @media (min-width: 0) and (max-width: 449px) {
    .podcasts__grid .card-podcast {
      width: 100%;
      margin-bottom: 40px; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .podcasts__grid .card-podcast {
      width: 48%;
      padding-right: 4%; }
      .podcasts__grid .card-podcast:nth-child(2n+2) {
        padding-right: 0; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .podcasts__grid .card-podcast {
      width: 31%;
      padding-right: 3.5%; }
      .podcasts__grid .card-podcast:nth-child(3n+3) {
        padding-right: 0; } }
  @media (min-width: 960px) and (max-width: 1199px) {
    .podcasts__grid .card-podcast {
      width: 23%;
      padding-right: 2.66%; }
      .podcasts__grid .card-podcast:nth-child(4n+4) {
        padding-right: 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .podcasts__grid .card-podcast {
      width: 31%;
      padding-right: 3.5%; }
      .podcasts__grid .card-podcast:nth-child(3n+3) {
        padding-right: 0; } }
  @media (min-width: 1400px) {
    .podcasts__grid .card-podcast {
      width: 23%;
      padding-right: 2.66%; }
      .podcasts__grid .card-podcast:nth-child(4n+4) {
        padding-right: 0; } }

.podcasts__legal {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7e97ad; }
  @media (min-width: 1200px) {
    .podcasts__legal {
      font-size: 16px; } }
  @media (min-width: 960px) {
    .podcasts__legal {
      width: 48%; } }
  @media (min-width: 1200px) {
    .podcasts__legal {
      width: 65%; } }
  @media (min-width: 1400px) {
    .podcasts__legal {
      width: 48%; } }

.podcasts__legal p:not(:last-child) {
  margin-bottom: 20px; }

.subscribe-page__topper {
  background-color: #273142;
  display: flex;
  flex-direction: column;
  padding: 40px 20px 20px 20px;
  justify-content: space-between;
  box-sizing: border-box;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .subscribe-page__topper {
      flex-direction: row; } }
  @media (min-width: 960px) {
    .subscribe-page__topper {
      padding: 50px 30px 30px 30px; } }
  @media (min-width: 1200px) {
    .subscribe-page__topper {
      padding: 60px 40px; } }

.subscribe-page__topper-intro {
  margin: 0 0 40px 0; }
  @media (min-width: 768px) {
    .subscribe-page__topper-intro {
      width: 260px;
      margin: 0 40px 0 0;
      flex-shrink: 0;
      border-right: 1px solid #31445D;
      padding-right: 40px; } }
  @media (min-width: 1200px) {
    .subscribe-page__topper-intro {
      width: 300px; } }

.subscribe-page__topper-options {
  width: 100%;
  flex-shrink: 1; }

.subscribe-page__topper-header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #FFFFFF; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .subscribe-page__topper-header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .subscribe-page__topper-header {
      font-size: 30px; } }

.subscribe-page__topper-disclaimer {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7e97ad;
  margin: 15px 0 0 0; }
  @media (min-width: 1200px) {
    .subscribe-page__topper-disclaimer {
      font-size: 16px; } }

.subscribe-page__topper-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #31445D;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin: 0; }
  @media (min-width: 600px) {
    .subscribe-page__topper-cta {
      font-size: 16px; } }

.subscribe-page__topper-cols {
  display: flex;
  flex-direction: column; }
  @media (min-width: 960px) {
    .subscribe-page__topper-cols {
      flex-direction: row; } }

.subscribe-page__topper-col label:last-child {
  margin-bottom: 0; }

@media (min-width: 960px) {
  .subscribe-page__topper-col {
    width: 50%; }
    .subscribe-page__topper-col:first-child {
      padding-right: 40px; } }

.subscribe-page__subscribe {
  display: block;
  box-sizing: border-box;
  background-color: #161F2D;
  width: 100%;
  padding: 30px;
  position: relative;
  margin: 40px 0 0 0; }

.subscribe-page__subscribe .form-success {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #273142;
  padding: 20px;
  box-shadow: border-box;
  display: none; }

.guide__col {
  display: flex;
  flex-direction: column; }
  .guide__col:first-child .guide__col-left {
    border-top: 0;
    padding-top: 0; }
  .guide__col:last-child .guide__col-right {
    padding-bottom: 0; }
  .guide__col:last-child .guide__col-left {
    padding-bottom: 0; }
  @media (min-width: 960px) {
    .guide__col {
      flex-direction: row; }
      .guide__col:first-child {
        padding-top: 40px; } }

.guide__col-left {
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  border-top: 4px solid #161F2D;
  padding: 40px 0; }
  @media (min-width: 960px) {
    .guide__col-left {
      border-top: 0;
      display: block;
      width: 180px;
      flex-shrink: 0;
      padding: 0 20px 100px 0;
      text-align: right; } }

.guide__col-right {
  margin-bottom: 40px; }
  @media (min-width: 960px) {
    .guide__col-right {
      border-left: 1px solid #D6DFE8;
      padding: 0 0 100px 40px;
      margin-bottom: 80px;
      width: 100%;
      margin-bottom: 0;
      flex-shrink: 1; } }

.guide__chapter-number {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 0 0 10px 0;
  position: relative; }
  @media (min-width: 960px) {
    .guide__chapter-number:after {
      content: '';
      display: block;
      width: 7px;
      height: 7px;
      background-color: #F83036;
      border-radius: 50%;
      position: absolute;
      top: 0px;
      right: -27px;
      border: 3px solid #FFFFFF; } }

.guide__chapter-name {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  hyphens: auto;
  margin: 0 0 20px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .guide__chapter-name {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .guide__chapter-name {
      font-size: 30px; } }

@media (min-width: 600px) and (max-width: 959px) {
  .guide__chapter-desc {
    max-width: 50%; } }

@media (min-width: 0) and (max-width: 959px) {
  .guide__chapter-desc {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.45em; } }
  @media (min-width: 0) and (max-width: 959px) and (min-width: 600px) {
    .guide__chapter-desc {
      font-size: 16px;
      line-height: 1.5em; } }
  @media (min-width: 0) and (max-width: 959px) and (min-width: 1400px) {
    .guide__chapter-desc {
      font-size: 18px; } }

@media (min-width: 960px) {
  .guide__chapter-desc {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    color: #7e97ad; } }

.guide__basic {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .guide__basic {
      flex-direction: row; } }

.guide__basic-hero {
  width: 100%;
  margin: 0 0 40px 0; }
  @media (min-width: 768px) {
    .guide__basic-hero {
      width: 60%;
      flex-shrink: 0;
      margin: 0; } }

.guide__basic-posts {
  width: 100%; }
  @media (min-width: 768px) {
    .guide__basic-posts {
      width: 40%;
      flex-shrink: 1;
      padding: 0 0 0 40px; } }

.guide__basic-posts .card-thumb:not(:last-child) {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 10px;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .guide__basic-posts .card-thumb:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px; } }

.guide__quote {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .guide__quote {
      flex-direction: row; } }

.guide__quote-quote {
  width: 100%; }
  @media (min-width: 768px) {
    .guide__quote-quote {
      width: 50%; } }

.guide__quote-posts {
  width: 100%;
  margin: 0 0 40px 0; }
  @media (min-width: 768px) {
    .guide__quote-posts {
      width: 50%;
      padding: 0 40px 0 0;
      margin: 0; } }

.guide__quote-posts .card-thumb:not(:last-child) {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 10px;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .guide__quote-posts .card-thumb:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px; } }

.guide__quote-quote .pullquote__quote {
  max-width: 450px; }

.guide__series {
  display: flex;
  flex-direction: column; }
  @media (min-width: 960px) {
    .guide__series {
      flex-direction: row; } }

.guide__series-title {
  position: absolute;
  top: 20px;
  left: 20px; }
  @media (min-width: 600px) {
    .guide__series-title {
      top: 40px;
      left: 40px; } }

.guide__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;
  margin-bottom: 10px;
  display: inline-block; }

.guide__series-link {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  padding-right: 20px; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .guide__series-link {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .guide__series-link {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .guide__series-link {
      font-size: 25px;
      line-height: 1.15em; } }
  @media (min-width: 600px) {
    .guide__series-link {
      padding-right: 40px; } }
  @media (min-width: 768px) {
    .guide__series-link {
      padding-right: 60px; } }

.guide__series-link a {
  display: block;
  text-decoration: none; }
  .guide__series-link a span {
    box-shadow: 0;
    color: #FFFFFF;
    transition: color 0.2s, box-shadow 0.2s; }
  .guide__series-link a:hover span, .guide__series-link a:focus span {
    color: #FFFFFF;
    box-shadow: 0 -3px 0 #FFFFFF inset; }
  @media (min-width: 768px) {
    .guide__series-link a {
      display: block;
      text-decoration: none; }
      .guide__series-link a span {
        box-shadow: 0;
        color: #FFFFFF;
        transition: color 0.2s, box-shadow 0.2s; }
      .guide__series-link a:hover span, .guide__series-link a:focus span {
        color: #FFFFFF;
        box-shadow: 0 -5px 0 #FFFFFF inset; } }

.guide__series-feature {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  min-height: 70vh;
  background-color: #273142; }
  @media (min-width: 960px) {
    .guide__series-feature {
      width: 70%;
      flex-shrink: 1;
      min-height: 500px; } }
  @media (min-width: 1200px) {
    .guide__series-feature {
      min-height: 600px; } }

.guide__series-feature-card {
  position: relative;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.guide__series-feature-body {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 20px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  max-width: 650px; }
  @media (min-width: 600px) {
    .guide__series-feature-body {
      width: 75%;
      padding: 40px 40px 0 0; } }

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

.guide__series-feature-byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 15px 0 0 0; }

.guide__series-feature-byline span {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  padding-right: 5px; }

.guide__series-feature-meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

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

.guide__series-more {
  width: 100%;
  background-color: #161F2D;
  padding: 30px;
  box-sizing: border-box;
  margin-top: 40px; }
  @media (min-width: 960px) {
    .guide__series-more {
      margin-top: 0;
      width: 30%; } }

.guide__series-more-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;
  padding-bottom: 3px;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .guide__series-more-header {
      font-size: 16px; } }

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

.guide__single-figure {
  position: relative;
  min-height: 150px;
  background-color: #F1F8FC;
  overflow: hidden;
  max-height: 70vh; }

.guide__single-img {
  display: block;
  transform: translate3d(0, 0, 0);
  width: 100%; }
  .guide__single-img img {
    width: 100%; }
  .guide__single-img:hover .guide__single-play, .guide__single-img:focus .guide__single-play {
    transform: translateX(0);
    background-color: #F83036; }
  .guide__single-img:hover .guide__single-overlay, .guide__single-img:focus .guide__single-overlay {
    opacity: 0.7; }
  .guide__single-img:hover .guide__single-play-icon svg, .guide__single-img:focus .guide__single-play-icon svg {
    fill: #FFFFFF; }

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

.guide__single-play {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  transform: translateX(100%) translateX(-40px);
  transition: transform 0.2s, background-color 0.2s;
  z-index: 2;
  height: 40px; }

.guide__single-play-icon {
  width: 40px;
  height: 12px;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .guide__single-play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    transition: fill 0.2s; }

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

.guide__single-play-cta span {
  opacity: 0.6; }

.guide__single-feature-body {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 20px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  max-width: 650px; }
  @media (min-width: 600px) {
    .guide__single-feature-body {
      width: 50%;
      padding: 40px 40px 0 0; } }

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

.guide__single-feature-byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 15px 0 0 0; }

.guide__single-feature-byline span {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  padding-right: 5px; }

.guide__single-feature-meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

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

.guide__slider {
  background-color: #F1F8FC;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px;
  overflow: hidden;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 960px) {
    .guide__slider {
      padding: 40px 30px; } }
  @media (min-width: 1200px) {
    .guide__slider {
      padding: 40px; } }

.guide__slider-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .guide__slider-header {
      font-size: 16px; } }

.guide__slider-header span {
  padding-right: 80px; }

.guide__slider-carousel .card-sm {
  width: 180px;
  margin-right: 20px; }
  @media (min-width: 600px) {
    .guide__slider-carousel .card-sm {
      width: 220px; } }

.guide__slider-carousel .card-sm__play {
  background-color: #F1F8FC; }

.live-blog__col {
  display: flex;
  flex-direction: column;
  margin: -20px 0 0 0; }
  @media (min-width: 960px) {
    .live-blog__col {
      margin: 22px 0 0 0;
      flex-direction: row; } }

.live-blog__col-left {
  display: none; }
  @media (min-width: 960px) {
    .live-blog__col-left {
      position: relative;
      box-sizing: border-box;
      border-top: 0;
      display: block;
      width: 165px;
      flex-shrink: 0;
      padding: 0 20px 100px 0;
      text-align: right; } }

.live-blog__col-right {
  margin-bottom: 40px; }
  @media (min-width: 960px) {
    .live-blog__col-right {
      border-left: 1px solid #D6DFE8;
      padding: 0 0 100px 40px;
      margin-bottom: 80px;
      width: 100%;
      margin-bottom: 0;
      flex-shrink: 1; } }

.live-blog__nav li {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #D6DFE8; }
  @media (min-width: 960px) {
    .live-blog__nav li {
      margin: 0 0 40px 0;
      padding: 0;
      border: 0; } }

.live-blog__nav-time {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 0 0 5px 0;
  position: relative; }
  @media (min-width: 960px) {
    .live-blog__nav-time:after {
      content: '';
      display: block;
      width: 7px;
      height: 7px;
      background-color: #F83036;
      border-radius: 50%;
      position: absolute;
      top: 0px;
      right: -27px;
      border: 3px solid #FFFFFF; } }

.live-blog__nav-name {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D; }
  .live-blog__nav-name:hover, .live-blog__nav-name:focus {
    color: #F83036; }

.live-blog__article {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #D6DFE8; }
  @media (min-width: 960px) {
    .live-blog__article {
      padding-bottom: 60px;
      margin-bottom: 60px; } }

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

.live-blog__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 15px 0 0 0; }

.live-blog__body {
  margin: 40px 0 0 0; }

.live-blog__img {
  margin: 0 0 40px 0;
  max-height: 60vh;
  overflow: hidden; }
  .live-blog__img img {
    width: 100%; }

.live-blog__related-link {
  margin: 40px 0 0 0;
  max-width: 650px; }

.live-blog__video-placeholder {
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  background-color: #F1F8FC; }

@media (min-width: 600px) {
  .live-blog__video--fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 6;
    width: 300px;
    background-color: #273142;
    padding: 15px;
    box-sizing: border-box; } }

@media (min-width: 1200px) {
  .live-blog__video--fixed {
    bottom: 40px;
    right: 40px; } }

.live-blog__iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.live-blog__iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.live-blog__top {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #F83036;
  position: fixed;
  bottom: 20px;
  left: 20px;
  transition: background-color 0.2s; }
  .live-blog__top svg {
    fill: #FFFFFF;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 auto;
    padding-bottom: 3px; }
  .live-blog__top:hover, .live-blog__top:focus {
    background-color: #161F2D;
    outline: 0; }

.live-blog__share {
  margin: 0 0 40px 0; }
  .live-blog__share .share {
    border-bottom: 1px solid #D6DFE8; }
  .live-blog__share .share__body {
    display: none; }
  .live-blog__share .share__header {
    width: 70px;
    margin-left: auto; }
  .live-blog__share .share__header-btn {
    width: 70px;
    border: 0;
    padding-left: 0; }
  @media (min-width: 960px) {
    .live-blog__share {
      margin: 0 0 60px 0; }
      .live-blog__share .share__header-list {
        left: calc(100% + 10px); }
      .live-blog__share .share__header {
        margin-left: 0; } }

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

.narrative__page {
  max-width: 1850px;
  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;
  align-items: stretch;
  justify-content: space-between;
  transform: translateY(-71px);
  transition: transform 0.2s, opacity 0.2s;
  box-sizing: border-box;
  opacity: 0;
  display: flex; }
  .narrative__nav--visible {
    transform: translateY(0);
    opacity: 1; }
  @media (min-width: 960px) {
    .narrative__nav {
      height: 71px; } }

.narrative__nav-chapters {
  display: flex;
  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.16em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 51px;
  transition: background-color 0.2s; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__nav-title {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__nav-title {
      font-size: 30px; } }
  .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: flex;
  align-items: center;
  padding: 0 10px;
  flex: 1;
  transition: background-color 0.2s;
  position: relative;
  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 {
      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.16em;
  font-weight: bold;
  color: #31445d;
  transition: color 0.2s; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__nav-chapter-number {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__nav-chapter-number {
      font-size: 30px; } }
  @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 {
      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: 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.16em;
  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: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__hero-intro h2 {
      font-size: 30px; } }
  @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: #7e97ad;
  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: #7e97ad; }
  @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;
  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__label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #7e97ad;
  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: flex;
  align-items: 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: flex;
  z-index: 2;
  align-items: stretch;
  position: relative;
  flex-direction: column; }
  @media (min-width: 960px) {
    .narrative__chapter-cols {
      flex-direction: row; } }

.narrative__chapter-col-sticky {
  width: 100%;
  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: flex;
  border-top: 1px solid #D6DFE8; }
  @media (min-width: 960px) {
    .narrative__sticky {
      display: block;
      padding: 100px 0 0 0;
      border: 0;
      position: sticky;
      top: 0; } }

.narrative__chapter-col-body {
  width: 100%;
  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: calc(100% + 10px); } }

.narrative__chapter-number {
  position: relative;
  padding: 10px 0;
  display: flex;
  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: #7e97ad; }
  @media (min-width: 960px) {
    .narrative__chapter-number-label {
      position: absolute;
      top: 50%;
      z-index: 2;
      left: 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: flex;
  flex-direction: column;
  margin: 40px 0 0 0; }
  .narrative__two-col--reverse {
    flex-direction: column-reverse; }
  @media (min-width: 960px) {
    .narrative__two-col {
      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%;
      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%;
        flex-shrink: 0; } }
  @media (min-width: 960px) {
    .narrative__two-col__col--wide {
      width: 60%;
      flex-shrink: 1;
      margin-left: 80px; } }

.narrative__card-grid {
  display: flex;
  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: #7e97ad;
  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.16em;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__factoid-box h3 {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__factoid-box h3 {
      font-size: 30px; } }

.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: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .narrative__small-header {
      font-size: 16px; } }

.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: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__basic h2 {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .narrative__basic h2 {
      font-size: 25px;
      line-height: 1.15em; } }

.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: flex;
  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 {
    filter: grayscale(1);
    opacity: .5; }

.narrative__footer {
  background-color: #161F2D; }
  .narrative__footer .footer {
    margin: 0 auto; }

@media (min-width: 0) and (max-width: 599px) {
  .page__body-content--author {
    display: block; } }

.author__photo-wrapper {
  flex-shrink: 0;
  margin-top: 10px; }
  @media (min-width: 600px) {
    .author__photo-wrapper {
      max-width: 150px;
      margin-right: 40px;
      display: block;
      min-width: 60px; } }
  @media (min-width: 768px) {
    .author__photo-wrapper {
      max-width: 200px;
      margin-top: 0;
      margin-right: -80px;
      min-width: 80px; } }
  @media (min-width: 960px) {
    .author__photo-wrapper {
      min-width: 90px; } }
  @media (min-width: 1200px) {
    .author__photo-wrapper {
      max-width: 250px;
      min-width: 100px; } }
  @media (min-width: 1800px) {
    .author__photo-wrapper {
      max-width: 300px;
      min-width: 80px; } }

.author__photo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  margin: -8px 20px 0 0;
  background-size: cover;
  background-position: top center;
  float: left; }
  .author__photo img {
    width: 100%;
    opacity: 0; }
  @media (min-width: 450px) {
    .author__photo {
      margin: -28px 20px 0 0;
      width: 100px;
      height: 100px; } }
  @media (min-width: 600px) {
    .author__photo {
      width: 150px;
      height: 150px;
      margin: 0 0 40px 0; } }
  @media (min-width: 768px) {
    .author__photo {
      width: 200px;
      height: 200px; } }
  @media (min-width: 1200px) {
    .author__photo {
      width: 250px;
      height: 250px; } }
  @media (min-width: 1800px) {
    .author__photo {
      width: 300px;
      height: 300px; } }

.author .author__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  max-width: none; }
  @media (min-width: 600px) {
    .author .author__header {
      font-size: 16px; } }
  @media (min-width: 380px) {
    .author .author__header {
      display: flex;
      justify-content: space-between; } }

.author__header .author__social svg {
  width: 14px;
  height: 14px; }

.author__header .author__social .author__contact-twitter {
  box-shadow: none; }

.author__info .author__intro, .author__info .author__intro p {
  margin-top: 0; }

.author__info p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #31445d; }
  @media (min-width: 1200px) {
    .author__info p {
      font-size: 16px; } }
  .author__info p a {
    color: #F83036;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 -1px 0 #D6DFE8 inset;
    transition: color 0.2s, box-shadow 0.2s; }
    .author__info p a:hover, .author__info p a:focus {
      color: #161F2D;
      box-shadow: 0 -2px 0 #161F2D inset; }

.author__info iframe {
  margin: 20px 0 0 0; }

.author__bio-toggle {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  display: inline-block;
  background-color: #F1F8FC; }

.author__bio-toggle {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #31445d;
  background-color: #F1F8FC;
  padding: 6px 8px 5px 8px;
  display: inline-block;
  margin-bottom: 40px;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: color 0.2s, background-color 0.2s; }
  .author__bio-toggle:focus {
    background-color: #E2ECF2; }
  .author__bio-toggle:hover {
    color: #FFFFFF;
    background-color: #F83036; }
  .author__bio-toggle:after {
    content: ' +'; }
  .js-author-bio-is-visible .author__bio-toggle:after {
    content: ' –'; }

.js-author-bio {
  overflow: hidden;
  max-height: 0;
  transition: color 0.2s; }
  .js-author-bio-is-visible .js-author-bio {
    max-height: 1000vh; }

.author__contact {
  width: 100%;
  margin: 0 0 40px 0; }

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

.author__contact-list {
  border-top: 1px solid #D6DFE8; }

.author__contact-list li {
  border-bottom: 1px solid #D6DFE8;
  padding: 15px 0; }

.author__contact-twitter {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  display: flex;
  align-items: center; }
  .author__contact-twitter svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .author__contact-twitter:hover, .author__contact-twitter:focus {
    color: #161F2D; }
    .author__contact-twitter:hover svg, .author__contact-twitter:focus svg {
      fill: #161F2D; }
  .author__contact-twitter svg {
    width: 20px;
    height: 20px;
    margin-right: 5px; }

.author__cards {
  margin: 40px 0 0 0; }
  .author__cards article:last-child {
    border-bottom: 0;
    margin-bottom: 0; }
  .author__cards .card-text--large .card-text__meta a {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500; }

.algolia-search {
  display: flex; }

.algolia-search__input {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  padding: 20px;
  border: 1px solid #D6DFE8;
  margin-right: 20px; }

.algolia-search__submit {
  font-size: 14px;
  color: #FFFFFF;
  padding: 20px;
  background-color: #F83036;
  transition: background-color 0.2s; }
  .algolia-search__submit:hover, .algolia-search__submit:focus {
    background-color: #161F2D; }

.search-result {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
  border-bottom: 1px solid #D6DFE8; }
  .search-result:last-child {
    border-bottom: 0; }
  @media (min-width: 450px) {
    .search-result {
      flex-direction: row-reverse; } }
  @media (min-width: 600px) {
    .search-result {
      flex-direction: row; } }

.search-result__figure {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%; }
  @media (min-width: 450px) {
    .search-result__figure {
      width: 50%; } }
  @media (min-width: 600px) {
    .search-result__figure {
      width: 180px; } }
  @media (min-width: 1800px) {
    .search-result__figure {
      width: 220px; } }

.search-result__img-link {
  display: block;
  transform: translate3d(0, 0, 0); }
  .search-result__img-link img {
    width: 100%; }
  .search-result__img-link:hover .search-result__overlay, .search-result__img-link:focus .search-result__overlay {
    opacity: 0.7; }

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

.search-result__text {
  padding: 15px 0 0 0; }
  @media (min-width: 450px) {
    .search-result__text {
      padding: 0 20px 0 0; } }
  @media (min-width: 600px) {
    .search-result__text {
      padding: 0 0 0 20px; } }

.search-result__title {
  text-decoration: none;
  transition: color 0.2s;
  color: #F83036;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px; }
  .search-result__title:hover, .search-result__title:focus {
    color: #161F2D; }
  .search-result__title b {
    color: #161F2D;
    font-size: 18px;
    font-weight: bold;
    background-color: #E2ECF2;
    padding: 3px;
    text-decoration: none;
    display: inline-block; }

.search-result__snippet {
  font-size: 16px;
  color: #161F2D;
  max-width: 650px;
  line-height: 1.4em; }

.search-result__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 5px 0; }

.timeline-container {
  width: calc(100% - 40px);
  height: 50vh;
  padding: 20px 20px 0;
  padding-top: 20px; }
  @media (min-width: 600px) {
    .timeline-container {
      width: calc(100% - 40px);
      padding: 20px 20px 0; } }
  @media (min-width: 960px) {
    .timeline-container {
      width: calc(100% - 60px);
      padding: 20px 30px 0; } }
  @media (min-width: 1200px) {
    .timeline-container {
      width: calc(100% - 80px);
      padding: 20px 40px 0; } }

.above-timeline {
  border: none;
  padding: 15px 0 0 160px; }
  @media (max-width: 1200px) {
    .above-timeline {
      padding: 15px 0 0 150px; } }
  @media (max-width: 959px) {
    .above-timeline {
      padding: 20px 0; } }

.sidebar {
  background-color: #F1F8FC;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  padding: 20px 20px 0 20px;
  width: 100%;
  z-index: 4; }
  @media (min-width: 960px) {
    .sidebar {
      padding: 30px 30px 0 30px; } }
  @media (min-width: 1200px) {
    .sidebar {
      width: 380px;
      padding: 40px; } }
  .sidebar--feature {
    flex-shrink: 0; }
  .sidebar--video {
    flex-shrink: 0; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .sidebar--video {
        display: flex;
        flex-wrap: wrap; }
        .sidebar--video .watch-options {
          width: 48%;
          flex-shrink: 0;
          margin: 0 0 0 4%; }
        .sidebar--video .sidebar__ad {
          width: 48%;
          flex-shrink: 0; }
        .sidebar--video .sidebar__logo-pond {
          width: 100%; } }
    @media (min-width: 1200px) {
      .sidebar--video {
        margin-top: -60px; } }
  .sidebar--video-archive {
    flex-shrink: 0; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .sidebar--video-archive {
        display: flex;
        flex-wrap: wrap; }
        .sidebar--video-archive .watch-options {
          width: 48%;
          flex-shrink: 0;
          margin: 0 0 0 4%; }
        .sidebar--video-archive .sidebar__ad {
          width: 48%;
          flex-shrink: 0; }
        .sidebar--video-archive .sidebar__logo-pond {
          width: 100%; } }
  @media (min-width: 1200px) {
    .sidebar--tucked {
      margin-top: -180px; } }

.sidebar__ad .ad {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 0; }
  @media (min-width: 0) and (max-width: 339px) {
    .sidebar__ad .ad {
      margin-left: -20px;
      margin-right: -20px;
      text-align: center;
      width: calc(100% + 40px); } }
  @media (min-width: 340px) {
    .sidebar__ad .ad {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 360px) {
    .sidebar__ad .ad {
      background-color: #E2ECF2;
      padding: 20px; } }
  @media (min-width: 960px) {
    .sidebar__ad .ad {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .sidebar__ad .ad {
      margin: 0 0 40px 0;
      padding: 0;
      text-align: left;
      background-color: transparent; } }

.sidebar__logo-pond {
  margin: 40px 0 0 0; }
  @media (min-width: 1200px) {
    .sidebar__logo-pond {
      margin: 0 0 40px 0; } }

.sidebar__subscribe {
  display: none; }
  @media (min-width: 1200px) {
    .sidebar__subscribe {
      display: block;
      box-sizing: border-box;
      background-color: #161F2D;
      width: 100%;
      padding: 30px;
      position: relative;
      margin: 0 0 40px 0; } }

.sidebar__subscribe .form-success {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #273142;
  padding: 20px;
  box-shadow: border-box;
  display: none; }

.sidebar__watch {
  display: none; }
  @media (min-width: 1200px) {
    .sidebar__watch {
      display: block;
      width: 100%;
      margin: 0 0 40px 0; } }

.sidebar__watch .episode__logo {
  background-color: #F1F8FC; }

.sidebar__watch .episode__play {
  background-color: #F1F8FC; }

.sidebar__trending {
  display: none; }
  @media (min-width: 1200px) {
    .sidebar__trending {
      display: block;
      width: 100%;
      margin: 40px 0;
      position: sticky;
      top: 40px; } }

.sidebar__filler {
  display: none; }
  @media (min-width: 1200px) {
    .sidebar__filler {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      height: 100%;
      width: 380px;
      background-color: #F1F8FC;
      z-index: 1; } }

.sidebar__post-funders {
  display: none; }
  @media (min-width: 1200px) {
    .sidebar__post-funders {
      display: block;
      margin: 0 0 40px 0; } }

.sidebar__post-funders .post__logo-list .logo-list__funder:hover, .sidebar__post-funders .post__logo-list .logo-list__funder:focus {
  background-color: #FFFFFF; }

.nav {
  z-index: 2;
  position: relative;
  max-width: 1850px;
  margin: 0 auto; }

.nav__elements {
  position: relative;
  background-color: #161F2D;
  min-height: 140px; }
  @media (min-width: 600px) {
    .nav__elements {
      min-height: 120px; } }
  @media (min-width: 768px) {
    .nav__elements {
      min-height: 160px; } }
  @media (min-width: 960px) {
    .nav__elements {
      min-height: 180px; } }
  @media (min-width: 1200px) {
    .nav__elements {
      min-height: 200px; } }

.nav__links {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center; }
  @media (min-width: 600px) {
    .nav__links {
      top: 15px; } }
  @media (min-width: 960px) {
    .nav__links {
      top: 25px;
      right: 30px; } }
  @media (min-width: 1200px) {
    .nav__links {
      top: 35px;
      right: 40px; } }
  @media (min-width: 1870px) {
    .nav__links {
      right: 0; } }

.nav__link {
  margin-left: 6px; }
  .nav__link--watch svg {
    width: 10px;
    height: 10px; }
  .nav__link--podcasts svg {
    width: 12px;
    height: 14px;
    margin-bottom: 2px; }
  .nav__link--subscribe svg {
    width: 14px;
    height: 14px;
    margin-bottom: 1px; }
  @media (min-width: 0) and (max-width: 599px) {
    .nav__link {
      display: none; } }
  @media (min-width: 768px) {
    .nav__link {
      margin-left: 10px; } }

.nav__link a {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  line-height: 1em;
  display: flex;
  align-items: center;
  padding: 5px; }
  .nav__link a svg {
    fill: #FFFFFF;
    transition: fill 0.2s; }
  .nav__link a:hover, .nav__link a:focus {
    color: #F83036; }
    .nav__link a:hover svg, .nav__link a:focus svg {
      fill: #F83036; }
  .nav__link a svg {
    fill: #F83036;
    transition: fill 0.2s;
    margin-right: 5px; }

.nav__live {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  background-color: #F83036;
  padding: 6px 8px 5px 8px;
  display: block;
  margin-left: 10px;
  background-color: #354156;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: color 0.2s, background-color 0.2s; }
  .nav__live:hover, .nav__live:focus {
    color: #FFFFFF;
    background-color: #F83036; }
  .nav__live--active {
    color: #FFFFFF;
    animation-duration: 0.4s;
    animation-name: changeBackground;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out; }
  @media (min-width: 768px) {
    .nav__live {
      margin-left: 20px; } }

.nav__menu {
  margin: 0;
  padding: 25px 0 60px 0; }
  @media (min-width: 600px) {
    .nav__menu {
      margin: 0 20px 0 120px;
      padding: 20px 0 10px 0; } }
  @media (min-width: 768px) {
    .nav__menu {
      margin: 0 20px 0 160px;
      padding: 20px 0 10px 0; } }
  @media (min-width: 960px) {
    .nav__menu {
      margin: 0 30px 0 180px;
      padding: 30px 0 10px 0; } }
  @media (min-width: 1200px) {
    .nav__menu {
      margin: 0 480px 0 180px;
      padding: 40px 0 20px 0; } }
  @media (min-width: 1200px) {
    .nav__menu--full-width {
      margin-right: 40px; } }

.nav__title {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 12px 20px 15px 20px; }
  @media (min-width: 600px) and (max-width: 1399px) {
    .nav__title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1400 - 600)); } }
  @media (min-width: 1400px) {
    .nav__title {
      font-size: 60px; } }
  @media (min-width: 450px) {
    .nav__title {
      display: inline-block; } }
  @media (min-width: 600px) {
    .nav__title {
      padding: 70px 0 12px 0;
      margin: -0.83em 20px 0 120px; } }
  @media (min-width: 768px) {
    .nav__title {
      padding: 110px 0 10px 0;
      margin: -0.83em 20px 0 160px; } }
  @media (min-width: 960px) {
    .nav__title {
      margin: -0.83em 40px 0 180px;
      padding: 110px 0 10px 0; } }
  @media (min-width: 1200px) {
    .nav__title {
      margin: -0.83em 40px 0 200px;
      padding: 100px 0 12px 0; } }
  @media (min-width: 1200px) {
    .nav__title--full-width {
      margin-right: 40px; } }
  .nav__title--tag-page {
    text-transform: capitalize; }

.nav__title--red {
  color: #F83036; }

.nav__correspondent {
  padding: 0 20px 10px 20px; }
  @media (min-width: 450px) {
    .nav__correspondent {
      display: inline-block;
      padding: 0;
      position: relative;
      top: 9px; } }
  @media (min-width: 960px) {
    .nav__correspondent {
      top: 12px; } }

.nav__correspondent-inner {
  display: flex;
  min-width: 110px;
  align-items: center;
  justify-content: flex-start; }

.nav__correspondent-image {
  background-position: top center;
  background-size: cover;
  border-radius: 50%;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
  width: 40px; }
  .nav__correspondent-image img {
    display: block;
    opacity: 0;
    width: 100%; }
  @media (min-width: 960px) {
    .nav__correspondent-image {
      height: 60px;
      margin-right: 12px;
      width: 60px; } }

.nav__correspondent-text {
  color: #FFFFFF;
  font: 600 14px/1.25 "Akkurat", Arial, Helvetica, Verdana, sans-serif; }
  .nav__correspondent-text a {
    color: #F83036; }
    .nav__correspondent-text a:hover {
      color: #FFFFFF; }
  @media (min-width: 768px) {
    .nav__correspondent-text {
      padding-top: 1px;
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .nav__correspondent-text {
      padding-top: 2px;
      font-size: 18px; } }

.nav__menu-button {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  transition: color 0.2s;
  position: absolute;
  display: flex;
  align-items: center;
  padding: 5px;
  margin: -5px 0 0 -5px;
  right: 80px; }
  @media (min-width: 600px) {
    .nav__menu-button {
      right: auto; } }
  .nav__menu-button:hover {
    color: #F83036; }
    .nav__menu-button:hover .nav__hamburger-line:first-child, .nav__menu-button:hover .nav__hamburger-line:last-child {
      width: 50%;
      border-color: #FFFFFF; }
    .nav__menu-button:hover .nav__hamburger-line:first-child {
      transform: translateY(5.375px) rotateZ(45deg); }
    .nav__menu-button:hover .nav__hamburger-line:last-child {
      transform: translateY(-5.375px) rotateZ(-45deg); }
    .nav__menu-button:hover .nav__hamburger-line:nth-child(2) {
      width: 50%;
      border-color: #FFFFFF; }

.nav__hamburger-label {
  line-height: 1em;
  margin-left: 5px;
  padding-top: 2px; }

.nav__hamburger {
  position: relative;
  display: inline-block;
  line-height: 5px;
  width: 20px;
  cursor: pointer; }

.nav__hamburger-line {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 80%;
  border-top: 2px solid #F83036;
  transform-origin: 100% 50%;
  transition: 0.2s ease; }
  .nav__hamburger-line:first-child {
    transform: translateY(10px); }
  .nav__hamburger-line:last-child {
    transform: translateY(-10px); }

.nav__corner-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100px;
  width: 100px;
  clip-path: polygon(100% 0, 0 0, 0 100%); }
  .nav__corner-image img {
    height: 100%; }
  @media (min-width: 600px) {
    .nav__corner-image {
      height: 120px;
      width: 120px; } }
  @media (min-width: 768px) {
    .nav__corner-image {
      height: 160px;
      width: 160px; } }
  @media (min-width: 960px) {
    .nav__corner-image {
      height: 180px;
      width: 180px; } }
  @media (min-width: 1200px) {
    .nav__corner-image {
      height: 200px;
      width: 200px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nav__corner-image {
    display: none; } }

.post__byline {
  width: 100%;
  transition: margin 0.2s; }
  .post__byline--side {
    flex-shrink: 1;
    display: block;
    background-color: #FFFFFF;
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #D6DFE8;
    box-sizing: border-box; }
    @media (min-width: 960px) {
      .post__byline--side {
        margin: -60px 0 0 0;
        padding: 20px 0 0 0;
        min-height: 60px;
        border: 0; } }
  .post__byline--bottom {
    margin: 0 0 40px 0;
    box-sizing: border-box;
    width: auto; }
    @media (min-width: 600px) {
      .post__byline--bottom {
        margin: 30px 20px 30px 0; } }
    @media (min-width: 768px) {
      .post__byline--bottom {
        margin: 60px 250px 60px 0; } }
    @media (min-width: 960px) {
      .post__byline--bottom {
        max-width: 770px; } }
  @media (min-width: 960px) {
    .post__byline--below-video {
      margin: 0 !important; } }

.post__byline--side .post__byline-img-link {
  display: none; }
  @media (min-width: 960px) {
    .post__byline--side .post__byline-img-link {
      display: block;
      width: 80px;
      height: 80px;
      margin: 0 20px 10px 0;
      background-size: cover;
      background-position: top center; } }

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

@media (min-width: 0) and (max-width: 959px) {
  .post__byline--side .post__byline-name {
    display: inline; } }

@media (min-width: 0) and (max-width: 959px) {
  .post__byline--side .post__byline-name-hyphenated {
    display: none; } }

@media (min-width: 960px) {
  .post__byline--side .post__byline-name-unhyphenated {
    display: none; } }

.post__byline--side .post__byline-name-hyphenated span {
  opacity: 0; }

.post__byline--side .post__byline-name-association {
  color: #7e97ad; }
  @media (min-width: 960px) {
    .post__byline--side .post__byline-name-association {
      display: block;
      padding: 10px 0 0 0;
      margin: 10px 0 0 0;
      border-top: 1px solid #D6DFE8; } }

.post__byline--side .post__byline-caption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 960px) {
    .post__byline--side .post__byline-caption {
      font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
      font-size: 13px;
      line-height: 1.2em;
      font-weight: bold;
      color: #161F2D;
      width: 80px;
      margin: 0 0 15px 0; } }

.post__byline--side .post__byline-by {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  color: #7e97ad;
  font-weight: normal;
  padding: 0 3px 0 0; }
  @media (min-width: 960px) {
    .post__byline--side .post__byline-by {
      display: block;
      padding: 0 0 3px 0; } }

@media (min-width: 960px) {
  .post__byline--side .post__byline-address:not(:first-child) {
    margin-top: 20px; } }

.post__byline--bottom .post__byline-img-link {
  margin: 0 20px 0 0;
  background-size: cover;
  background-position: top center;
  width: 60px;
  height: 60px;
  background-color: #FFFFFF;
  flex-shrink: 0; }
  @media (min-width: 600px) {
    .post__byline--bottom .post__byline-img-link {
      border: 20px solid #F1F8FC;
      padding: 10px; } }
  @media (min-width: 960px) {
    .post__byline--bottom .post__byline-img-link {
      border: 40px solid #F1F8FC;
      width: 90px;
      height: 90px;
      margin: 0 40px 0 0; } }

.post__byline--bottom .post__byline-img {
  visibility: hidden; }

.post__byline--bottom .post__byline-caption {
  width: 100%;
  flex-shrink: 1; }

.post__byline--bottom .post__byline-name {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.25em;
  font-weight: bold;
  color: #161F2D;
  display: inline-block;
  vertical-align: middle; }
  @media (min-width: 600px) {
    .post__byline--bottom .post__byline-name {
      font-size: 16px; } }

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

.post__byline--bottom .post__byline-name-association {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  display: block;
  margin: 2px 0 0 0; }

.post__byline--bottom .post__byline-info {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #7e97ad; }
  @media (min-width: 1200px) {
    .post__byline--bottom .post__byline-info {
      font-size: 16px; } }
  .post__byline--bottom .post__byline-info p {
    margin: 15px 0 20px 0; }
  .post__byline--bottom .post__byline-info iframe {
    display: none; }

.post__byline--bottom .post__byline-twitter {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  display: flex;
  align-items: center;
  margin-top: 10px; }
  .post__byline--bottom .post__byline-twitter svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .post__byline--bottom .post__byline-twitter:hover, .post__byline--bottom .post__byline-twitter:focus {
    color: #161F2D; }
    .post__byline--bottom .post__byline-twitter:hover svg, .post__byline--bottom .post__byline-twitter:focus svg {
      fill: #161F2D; }
  .post__byline--bottom .post__byline-twitter svg {
    width: 20px;
    height: 20px;
    margin-right: 5px; }

.post__byline--bottom .post__byline-by {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  color: #7e97ad;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle; }
  @media (min-width: 600px) {
    .post__byline--bottom .post__byline-by {
      font-size: 16px; } }

.post__byline--bottom .post__byline-name-hyphenated {
  display: none; }

.post__byline--bottom hr {
  margin: 20px 0; }

.post__byline--bottom .post__byline-address {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  border-top: 1px solid #D6DFE8;
  padding: 20px 0; }
  .post__byline--bottom .post__byline-address:first-child {
    border-top: 4px solid #161F2D; }
  .post__byline--bottom .post__byline-address--with-image {
    padding: 40px 0; }

.post__aside {
  width: 100%;
  box-sizing: border-box;
  margin-top: 30px; }
  @media (min-width: 600px) {
    .post__aside--besideImage {
      position: absolute;
      top: 0;
      right: 0;
      width: 250px;
      padding: 20px;
      margin-top: 60px; } }
  @media (min-width: 768px) {
    .post__aside--besideImage {
      margin-top: 80px; } }
  @media (min-width: 960px) {
    .post__aside--besideImage {
      padding: 30px;
      margin-top: 90px; } }
  @media (min-width: 1200px) {
    .post__aside--besideImage {
      padding: 40px;
      margin-top: 0; } }
  .post__aside--belowImage {
    flex-shrink: 0; }
    @media (min-width: 600px) {
      .post__aside--belowImage {
        width: 250px;
        padding: 0 0 20px 60px;
        margin-top: 0; } }
    @media (min-width: 960px) {
      .post__aside--belowImage {
        padding: 40px 30px 30px 40px; } }
    @media (min-width: 1200px) {
      .post__aside--belowImage {
        padding: 40px; } }

@media (min-width: 380px) and (max-width: 599px) {
  .post__aside-components {
    display: flex;
    flex-wrap: wrap; } }

.post__aside-component {
  margin-bottom: 30px; }
  @media (min-width: 380px) and (max-width: 599px) {
    .post__aside-component {
      width: 50%;
      flex-shrink: 0;
      padding: 0 20px;
      box-sizing: border-box; }
      .post__aside-component:nth-child(2n+2) {
        padding-right: 0; }
      .post__aside-component:nth-child(2n+1) {
        padding-left: 0; } }
  @media (min-width: 600px) {
    .post__aside-component {
      margin-bottom: 40px; } }

.post__aside-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .post__aside-header {
      font-size: 16px; } }

.post__aside-li {
  border-bottom: 1px solid #D6DFE8;
  padding: 20px 0; }
  .post__aside-li:last-child {
    border-bottom: 0;
    padding-bottom: 0; }

.post__hero {
  margin: -40px 0 0 0;
  min-height: 120px;
  background-color: #E2ECF2; }
  .post__hero img {
    width: 100%; }
  .post__hero figure {
    max-height: 60vh;
    overflow: hidden; }
  @media (min-width: 600px) {
    .post__hero {
      margin: -60px 250px 0 0; } }
  @media (min-width: 768px) {
    .post__hero {
      margin: -80px 250px 0 0; } }
  @media (min-width: 960px) {
    .post__hero {
      min-height: 200px;
      margin: -90px 250px 0 0; } }
  @media (min-width: 1200px) {
    .post__hero {
      margin: -100px 250px 0 0; } }

.post__hero--wide {
  margin: -40px 0 0 0;
  position: relative;
  min-height: 120px;
  background-color: #E2ECF2; }
  .post__hero--wide img {
    width: 100%; }
  @media (min-width: 600px) {
    .post__hero--wide {
      margin: -60px 20px 0 0; } }
  @media (min-width: 768px) {
    .post__hero--wide {
      margin: -80px 20px 0 0; } }
  @media (min-width: 960px) {
    .post__hero--wide {
      min-height: 200px;
      margin: -90px 30px 0 0; } }
  @media (min-width: 1200px) {
    .post__hero--wide {
      margin: -100px 40px 0 0; } }

@media (min-width: 1400px) {
  .post__hero--wide figure {
    max-height: 62vh;
    overflow: hidden; } }

.post__hero-caption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  display: none;
  margin: 0 0 40px 0; }
  .post__hero-caption span {
    font-style: italic;
    font-weight: bold; }
  .post__hero-caption svg {
    display: block;
    width: 13px;
    height: 13px;
    margin-bottom: 10px;
    fill: #161F2D; }
  @media (min-width: 600px) {
    .post__hero-caption {
      display: block; } }

.post__hero-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.post__hero-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.post__topper {
  margin: -40px 0 0 0;
  padding: 0 20px;
  width: 100%;
  z-index: 2;
  min-height: 120px;
  max-height: 70vh;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .post__topper img,
  .post__topper video {
    display: block;
    width: 100%; }
  @media (min-width: 600px) {
    .post__topper {
      margin: -60px 0 0 0; } }
  @media (min-width: 768px) {
    .post__topper {
      margin: -80px 0 0 0; } }
  @media (min-width: 960px) {
    .post__topper {
      margin: -90px 0 0 0;
      padding: 0 30px; } }
  @media (min-width: 1200px) {
    .post__topper {
      margin: -100px 0 0 0;
      padding: 0 40px; } }

.video__aside {
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0; }
  @media (min-width: 600px) {
    .video__aside {
      width: 250px;
      padding: 18px 0 20px 40px; } }
  @media (min-width: 768px) {
    .video__aside {
      width: 290px; } }
  @media (min-width: 960px) {
    .video__aside {
      width: 250px;
      padding: 59px 40px 40px 40px; } }
  @media (min-width: 1200px) {
    .video__aside {
      margin-top: -60px;
      padding: 40px; } }

@media (min-width: 380px) and (max-width: 599px) {
  .video__aside-components {
    display: flex;
    flex-wrap: wrap; } }

.video__aside-component .card-sm__img-bg {
  height: 120px; }

.video__aside-component {
  margin-bottom: 40px; }
  @media (min-width: 0) and (max-width: 379px) {
    .video__aside-component .card-sm__img-bg {
      height: 200px; } }
  @media (min-width: 380px) and (max-width: 599px) {
    .video__aside-component {
      width: 50%;
      flex-shrink: 0;
      padding: 0 20px;
      box-sizing: border-box; }
      .video__aside-component:nth-child(2n+2) {
        padding-right: 0; }
      .video__aside-component:nth-child(2n+1) {
        padding-left: 0; } }
  @media (min-width: 0) and (max-width: 599px) {
    .video__aside-component--loner {
      width: 100%;
      padding-right: 0; }
      .video__aside-component--loner .card-sm__img-bg {
        height: 250px; } }

.video__aside-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .video__aside-header {
      font-size: 16px; } }

.video__aside-li {
  border-bottom: 1px solid #D6DFE8;
  padding: 20px 0; }
  .video__aside-li:last-child {
    border-bottom: 0; }

.video-transcript {
  border-top: 1px solid #D6DFE8; }

.vt__excerpt {
  margin: 0 0 40px 0; }

.vt__person {
  border-bottom: 1px solid #D6DFE8;
  padding: 20px; }
  .vt__person--host {
    background-color: #F1F8FC; }

.vt__body {
  width: 100%; }

.vt__header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 10px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .vt__header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .vt__header {
      font-size: 30px; } }

.related-video {
  display: flex;
  align-items: stretch;
  background-color: #161F2D;
  transition: background-color 0.2s;
  position: relative; }
  .related-video svg {
    width: 12px;
    height: 13px;
    fill: #F83036; }
  .related-video:hover, .related-video:focus {
    background-color: #F1F8FC; }
    .related-video:hover .related-video__play, .related-video:focus .related-video__play {
      transform: translate(8px, -50%); }
    .related-video:hover .related-video__label, .related-video:focus .related-video__label {
      color: #7e97ad; }
    .related-video:hover .related-video__title, .related-video:focus .related-video__title {
      color: #161F2D; }
    .related-video:hover .related-video__overlay, .related-video:focus .related-video__overlay {
      opacity: 0.6; }

.related-video__img {
  width: 80px;
  flex-shrink: 0;
  position: relative;
  background-size: cover;
  background-position: center; }
  @media (min-width: 768px) {
    .related-video__img {
      width: 150px; } }

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

.related-video__text {
  flex-shrink: 1;
  padding: 20px 50px 20px 20px; }
  @media (min-width: 0) and (max-width: 599px) {
    .related-video__text {
      padding: 15px; } }

.related-video__label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  margin-bottom: 5px;
  transition: color 0.2s; }

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

.related-video__play {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.2s; }
  @media (min-width: 0) and (max-width: 599px) {
    .related-video__play {
      display: none; } }

@media (min-width: 0) and (max-width: 959px) {
  .share {
    margin-left: auto; } }

.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;
  transition: color 0.2s;
  width: 70px; }
  .share__header-btn svg {
    width: 16px;
    height: 4px;
    fill: #F83036;
    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: 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;
  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;
  transition: color 0.2s, box-shadow 0.2s;
  padding: 10px 0;
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 0; }
  .share__header-list a svg {
    fill: #FFFFFF;
    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(0) {
  opacity: 1;
  transition-delay: 0s; }

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

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

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

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

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

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

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

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

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

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

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

.share__body a {
  display: block;
  padding: 12px;
  line-height: 0;
  width: 50%;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center; }
  .share__body a svg {
    width: 16px;
    height: 16px;
    fill: #F83036;
    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%;
  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; }

.comments.open .comments__drawer {
  transform: translateX(0%);
  box-shadow: -2px 0 6px rgba(18, 94, 149, 0.6); }

.comments__drawer {
  width: 100%;
  background-color: #FFFFFF;
  z-index: 20001;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: transform 0.3s;
  box-shadow: 0; }
  @media (min-width: 600px) {
    .comments__drawer {
      width: 600px; } }

.comments__drawer-scroll {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.comments__topper {
  background-color: #F1F8FC;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  position: relative; }
  @media (min-width: 960px) {
    .comments__topper {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .comments__topper {
      padding: 40px; } }

.comments__header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin-right: 40px; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .comments__header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .comments__header {
      font-size: 30px; } }

.comments__disqus {
  padding: 20px;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    .comments__disqus {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .comments__disqus {
      padding: 40px; } }

.comments__close {
  width: 40px;
  height: 40px;
  background-color: #F83036;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s; }
  .comments__close svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    display: block;
    margin: 0 auto; }
  .comments__close:hover, .comments__close:focus {
    background-color: #161F2D;
    outline: 0; }

.comments__overlay {
  position: fixed;
  z-index: 20000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2BA6FF;
  opacity: 0;
  visibility: hidden; }

@media (min-width: 0) and (max-width: 959px) {
  .comments__btn {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    transition: color 0.2s;
    margin: 11px 10px 10px 0; }
    .comments__btn:hover, .comments__btn:focus {
      color: #F83036; } }

@media (min-width: 960px) {
  .comments__btn {
    font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
    font-size: 12px;
    line-height: 1.2em;
    color: #7e97ad;
    width: 80px;
    height: 80px;
    border: 1px solid #D6DFE8;
    box-sizing: border-box;
    height: 85px;
    position: relative;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
    margin: 0 0 40px 0; }
    .comments__btn:before {
      display: block;
      content: '';
      width: 0px;
      height: 0px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #FFFFFF;
      position: absolute;
      right: 9px;
      bottom: -5px;
      transform: rotate(45deg);
      z-index: 2;
      transition: border 0.2s; }
    .comments__btn:after {
      display: block;
      content: '';
      width: 0px;
      height: 0px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #D6DFE8;
      position: absolute;
      right: 7px;
      bottom: -7px;
      transform: rotate(45deg);
      transition: border 0.2s; }
    .comments__btn:hover, .comments__btn:focus {
      background-color: #161F2D;
      border-color: #161F2D;
      color: #FFFFFF;
      outline: 0; }
      .comments__btn:hover span, .comments__btn:focus span {
        color: #F83036; }
      .comments__btn:hover:before, .comments__btn:focus:before {
        border-bottom: 7px solid #161F2D; }
      .comments__btn:hover:after, .comments__btn:focus:after {
        border-bottom: 7px solid #161F2D; } }

@media (min-width: 0) and (max-width: 959px) {
  .comments__btn span {
    padding-right: 4px; } }

@media (min-width: 960px) {
  .comments__btn span {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.16em;
    font-weight: bold;
    color: #161F2D;
    transition: color 0.2s;
    display: block; } }
  @media (min-width: 960px) and (min-width: 450px) and (max-width: 1199px) {
    .comments__btn span {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 960px) and (min-width: 1200px) {
    .comments__btn span {
      font-size: 30px; } }

footer {
  background-color: #161F2D; }

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

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

.footer__logo {
  width: 100%;
  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: 13px;
  line-height: 1.4em;
  color: #63768B; }
  @media (min-width: 0) and (max-width: 767px) {
    .footer__legal {
      position: absolute;
      right: 20px;
      top: 20px;
      max-width: calc(100% - 140px);
      text-align: right; } }
  @media (min-width: 768px) {
    .footer__legal {
      position: relative;
      margin-top: 20px; } }

.footer__list {
  width: 50%;
  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;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .footer__header {
      font-size: 16px; } }
  .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;
  transition: color 0.2s, box-shadow 0.2s; }
  .footer__links a svg {
    fill: #FFFFFF;
    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%;
  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: 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;
    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;
  padding: 0 0 3px 0; }

.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::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;
  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;
    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;
  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: #7e97ad; }
    .footer__donate:hover .footer__donate-arrow, .footer__donate:focus .footer__donate-arrow {
      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: 40px;
      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;
  transition: color 0.2s;
  padding-right: 30px; }

.footer__donate-arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 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: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%; }

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

.recirc {
  background-color: #F1F8FC;
  width: 100%;
  box-sizing: border-box;
  padding: 60px 20px;
  overflow: hidden;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 960px) {
    .recirc {
      padding: 60px 30px; } }
  @media (min-width: 1200px) {
    .recirc {
      padding: 60px 40px; } }

.recirc__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .recirc__header {
      font-size: 16px; } }

.recirc__header span {
  padding-right: 80px; }

.js-carousel {
  opacity: 0;
  height: 0; }

.recirc__carousel .card-sm {
  width: 180px;
  margin-right: 20px; }
  @media (min-width: 600px) {
    .recirc__carousel .card-sm {
      width: 220px; } }

.recirc__carousel .card-sm__play {
  background-color: #F1F8FC; }

.recirc-categories {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .recirc-categories {
      flex-direction: row;
      margin: 0 -40px; } }

.rc__category {
  box-sizing: border-box; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .rc__category {
      display: flex;
      border-bottom: 1px solid #D6DFE8;
      margin: 0 0 40px 0;
      padding: 0; }
      .rc__category:last-child {
        border-bottom: 0;
        margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .rc__category {
      border-right: 1px solid #D6DFE8;
      width: 33.3%;
      flex-shrink: 0;
      padding: 0 40px; }
      .rc__category:last-child {
        border-right: 0; } }
  @media (min-width: 1800px) {
    .rc__category {
      padding: 0 60px; } }

.rc__category .card-lg {
  margin-bottom: 40px; }
  .rc__category .card-lg .card-lg__meta a {
    display: none; }
  @media (min-width: 600px) {
    .rc__category .card-lg {
      margin-bottom: 60px; } }

.rc__category .card-lg__img-bg {
  height: 220px; }
  @media (min-width: 600px) {
    .rc__category .card-lg__img-bg {
      height: 420px; } }
  @media (min-width: 1200px) {
    .rc__category .card-lg__img-bg {
      height: 220px; } }
  @media (min-width: 1400px) {
    .rc__category .card-lg__img-bg {
      height: 280px; } }
  @media (min-width: 1800px) {
    .rc__category .card-lg__img-bg {
      min-height: 360px; } }
  @media (min-width: 2000px) {
    .rc__category .card-lg__img-bg {
      min-height: 420px; } }

.rc__small-cards {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 0 0 40px 0; }
  @media (min-width: 768px) {
    .rc__small-cards {
      flex-direction: column;
      width: 25%;
      padding: 0 0 0 20px; } }
  @media (min-width: 960px) {
    .rc__small-cards {
      width: 22%;
      padding: 0 0 0 40px; } }
  @media (min-width: 1200px) {
    .rc__small-cards {
      flex-direction: row;
      padding: 0;
      width: 100%; } }

.rc__small-cards .card-sm {
  flex-shrink: 0;
  width: 48%;
  margin: 0 4% 0 0; }
  .rc__small-cards .card-sm:last-child {
    margin-right: 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .rc__small-cards .card-sm {
      width: 100%;
      margin: 0 0 40px 0; } }

.rc__header {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  margin-bottom: 10px; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .rc__header {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .rc__header {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .rc__header {
      font-size: 25px;
      line-height: 1.15em; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .rc__header {
      width: 20%;
      flex-shrink: 0;
      padding-right: 20px;
      box-sizing: border-box; } }
  @media (min-width: 1200px) {
    .rc__header {
      margin-bottom: 20px; } }

.rc__header a {
  color: #161F2D;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  hyphens: auto; }
  .rc__header a svg {
    fill: #161F2D;
    transition: fill 0.2s; }
  .rc__header a:hover, .rc__header a:focus {
    color: #161F2D;
    box-shadow: 0 -5px 0 #161F2D inset; }
    .rc__header a:hover svg, .rc__header a:focus svg {
      fill: #161F2D; }

.recirc-originals {
  background-color: #F1F8FC;
  width: 100%;
  box-sizing: border-box;
  padding: 60px 20px;
  overflow: hidden; }
  @media (min-width: 960px) {
    .recirc-originals {
      padding: 60px 30px; } }
  @media (min-width: 1200px) {
    .recirc-originals {
      padding: 60px 40px 80px 40px; } }

.recirc-originals__carousel .card-original {
  width: 200px;
  margin-right: 20px; }
  @media (min-width: 768px) {
    .recirc-originals__carousel .card-original {
      width: 250px; } }

.recirc-episodes {
  background-color: #FFFFFF;
  width: 100%;
  box-sizing: border-box;
  padding: 60px 20px;
  z-index: 3;
  overflow: hidden;
  position: relative;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 960px) {
    .recirc-episodes {
      padding: 80px 30px; } }
  @media (min-width: 1200px) {
    .recirc-episodes {
      padding: 80px 40px 100px 40px; } }

.recirc-episodes__carousel .card-episode {
  width: 200px;
  margin-right: 20px; }

.pullquote {
  width: 340px;
  float: right;
  margin: 0 0 40px 40px;
  box-sizing: border-box;
  border-left: 1px solid #D6DFE8;
  padding: 0 0 0 20px; }
  @media (min-width: 0) and (max-width: 767px) {
    .pullquote {
      float: none;
      margin: 30px 0;
      width: 100%;
      border: 0;
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .pullquote {
      width: 300px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .pullquote {
      float: none;
      margin: 40px 0;
      width: 100%;
      border: 0;
      padding: 0; } }
  @media (min-width: 2000px) {
    .pullquote {
      width: 400px; } }

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

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

.pullquote__attribution {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 20px 0 0 0; }

.tag__list-item {
  margin-bottom: 12px; }

.tag__list-item a {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  line-height: 1.3em;
  position: relative;
  background-color: #161F2D;
  padding: 0.6em 0 0.45em 0;
  box-shadow: 0.4em 0px 0px #161F2D, -0.4em 0px 0px #161F2D;
  box-decoration-break: clone;
  color: #FFFFFF;
  text-decoration: none;
  transition: background-color 0.2s, box-shadow 0.2s; }
  .tag__list-item a:hover, .tag__list-item a:focus {
    background-color: #F83036;
    box-shadow: 0.4em 0px 0px #F83036, -0.4em 0px 0px #F83036; }

.tag__list {
  margin: 20px 0 0 8px; }

.audioplayer {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  height: 90px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  background: #F83036; }

.audioplayer-mini {
  width: 90px; }

.audioplayer > div {
  position: absolute; }

.audioplayer-playpause {
  width: 90px;
  height: 100%;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  left: 0; }
  .audioplayer-playpause:hover, .audioplayer-playpause:focus {
    background-color: #273142; }

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
  border-right: 1px solid #111;
  border-right-color: rgba(0, 0, 0, 0.25); }

.audioplayer-mini .audioplayer-playpause {
  width: 100%; }

.audioplayer-playpause a {
  display: block; }

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: none;
  border-left-color: #FFFFFF;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -4px; }

.audioplayer-playing .audioplayer-playpause a {
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -4px; }
  .audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
    width: 40%;
    height: 100%;
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    top: 0; }
  .audioplayer-playing .audioplayer-playpause a:before {
    left: 0; }
  .audioplayer-playing .audioplayer-playpause a:after {
    right: 0; }

.audioplayer-time {
  z-index: 2;
  top: 0; }

.audioplayer-time-current {
  left: 110px;
  top: 60px; }

.audioplayer-time-duration {
  right: 20px;
  top: 60px; }

.audioplayer-mini .audioplayer-time-duration {
  display: none; }

.audioplayer-bar {
  height: 100%;
  background-color: #273142;
  cursor: pointer;
  z-index: 1;
  top: 0;
  right: 0;
  left: 90px; }

.audioplayer-bar div {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.audioplayer-bar-loaded {
  background-color: #101721;
  z-index: 1; }

.audioplayer-bar-played {
  background: #F83036;
  z-index: 2; }

.audioplayer-volume {
  display: none; }

.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
  transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; }

.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;
  transform: translate(0, 0);
  transition: transform 0.2s; }
  .logo svg {
    width: 100%;
    height: 100%; }
  .logo:hover, .logo:focus {
    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; } }
  @media (min-width: 1850px) {
    .logo {
      left: calc((100% - 1850px)/2 + 40px); } }

.banner {
  width: 100%;
  height: 60px;
  background-color: #F83036;
  transition: background-color 0.2s;
  z-index: 4;
  text-decoration: none;
  align-items: center;
  transform: translate3d(0, 0, 0); }
  .banner--mobile {
    display: flex;
    height: auto; }
    @media (min-width: 1200px) {
      .banner--mobile {
        display: none; } }
  .banner--column {
    display: none; }
    @media (min-width: 1200px) {
      .banner--column {
        position: absolute;
        right: 0;
        top: 100px;
        display: flex;
        width: 340px;
        margin-right: 40px; } }
    @media (min-width: 1870px) {
      .banner--column {
        right: calc((100% - 1850px)/2 - 40px);
        width: 380px; } }
  .banner--post {
    display: none; }
    @media (min-width: 1200px) {
      .banner--post {
        display: flex;
        position: absolute;
        right: 0;
        top: 100px;
        width: 550px;
        margin-right: 40px; } }
    @media (min-width: 1870px) {
      .banner--post {
        right: calc((100% - 1850px)/2 - 40px);
        width: 590px; } }
  .banner--home {
    display: none; }
    @media (min-width: 1200px) {
      .banner--home {
        display: flex;
        position: absolute;
        right: 0;
        top: 100px;
        width: 640px;
        margin-right: 40px; } }
    @media (min-width: 1870px) {
      .banner--home {
        right: calc((100% - 1850px)/2 - 40px);
        width: 680px; } }
  .banner--default {
    display: none; }
    @media (min-width: 1200px) {
      .banner--default {
        display: flex;
        position: absolute;
        right: 0;
        top: 100px;
        width: 550px;
        margin-right: 40px; }
        .banner--default .banner__img {
          display: none; } }
    @media (min-width: 1870px) {
      .banner--default {
        right: calc((100% - 1850px)/2 - 40px);
        width: 590px; } }
  .banner--video {
    display: none; }
    @media (min-width: 1200px) {
      .banner--video {
        display: flex;
        position: absolute;
        right: 0;
        top: 100px;
        width: 550px;
        margin-right: 40px; } }
    @media (min-width: 1870px) {
      .banner--video {
        right: calc((100% - 1850px)/2 - 40px);
        width: 590px; } }
  .banner:hover, .banner:focus {
    background-color: #273142; }
    .banner:hover .banner__title span, .banner:focus .banner__title span {
      color: #F83036; }
    .banner:hover svg, .banner:focus svg {
      fill: #F83036; }
  .banner--promo {
    background-color: #273142; }
    .banner--promo:hover, .banner--promo:focus {
      background-color: #F1F8FC; }
      .banner--promo:hover .banner__title, .banner--promo:focus .banner__title {
        color: #161F2D; }
      .banner--promo:hover svg, .banner--promo:focus svg {
        fill: #161F2D; }

.banner__img {
  min-height: 60px;
  width: 100px;
  overflow: hidden;
  flex-shrink: 0;
  align-self: stretch;
  position: relative; }
  @media (min-width: 0) and (max-width: 599px) {
    .banner__img {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1199px) {
    .banner__img {
      min-height: 50px;
      width: 80px; } }
  .banner__img--promo {
    width: 60px; }

.banner__img-bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.banner__text {
  margin: 12px 10px 10px 10px;
  box-sizing: border-box;
  flex-shrink: 1;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 600px) {
    .banner__text {
      margin: 15px 10px; } }
  @media (min-width: 1200px) {
    .banner__text {
      margin: 0 15px; } }

.banner__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  transition: color 0.2s; }
  @media (min-width: 600px) {
    .banner__title {
      font-size: 13px; } }
  .banner--promo .banner__title {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: bold;
    color: #FFFFFF; }
    @media (min-width: 600px) {
      .banner--promo .banner__title {
        font-size: 18px; } }
    @media (min-width: 600px) {
      .banner--promo .banner__title {
        font-size: 16px; } }

.banner__title span {
  color: #161F2D;
  transition: color 0.2s; }

.banner__subtitle {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #7e97ad;
  padding-top: 2px; }

.banner__icon {
  width: 30px;
  flex-shrink: 0; }
  .banner__icon svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    transition: fill 0.2s; }

.link-list__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin: 0; }
  @media (min-width: 600px) {
    .link-list__header {
      font-size: 16px; } }

.link-list__cta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  color: #F83036; }

.link-list__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

.link-list__list a {
  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;
  display: block;
  margin: 5px 0 0 0; }
  .link-list__list a span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .link-list__list a:hover span, .link-list__list a:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.link-list__list li {
  counter-increment: step-counter;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #D6DFE8; }
  .link-list__list li:before {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
    color: #E2ECF2;
    font-size: 67px;
    content: counter(step-counter);
    width: 60px;
    height: 60px;
    flex-shrink: 0; }

.link-list--dark a {
  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;
  display: block;
  margin: 5px 0 0 0; }
  .link-list--dark a span {
    box-shadow: 0;
    color: #FFFFFF;
    transition: color 0.2s, box-shadow 0.2s; }
  .link-list--dark a:hover span, .link-list--dark a:focus span {
    color: #FFFFFF;
    box-shadow: 0 -2px 0 #63768B inset; }

.link-list--dark li {
  padding: 20px 0;
  border-bottom: 1px solid #31445D; }

.popup {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  background-color: #1b2636;
  padding: 20px;
  box-sizing: border-box;
  transform: translateY(100%);
  transition: transform 0.25s; }
  .popup--visible {
    transform: translateY(0); }

.popup__cols {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .popup__cols {
      flex-direction: row; } }

.popup__img {
  display: none; }
  .popup__img img {
    width: 100%; }
  @media (min-width: 768px) {
    .popup__img {
      display: block;
      width: 150px;
      flex-shrink: 0;
      padding-right: 20px; } }

@media (min-width: 768px) {
  .popup__img--newsletter {
    width: 180px;
    margin-bottom: -40px; } }

.popup__logo {
  display: none; }
  .popup__logo svg {
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .popup__logo {
      background-color: #273142;
      width: 90px;
      height: 90px;
      padding: 15px;
      flex-shrink: 0;
      margin-right: 20px;
      display: block;
      box-sizing: border-box; } }

.popup__img-link {
  position: relative;
  display: block; }
  .popup__img-link:hover .popup__img-overlay, .popup__img-link:focus .popup__img-overlay {
    opacity: 0.5; }

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

.popup__text {
  flex-shrink: 1;
  width: 100%; }
  .popup__text--with-space {
    padding-right: 20px; }
    @media (min-width: 960px) {
      .popup__text--with-space {
        padding-right: 30px; } }
    @media (min-width: 1200px) {
      .popup__text--with-space {
        padding-right: 40px; } }

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

.popup__text-header {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 5px 0;
  padding-right: 40px; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .popup__text-header {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .popup__text-header {
      font-size: 30px; } }

.popup__text-large-header {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 10px 0;
  padding-right: 40px; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .popup__text-large-header {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .popup__text-large-header {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .popup__text-large-header {
      font-size: 25px;
      line-height: 1.15em; } }

.popup__text-subheader {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  padding-right: 40px; }

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

.popup__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

.popup__cta {
  flex-shrink: 0;
  margin: 20px 0 0 0; }
  @media (min-width: 768px) {
    .popup__cta {
      align-self: flex-end;
      margin: 0; } }

.popup__cta-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;
  transition: color 0.2s, background-color 0.2s; }
  @media (min-width: 600px) {
    .popup__cta-button {
      font-size: 18px; } }
  .popup__cta-button:hover, .popup__cta-button:focus {
    background-color: #F1F8FC;
    color: #161F2D; }
    .popup__cta-button:hover svg, .popup__cta-button:focus svg {
      fill: #F83036; }
  .popup__cta-button svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    transition: fill 0.2s;
    margin-right: 10px; }

.popup__subscribe {
  margin: 40px 0 0 0; }

.popup__subscribe .form-success {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #273142;
  padding: 20px;
  box-shadow: border-box;
  display: none; }

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px; }
  .popup__close svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    transition: fill 0.2s; }
  .popup__close:hover, .popup__close:focus {
    outline: 0; }
    .popup__close:hover svg, .popup__close:focus svg {
      fill: #FFFFFF; }

.ad__label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  display: flex;
  justify-content: space-between; }
  @media (min-width: 600px) {
    .ad__label {
      font-size: 16px; } }
  .ad__label a {
    font-size: 12px; }

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

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

.home__hero {
  width: 100%;
  flex-shrink: 1;
  margin: -40px 0 0 0; }
  @media (min-width: 600px) {
    .home__hero {
      margin: -60px 0 0 0; } }
  @media (min-width: 768px) {
    .home__hero {
      margin: -80px 0 0 0; } }
  @media (min-width: 960px) {
    .home__hero {
      margin: -90px 40px 80px 0;
      display: flex; } }
  @media (min-width: 1200px) {
    .home__hero {
      margin: -100px 40px 0 0;
      display: block; } }

.home-hero__cols {
  display: flex;
  position: relative;
  flex-direction: column; }
  @media (min-width: 600px) {
    .home-hero__cols {
      flex-direction: row; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__cols {
      flex-direction: column; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .home-hero__left {
    flex: 1;
    padding-right: 20px; } }

.home-hero__right {
  display: none; }
  @media (min-width: 960px) and (max-width: 1199px) {
    .home-hero__right {
      display: block;
      margin-top: 100px;
      width: 320px;
      padding-left: 20px;
      flex-shrink: 0;
      box-sizing: border-box; } }

.home-hero__figure {
  position: relative;
  min-height: 150px;
  background-color: #F1F8FC;
  max-height: 60vh;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .home-hero__figure {
      max-height: 50vh; } }
  .home-hero__figure--youtube {
    max-height: 100vh; }

.home-hero__img {
  position: relative;
  display: block; }
  .home-hero__img img {
    width: 100%; }
  .home-hero__img:hover .home-hero__img-overlay, .home-hero__img:focus .home-hero__img-overlay {
    opacity: 0.7; }

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

.home-hero__rail {
  flex-shrink: 0; }
  @media (min-width: 0) and (max-width: 599px) {
    .home-hero__rail {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__rail {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; } }

.home-hero__rail-link {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 0 0 0; }
  .home-hero__rail-link svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .home-hero__rail-link:hover, .home-hero__rail-link:focus {
    color: #161F2D; }
    .home-hero__rail-link:hover svg, .home-hero__rail-link:focus svg {
      fill: #161F2D; }
  .home-hero__rail-link svg {
    width: 15px;
    height: 15px;
    margin-left: 8px; }
  @media (min-width: 0) and (max-width: 599px) {
    .home-hero__rail-link {
      margin-left: 20px;
      margin-right: 0;
      border: 0; } }
  @media (min-width: 600px) {
    .home-hero__rail-link {
      margin-right: 10px;
      padding: 10px 0;
      border-bottom: 1px solid #D6DFE8;
      border-top: 1px solid #D6DFE8; }
      .home-hero__rail-link:last-child {
        border-top: 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__rail-link {
      margin-left: 20px;
      margin-right: 0;
      border: 0;
      padding-bottom: 30px; } }

.home-hero__play {
  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;
  width: 100%;
  flex-shrink: 1;
  margin-top: -55px;
  padding: 0; }
  .home-hero__play:hover .home-hero__play-label, .home-hero__play:focus .home-hero__play-label {
    color: #161F2D; }
  .home-hero__play:hover .home-hero__play-icon, .home-hero__play:focus .home-hero__play-icon {
    background-color: #161F2D; }
  @media (min-width: 600px) {
    .home-hero__play {
      padding: 0 0 10px 0;
      margin-top: -45px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__play {
      padding: 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__play--live {
      margin-top: -80px; }
      .home-hero__play--live .home-hero__play-label {
        display: none; } }

.home-hero__play-label {
  color: #F83036;
  transition: color 0.2s;
  display: block; }
  @media (min-width: 600px) {
    .home-hero__play-label {
      max-width: 70px; } }

.home-hero__play-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #F83036;
  transition: background-color 0.2s;
  margin-bottom: 10px;
  border-top: 10px solid #FFFFFF;
  border-right: 10px solid #FFFFFF; }
  .home-hero__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    padding-left: 2px; }
  @media (min-width: 600px) {
    .home-hero__play-icon {
      width: 70px;
      height: 70px;
      line-height: 70px; } }

.home-hero__body {
  width: 100%;
  flex-shrink: 1;
  padding: 30px 0 0 0; }
  @media (min-width: 600px) {
    .home-hero__body {
      padding: 30px 0 0 20px; } }
  @media (min-width: 960px) {
    .home-hero__body {
      padding: 30px 0 0 30px; } }
  @media (min-width: 1200px) {
    .home-hero__body {
      padding: 30px 0 0 0; } }
  @media (min-width: 1400px) {
    .home-hero__body {
      padding: 40px 0 0 40px; } }
  .home-hero__body--post, .home-hero__body--youtube {
    padding-left: 0;
    border-left: 0; }

.home-hero__title {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  width: 100%; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .home-hero__title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .home-hero__title {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .home-hero__title {
      font-size: 25px;
      line-height: 1.15em; } }
  @media (min-width: 450px) {
    .home-hero__title {
      padding-top: 5px; } }
  @media (min-width: 600px) {
    .home-hero__title {
      width: 95%; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .home-hero__title {
      width: 100%; } }

.home-hero__title a {
  display: block;
  text-decoration: none;
  color: #F83036;
  text-decoration: none; }
  .home-hero__title a span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .home-hero__title a:hover span, .home-hero__title a:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }
  @media (min-width: 768px) {
    .home-hero__title a {
      display: block;
      text-decoration: none; }
      .home-hero__title a span {
        box-shadow: 0;
        color: #161F2D;
        transition: color 0.2s, box-shadow 0.2s; }
      .home-hero__title a:hover span, .home-hero__title a:focus span {
        color: #161F2D;
        box-shadow: 0 -5px 0 #161F2D inset; } }

.home-hero__live-label {
  color: #F83036; }

@media (min-width: 960px) and (max-width: 1199px) {
  .home-hero__related-wrapper {
    display: none; } }

.home-hero__related-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin-top: 30px; }
  @media (min-width: 600px) {
    .home-hero__related-header {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .home-hero__related-header {
      margin-top: 60px; } }

.home-hero__related {
  display: flex;
  flex-direction: column;
  transform: translate3d(0, 0, 0); }
  @media (min-width: 450px) {
    .home-hero__related {
      flex-direction: row;
      flex-wrap: wrap; } }
  @media (min-width: 768px) {
    .home-hero__related {
      padding-bottom: 40px; } }

.home-hero__related .card-sm {
  width: 100%;
  margin: 0 0 40px 0; }
  @media (min-width: 0) and (max-width: 1199px) {
    .home-hero__related .card-sm:nth-child(n + 4) {
      display: none; } }
  @media (min-width: 450px) {
    .home-hero__related .card-sm {
      width: 31%;
      margin: 0 3.5% 30px 0; }
      .home-hero__related .card-sm:nth-child(3n+3) {
        margin-right: 0; } }

.home-hero__related .card-sm__img-bg {
  height: 250px; }
  @media (min-width: 450px) {
    .home-hero__related .card-sm__img-bg {
      height: 100px; } }
  @media (min-width: 768px) {
    .home-hero__related .card-sm__img-bg {
      height: 160px; } }
  @media (min-width: 1200px) {
    .home-hero__related .card-sm__img-bg {
      height: 120px; } }
  @media (min-width: 1400px) {
    .home-hero__related .card-sm__img-bg {
      height: 160px; } }
  @media (min-width: 1800px) {
    .home-hero__related .card-sm__img-bg {
      height: 180px; } }

.home-hero__related .card-thumb {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.home-hero__byline {
  display: flex;
  align-items: center;
  margin-top: 20px; }

.home-hero__byline-img {
  width: 40px;
  height: 40px;
  display: block;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  background-size: cover;
  background-position: top center; }

.home-hero__byline-img img {
  width: 100%;
  opacity: 0; }

.home-hero__byline-name {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad; }

.home-hero__byline-name span {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  padding-right: 5px; }

.home-hero__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  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; }

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

.home-hero__live {
  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;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  animation-duration: 0.4s;
  animation-name: changeBackground;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out; }

@keyframes changeBackground {
  from {
    background-color: #F83036; }
  to {
    background-color: #c90006; } }

.home-hero__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.home-hero__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.playlist {
  border-top: 1px solid #D6DFE8; }

.playlist li {
  border-bottom: 1px solid #D6DFE8; }

.playlist__link {
  display: flex;
  text-decoration: none;
  transition: background-color 0.2s; }
  .playlist__link:hover, .playlist__link:focus {
    background-color: #F1F8FC; }
    .playlist__link:hover svg, .playlist__link:focus svg {
      fill: #161F2D; }
    .playlist__link:hover .playlist__img, .playlist__link:focus .playlist__img {
      transform: translateX(12px); }
    .playlist__link:hover .playlist__title, .playlist__link:focus .playlist__title {
      transform: translateX(12px);
      color: #31445d; }

.playlist__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  width: 100%;
  flex-shrink: 1;
  padding: 12px 0 10px 0;
  align-self: center;
  transition: transform 0.2s, color 0.2s; }
  @media (min-width: 330px) {
    .playlist__title {
      padding: 12px 20px 10px 0; } }

.playlist__duration {
  display: none; }
  .playlist__duration svg {
    width: 8px;
    height: 8px;
    display: block;
    margin: 0 auto 10px auto;
    fill: #F83036;
    transition: fill 0.2s; }
  @media (min-width: 330px) {
    .playlist__duration {
      font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
      font-size: 12px;
      line-height: 1.2em;
      color: #7e97ad;
      width: 70px;
      box-sizing: border-box;
      flex-shrink: 0;
      text-align: center;
      border-left: 1px solid #D6DFE8;
      padding: 15px 10px;
      display: flex;
      flex-direction: column;
      justify-content: center; } }

.playlist__img {
  max-width: 90px;
  margin: 10px 20px 10px 0;
  transition: transform 0.2s;
  flex-shrink: 0;
  background-size: cover;
  background-position: top center;
  height: 60px; }
  .playlist__img img {
    width: 100%;
    height: 100%;
    visibility: hidden; }

.lp__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin-bottom: 0;
  border: none;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .lp__title {
      font-size: 16px; } }

.lp__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-top: 1px solid #D6DFE8;
  width: 100%;
  border-bottom: 1px solid #D6DFE8; }

.lp__list li {
  flex-shrink: 0;
  box-sizing: border-box;
  text-align: center;
  max-width: 200px;
  border-bottom: 1px solid #D6DFE8;
  border-top: 1px solid #D6DFE8;
  margin-bottom: -1px;
  display: flex;
  justify-content: stretch; }
  .lp__list li img {
    width: 100%;
    display: block; }
  @media (min-width: 0) and (max-width: 449px) {
    .lp__list li {
      width: 50%; }
      .lp__list li:nth-child(odd) {
        border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2) {
        border-top: 0; } }
  @media (min-width: 450px) and (max-width: 599px) {
    .lp__list li {
      width: 33.3%;
      border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(3n+3) {
        border-right: 0; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2), .lp__list li:nth-child(3) {
        border-top: 0; } }
  @media (min-width: 600px) and (max-width: 767px) {
    .lp__list li {
      width: 25%;
      border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(4n+4) {
        border-right: 0; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2), .lp__list li:nth-child(3), .lp__list li:nth-child(4) {
        border-top: 0; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .lp__list li {
      width: 20%;
      border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(5n+5) {
        border-right: 0; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2), .lp__list li:nth-child(3), .lp__list li:nth-child(4), .lp__list li:nth-child(5) {
        border-top: 0; } }
  @media (min-width: 960px) and (max-width: 1199px) {
    .lp__list li {
      width: 16.66%;
      border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(6n+6) {
        border-right: 0; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2), .lp__list li:nth-child(3), .lp__list li:nth-child(4), .lp__list li:nth-child(5), .lp__list li:nth-child(6) {
        border-top: 0; } }
  @media (min-width: 1200px) {
    .lp__list li {
      width: 50%; }
      .lp__list li:nth-child(odd) {
        border-right: 1px solid #D6DFE8; }
      .lp__list li:nth-child(1), .lp__list li:nth-child(2) {
        border-top: 0; } }

.lp__list a {
  padding: 25px 20px;
  box-sizing: border-box;
  display: block;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  opacity: 0.9; }
  .lp__list a:hover, .lp__list a:focus {
    background-color: #FFFFFF; }

.logo-list__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  padding-bottom: 3px; }

.logo-list__list {
  border-top: 1px solid #D6DFE8;
  width: 100%; }

.logo-list__list li {
  border-bottom: 1px solid #D6DFE8; }

.logo-list__funder {
  display: flex;
  transition: background-color 0.2s; }
  .logo-list__funder:hover, .logo-list__funder:focus {
    background-color: #FFFFFF; }

.logo-list__funder-icon {
  padding: 20px;
  box-sizing: border-box;
  width: 80px;
  flex-shrink: 0;
  border-right: 1px solid #D6DFE8;
  display: flex;
  align-items: center;
  justify-content: center; }
  .logo-list__funder-icon img {
    display: block;
    width: 100%;
    mix-blend-mode: multiply; }

.logo-list__funder-name {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; }

.post-sidebar {
  background-color: #E2ECF2;
  margin: 0 0 30px 0;
  padding: 20px; }
  @media (min-width: 600px) {
    .post-sidebar {
      float: right;
      margin-left: 30px;
      margin-right: -230px;
      width: 300px !important; } }
  @media (min-width: 768px) {
    .post-sidebar {
      margin-right: -150px; } }
  @media (min-width: 1200px) {
    .post-sidebar {
      margin-right: calc(100% - 650px + 10px); } }
  @media (min-width: 1400px) {
    .post-sidebar {
      margin-right: calc(100% - 650px - 150px); } }

.post-sidebar__item + .post-sidebar__item {
  padding-top: 30px;
  margin-top: 30px;
  border-top: solid 1px #D6DFE8; }

.post-sidebar__figure {
  margin: 0 0 10px; }
  .post-sidebar__figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; }

.post-sidebar__figcaption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }

.body-text .post-sidebar__head {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 15px; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .body-text .post-sidebar__head {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .body-text .post-sidebar__head {
      font-size: 30px; } }

.body-text .post-sidebar__body {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #31445d;
  margin: 0 0 15px; }
  .body-text .post-sidebar__body p, .body-text .post-sidebar__body ul, .body-text .post-sidebar__body ol {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    color: #31445d;
    margin: 0 0 10px; }
  .body-text .post-sidebar__body ul li, .body-text .post-sidebar__body ol li {
    padding-bottom: 4px; }
  .body-text .post-sidebar__body h1, .body-text .post-sidebar__body h2, .body-text .post-sidebar__body h3, .body-text .post-sidebar__body h4, .body-text .post-sidebar__body h5, .body-text .post-sidebar__body h6 {
    margin-top: 20px; }
  .body-text .post-sidebar__body blockquote {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0; }
    .body-text .post-sidebar__body blockquote p {
      font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
      font-size: 16px;
      line-height: 1.25em;
      font-weight: bold;
      color: #161F2D;
      margin: 20px 0; }
      @media (min-width: 600px) {
        .body-text .post-sidebar__body blockquote p {
          font-size: 18px; } }

.subscribe__topper {
  position: relative;
  background-color: #F1F8FC; }
  @media (min-width: 960px) {
    .subscribe__topper {
      padding-right: 50%; } }
  @media (min-width: 1200px) {
    .subscribe__topper {
      padding-right: 680px; } }

.subscribe__tease {
  box-sizing: border-box;
  padding: 0 20px 20px 20px; }
  @media (min-width: 960px) {
    .subscribe__tease {
      padding: 40px 40px 0 0;
      width: 50%;
      position: absolute;
      top: 0;
      right: 0; } }
  @media (min-width: 1200px) {
    .subscribe__tease {
      width: 680px; } }

.subscribe__form {
  width: 100%;
  flex-shrink: 1; }

.subscribe__form-wrapper {
  display: flex;
  padding: 40px 20px; }
  @media (min-width: 960px) {
    .subscribe__form-wrapper {
      padding: 60px 40px; } }

.subscribe__form-title {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin-bottom: 5px; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .subscribe__form-title {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .subscribe__form-title {
      font-size: 30px; } }

.subscribe__form p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad; }

.subscribe__form form {
  position: relative;
  margin-top: 40px; }

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

.subscribe__form input::placeholder {
  color: #161F2D; }

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

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

.form-fields {
  position: relative; }

.subscribe__form .form-success {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  background-color: #FFFFFF;
  padding: 20px;
  box-shadow: border-box;
  margin: 40px 0 0 0;
  display: none; }

.subscribe__follow {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  flex-shrink: 0;
  margin-left: 40px; }

.subscribe__follow-list {
  border-top: 1px solid #D6DFE8; }

.subscribe__follow-list li {
  border-bottom: 1px solid #D6DFE8;
  padding: 9px 0 4px 0;
  text-align: center; }

.subscribe__follow-list a {
  display: block; }
  .subscribe__follow-list a svg {
    width: 18px;
    height: 18px;
    fill: #F83036;
    transition: fill 0.2s; }
  .subscribe__follow-list a:hover svg, .subscribe__follow-list a:focus svg {
    fill: #161F2D; }

.subscribe__footer {
  background-color: #FFFFFF; }
  @media (min-width: 960px) {
    .subscribe__footer {
      padding-right: 50%; } }
  @media (min-width: 1200px) {
    .subscribe__footer {
      padding-right: 680px; } }

.subscribe__footer-wrapper {
  margin: 40px 20px; }
  @media (min-width: 960px) {
    .subscribe__footer-wrapper {
      margin: 60px 40px; } }

.subscribe__footer-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .subscribe__footer-header {
      font-size: 16px; } }

.subscribe__footer-cards {
  display: flex;
  flex-direction: column; }
  @media (min-width: 450px) {
    .subscribe__footer-cards {
      flex-direction: row; } }

.subscribe__footer-cards .card-sm {
  flex-shrink: 1;
  width: 100%; }
  .subscribe__footer-cards .card-sm:not(:first-child) {
    margin: 40px 0 0 0; }
  .subscribe__footer-cards .card-sm:nth-child(3), .subscribe__footer-cards .card-sm:nth-child(4), .subscribe__footer-cards .card-sm:nth-child(5) {
    display: none; }
  @media (min-width: 0) and (max-width: 599px) {
    .subscribe__footer-cards .card-sm .card-sm__img-bg {
      height: 230px; } }
  @media (min-width: 450px) {
    .subscribe__footer-cards .card-sm:not(:first-child) {
      margin: 0 0 0 20px; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .subscribe__footer-cards .card-sm:nth-child(3) {
      display: block; } }
  @media (min-width: 1400px) {
    .subscribe__footer-cards .card-sm:nth-child(3) {
      display: block; } }
  @media (min-width: 1600px) {
    .subscribe__footer-cards .card-sm:nth-child(4) {
      display: block; } }
  @media (min-width: 1800px) {
    .subscribe__footer-cards .card-sm:nth-child(5) {
      display: block; } }

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

.subscribe__box-settings {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #F83036;
  padding: 8px 0 6px 0;
  box-shadow: 8px 0 0 #F83036, -8px 0 0 #F83036;
  transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
  position: absolute;
  top: 0px;
  right: 30px; }
  .subscribe__box-settings:hover, .subscribe__box-settings:focus {
    color: #FFFFFF;
    background-color: #273142;
    box-shadow: 8px 0 0 #273142, -8px 0 0 #273142; }

.subscribe__box form {
  position: relative; }

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

.subscribe__box input::placeholder {
  color: #63768B; }

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

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

.menu.open .menu__bar {
  transform: translateX(0%); }

.menu.open .menu__list > li:nth-child(0) {
  opacity: 1;
  transition-delay: 0s; }

.menu.open .menu__list > li:nth-child(1) {
  opacity: 1;
  transition-delay: 0.05s; }

.menu.open .menu__list > li:nth-child(2) {
  opacity: 1;
  transition-delay: 0.1s; }

.menu.open .menu__list > li:nth-child(3) {
  opacity: 1;
  transition-delay: 0.15s; }

.menu.open .menu__list > li:nth-child(4) {
  opacity: 1;
  transition-delay: 0.2s; }

.menu.open .menu__list > li:nth-child(5) {
  opacity: 1;
  transition-delay: 0.25s; }

.menu.open .menu__list > li:nth-child(6) {
  opacity: 1;
  transition-delay: 0.3s; }

.menu.open .menu__list > li:nth-child(7) {
  opacity: 1;
  transition-delay: 0.35s; }

.menu.open .menu__list > li:nth-child(8) {
  opacity: 1;
  transition-delay: 0.4s; }

.menu.open .menu__list > li:nth-child(9) {
  opacity: 1;
  transition-delay: 0.45s; }

.menu.open .menu__list > li:nth-child(10) {
  opacity: 1;
  transition-delay: 0.5s; }

.menu.open .menu__list > li:nth-child(11) {
  opacity: 1;
  transition-delay: 0.55s; }

.menu.open .menu__list > li:nth-child(12) {
  opacity: 1;
  transition-delay: 0.6s; }

.menu.open .menu__list > li:nth-child(13) {
  opacity: 1;
  transition-delay: 0.65s; }

.menu.open .menu__list > li:nth-child(14) {
  opacity: 1;
  transition-delay: 0.7s; }

.menu.open .menu__list > li:nth-child(15) {
  opacity: 1;
  transition-delay: 0.75s; }

.menu.open .menu__list > li:nth-child(16) {
  opacity: 1;
  transition-delay: 0.8s; }

.menu.open .menu__list > li:nth-child(17) {
  opacity: 1;
  transition-delay: 0.85s; }

.menu.open .menu__list > li:nth-child(18) {
  opacity: 1;
  transition-delay: 0.9s; }

.menu.open .menu__list > li:nth-child(19) {
  opacity: 1;
  transition-delay: 0.95s; }

.menu.open .menu__list > li:nth-child(20) {
  opacity: 1;
  transition-delay: 1s; }

.menu__bar {
  width: 100%;
  background-color: #FFFFFF;
  z-index: 20001;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  transform: translateX(-100%);
  transition: transform 0.3s; }
  @media (min-width: 600px) {
    .menu__bar {
      width: 300px; } }

.menu__bar-scroll {
  height: 100%; }
  @media (min-width: 0) and (max-width: 1199px) {
    .menu__bar-scroll {
      overflow-y: auto; } }

.menu__overlay {
  position: fixed;
  z-index: 20000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2BA6FF;
  opacity: 0;
  visibility: hidden; }

.menu__list {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  margin: 0; }

.menu__list > li {
  opacity: 0;
  transition: opacity 0.2s;
  padding: 0 30px; }
  .menu__list > li:hover, .menu__list > li:focus {
    cursor: pointer; }
    .menu__list > li:hover .menu__list-item, .menu__list > li:focus .menu__list-item {
      background-color: #F1F8FC; }
    .menu__list > li:hover .menu__list-item > a, .menu__list > li:focus .menu__list-item > a {
      padding-left: 10px; }
    .menu__list > li:hover .menu__list-item svg, .menu__list > li:focus .menu__list-item svg {
      padding: 0 10px 0 0; }
    .menu__list > li:hover .menu__sub, .menu__list > li:focus .menu__sub {
      visibility: visible;
      opacity: 1; }

.menu__list > li:last-child .menu__sub {
  top: auto;
  bottom: 0;
  transform: translate(0); }

.menu__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: background-color 0.2s;
  border-top: 1px solid #D6DFE8; }
  .menu__list-item svg {
    width: 13px;
    height: 13px;
    fill: #F83036;
    flex-shrink: 0;
    transition: padding 0.2s; }

.menu__list-item > a {
  color: #161F2D;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  width: 100%;
  flex-shrink: 1;
  padding: 12px 0 10px 0;
  transition: padding 0.2s; }
  .menu__list-item > a svg {
    fill: #161F2D;
    transition: fill 0.2s; }
  .menu__list-item > a:hover, .menu__list-item > a:focus {
    color: #F83036; }
    .menu__list-item > a:hover svg, .menu__list-item > a:focus svg {
      fill: #F83036; }

.menu__bar .episode {
  margin: 30px; }
  @media (min-width: 0) and (max-width: 599px) {
    .menu__bar .episode {
      display: none; } }

.menu__sub {
  background-color: #161F2D;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 30px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
  transition-delay: 0.05s;
  min-width: 200px; }
  @media (min-width: 0) and (max-width: 1199px) {
    .menu__sub {
      display: none; } }

.menu__sub img {
  width: 100%;
  min-width: 200px;
  min-height: 100px;
  background-color: #273142; }

.menu__sub-list {
  padding: 15px; }

.menu__sub-list li:not(:last-child) {
  border-bottom: 1px solid #31445D; }

.menu__sub-list a {
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  padding: 8px 0;
  display: block; }
  .menu__sub-list a svg {
    fill: #FFFFFF;
    transition: fill 0.2s; }
  .menu__sub-list a:hover, .menu__sub-list a:focus {
    color: #F83036; }
    .menu__sub-list a:hover svg, .menu__sub-list a:focus svg {
      fill: #F83036; }

.menu__close-wrapper {
  box-sizing: border-box;
  padding: 0 30px;
  margin: 0 0 40px 0; }

.menu__close {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  padding: 12px 0 10px 0;
  border-top: 1px solid #D6DFE8;
  display: block;
  width: 100%;
  color: #F83036;
  transition: color 0.2s;
  text-align: left; }
  .menu__close:hover, .menu__close:focus {
    color: #161F2D; }

.menu__mobile {
  position: relative; }
  @media (min-width: 600px) {
    .menu__mobile {
      display: none; } }

.menu__mobile-header {
  background-color: #F1F8FC;
  border-top: 4px solid #161F2D;
  padding: 10px;
  text-align: center; }

.menu__mobile-logo {
  display: block; }
  .menu__mobile-logo svg {
    width: 45px;
    height: 45px; }

.mobile__menu-links {
  display: flex;
  border-right: 1px solid #D6DFE8;
  margin: 30px; }

.mobile__menu-link {
  width: 33.3%;
  border-left: 1px solid #D6DFE8;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center; }
  .mobile__menu-link svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: #161F2D;
    margin: 0 auto 8px auto; }

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

.mobile__menu-close {
  position: absolute;
  top: 4px;
  right: 0;
  width: 40px;
  height: 40px; }
  .mobile__menu-close svg {
    width: 12px;
    height: 12px;
    fill: #161F2D; }

@media (max-height: 700px) {
  .menu__list-item > a {
    padding-top: 7px;
    padding-bottom: 5px; }
  .menu__bar .episode {
    margin-bottom: 20px; } }

.tabs {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  border-bottom: 1px solid #D6DFE8; }
  @media (min-width: 960px) {
    .tabs {
      border-top: 1px solid #D6DFE8; } }
  .tabs--empty {
    border-bottom: 0; }

.tabs__tab {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  margin-right: 20px;
  margin-bottom: -1px;
  padding: 11px 0 6px 0; }
  .tabs__tab svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .tabs__tab:hover, .tabs__tab:focus {
    color: #161F2D; }
    .tabs__tab:hover svg, .tabs__tab:focus svg {
      fill: #161F2D; }
  .tabs__tab--active {
    color: #161F2D;
    border-bottom: 4px solid #161F2D; }
  @media (min-width: 960px) {
    .tabs__tab {
      padding: 11px 0 6px 0; } }

.tabs__tabgroup > div {
  display: none; }

.series-tease {
  display: flex;
  flex-direction: column; }
  @media (min-width: 960px) {
    .series-tease {
      flex-direction: row; } }

.series-tease__title {
  position: absolute;
  top: 20px;
  left: 20px; }
  @media (min-width: 600px) {
    .series-tease__title {
      top: 40px;
      left: 40px; } }
  @media (min-width: 768px) {
    .series-tease__title {
      top: 60px;
      left: 60px; } }

.series-tease__title-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;
  margin-bottom: 10px;
  display: inline-block; }

.series-tease__title-link {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #161F2D;
  padding-right: 20px; }
  @media (min-width: 600px) and (max-width: 1799px) {
    .series-tease__title-link {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .series-tease__title-link {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .series-tease__title-link {
      font-size: 25px;
      line-height: 1.15em; } }
  @media (min-width: 600px) {
    .series-tease__title-link {
      padding-right: 40px; } }
  @media (min-width: 768px) {
    .series-tease__title-link {
      padding-right: 60px; } }

.series-tease__title-link a {
  display: block;
  text-decoration: none; }
  .series-tease__title-link a span {
    box-shadow: 0;
    color: #FFFFFF;
    transition: color 0.2s, box-shadow 0.2s; }
  .series-tease__title-link a:hover span, .series-tease__title-link a:focus span {
    color: #FFFFFF;
    box-shadow: 0 -3px 0 #FFFFFF inset; }
  @media (min-width: 768px) {
    .series-tease__title-link a {
      display: block;
      text-decoration: none; }
      .series-tease__title-link a span {
        box-shadow: 0;
        color: #FFFFFF;
        transition: color 0.2s, box-shadow 0.2s; }
      .series-tease__title-link a:hover span, .series-tease__title-link a:focus span {
        color: #FFFFFF;
        box-shadow: 0 -5px 0 #FFFFFF inset; } }

.series-tease__feature {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  min-height: 500px;
  background-color: #273142; }
  @media (min-width: 960px) {
    .series-tease__feature {
      min-height: 600px; } }
  @media (min-width: 960px) {
    .series-tease__feature {
      width: 60%;
      flex-shrink: 1; } }
  @media (min-width: 1200px) {
    .series-tease__feature {
      width: 65%; } }

.series-tease__feature-card {
  position: relative;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.series-tease__feature-body {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 20px 20px 0;
  position: absolute;
  left: -1px;
  bottom: 0;
  width: 70%;
  max-width: 650px; }
  @media (min-width: 600px) {
    .series-tease__feature-body {
      width: 75%;
      padding: 40px 40px 40px 0; } }
  @media (min-width: 768px) {
    .series-tease__feature-body {
      width: calc(50% + 20px); } }
  @media (min-width: 960px) {
    .series-tease__feature-body {
      padding: 50px 50px 0 0; } }

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

.series-tease__feature-byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 15px 0 0 0; }

.series-tease__feature-byline span {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  padding-right: 5px; }

.series-tease__feature-meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

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

.series-tease__more {
  width: 100%;
  background-color: #161F2D;
  padding: 30px 30px 0 30px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .series-tease__more {
      padding: 40px 40px 0 40px; } }
  @media (min-width: 960px) {
    .series-tease__more {
      width: 40%; } }
  @media (min-width: 1200px) {
    .series-tease__more {
      width: 35%; } }

.series-tease__more-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;
  padding-bottom: 3px; }
  @media (min-width: 600px) {
    .series-tease__more-header {
      font-size: 16px; } }

.series-tease__more-grid {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) and (max-width: 959px) {
    .series-tease__more-grid {
      margin: 0 -10px; } }

.series-tease__more .card-sm {
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px 40px 0; }
  @media (min-width: 600px) {
    .series-tease__more .card-sm {
      width: 50%; }
      .series-tease__more .card-sm:nth-child(2n+2) {
        padding: 0 0 40px 10px; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .series-tease__more .card-sm {
      width: 25%;
      padding: 0 10px 40px 10px; }
      .series-tease__more .card-sm:nth-child(2n+2) {
        padding: 0 10px 40px 10px; } }

.series-tease__more .card-sm__play {
  background-color: #161F2D; }

.series-tease__more .card-sm__title {
  display: block;
  text-decoration: none; }
  .series-tease__more .card-sm__title span {
    box-shadow: 0;
    color: #FFFFFF;
    transition: color 0.2s, box-shadow 0.2s; }
  .series-tease__more .card-sm__title:hover span, .series-tease__more .card-sm__title:focus span {
    color: #FFFFFF;
    box-shadow: 0 -2px 0 #63768B inset; }

.series-tease__more .card-sm__meta a {
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s; }
  .series-tease__more .card-sm__meta a svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .series-tease__more .card-sm__meta a:hover, .series-tease__more .card-sm__meta a:focus {
    color: #FFFFFF; }
    .series-tease__more .card-sm__meta a:hover svg, .series-tease__more .card-sm__meta a:focus svg {
      fill: #FFFFFF; }

.series-tease__more .card-sm__meta--inset {
  background-color: #161F2D;
  color: #7e97ad; }

.series-tease__more .card-sm__figure {
  background-color: #161F2D; }

.episode__figure {
  position: relative;
  overflow: hidden; }

.episode__img {
  display: block;
  outline: 0;
  transform: translate3d(0, 0, 0); }
  .episode__img img {
    width: 100%; }
  .episode__img:hover .episode__play, .episode__img:focus .episode__play {
    transform: translateX(0);
    background-color: #F83036; }
  .episode__img:hover .episode__overlay, .episode__img:focus .episode__overlay {
    opacity: 0.7; }
  .episode__img:hover .episode__play-icon svg, .episode__img:focus .episode__play-icon svg {
    fill: #FFFFFF; }

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

.episode__play {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  transform: translateX(100%) translateX(-40px);
  transition: transform 0.2s, background-color 0.2s;
  z-index: 2;
  height: 40px; }

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

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

.episode__body {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.episode__logo {
  flex-shrink: 0;
  margin-top: -35px;
  position: relative;
  background-color: #FFFFFF;
  padding: 15px 15px 0 0; }
  .episode__logo svg {
    width: 55px;
    height: 55px; }

.episode__info {
  padding: 20px 0 0 0; }
  .home__tv .episode__info {
    padding-bottom: 20px; }

.episode__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) {
    .episode__title {
      font-size: 18px; } }
  .episode__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .episode__title:hover span, .episode__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.watch-options {
  width: 100%;
  margin: 40px 0; }
  @media (min-width: 960px) {
    .watch-options {
      margin: 0 0 30px 0; } }
  @media (min-width: 1200px) {
    .watch-options {
      margin: 0 0 40px 0; } }

.watch-options__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .watch-options__header {
      font-size: 16px; } }

.watch-options__list li {
  border-bottom: 1px solid #D6DFE8; }

.watch-options__list a {
  display: flex;
  align-items: center;
  transition: background-color 0.2s; }
  .watch-options__list a:hover, .watch-options__list a:focus {
    background-color: #FFFFFF; }
    .watch-options__list a:hover svg, .watch-options__list a:focus svg {
      fill: #F83036;
      opacity: 1; }
    .watch-options__list a:hover .watch-options__text, .watch-options__list a:focus .watch-options__text {
      color: #31445d; }

.watch-options__icon {
  flex-shrink: 0;
  border-right: 1px solid #D6DFE8;
  padding: 12px 10px 8px 10px;
  box-sizing: border-box;
  text-align: center; }
  .watch-options__icon svg {
    width: 20px;
    height: 20px;
    fill: #63768B;
    opacity: 0.4;
    transition: opacity 0.2s, fill 0.2s; }

.watch-options__text {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  width: 100%;
  flex-shrink: 1;
  padding: 12px 10px 10px 10px;
  box-sizing: border-box;
  transition: color 0.2s; }

.subnav {
  width: 100%;
  margin: 0 0 40px 0; }
  @media (min-width: 0) and (max-width: 599px) {
    .page__body-content--reversed .subnav {
      margin: 40px 0 0 0; } }
  @media (min-width: 600px) {
    .subnav {
      position: sticky;
      top: 40px; } }
  @media (min-width: 600px) {
    .subnav {
      width: 120px;
      flex-shrink: 0;
      margin: 0 20px 0 0;
      display: block; } }
  @media (min-width: 960px) {
    .subnav {
      margin: 0 30px 0 0; } }
  @media (min-width: 1200px) {
    .subnav {
      margin: 0 40px 0 0; } }

.subnav-header {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  display: block; }

.subnav-header--large {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  margin: 0 0 20px 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .subnav-header--large {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .subnav-header--large {
      font-size: 30px; } }

.subnav-list li {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s;
  border-bottom: 1px solid #D6DFE8; }
  .subnav-list li svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .subnav-list li:hover, .subnav-list li:focus {
    color: #161F2D; }
    .subnav-list li:hover svg, .subnav-list li:focus svg {
      fill: #161F2D; }
  .subnav-list li a {
    padding: 12px 0 10px 0;
    display: block; }
  .subnav-list li:first-child {
    border-top: 1px solid #D6DFE8; }

.subnav--seleted {
  color: #161F2D; }

.pagination {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  border-top: 1px solid #D6DFE8;
  display: flex;
  height: 50px;
  align-items: stretch; }

@media (min-width: 600px) {
  .pagination__numbers {
    display: flex;
    border-right: 1px solid #D6DFE8;
    padding: 0 5px; } }

.pagination__number {
  display: none;
  padding: 15px; }
  @media (min-width: 600px) {
    .pagination__number {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .pagination__number--current {
    color: #161F2D; }

.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border-right: 1px solid #D6DFE8;
  box-sizing: border-box;
  width: 50px; }
  .pagination__link svg {
    display: block;
    width: 14px;
    height: 13px;
    fill: #161F2D;
    transition: fill 0.2s; }
  .pagination__link--disabled {
    pointer-events: none;
    cursor: default; }
    .pagination__link--disabled svg {
      fill: #D6DFE8; }
  .pagination__link:hover svg, .pagination__link:focus svg {
    fill: #F83036; }

.related-posts {
  background-color: #F1F8FC;
  width: 340px;
  float: right;
  margin: 0 0 40px 40px;
  padding: 40px;
  box-sizing: border-box; }
  @media (min-width: 0) and (max-width: 767px) {
    .related-posts {
      float: none;
      margin: 30px 0;
      width: 100%;
      padding: 40px 20px; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .related-posts {
      width: 300px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .related-posts {
      float: none;
      margin: 40px 0;
      width: 100%; } }
  @media (min-width: 2000px) {
    .related-posts {
      width: 400px; } }

.related-posts__figure {
  position: relative;
  overflow: hidden;
  min-height: 100px;
  background-color: #E2ECF2; }

.related-posts__img {
  display: block;
  transform: translate3d(0, 0, 0); }
  .related-posts__img img {
    width: 100%; }
  .related-posts__img:hover .related-posts__play, .related-posts__img:focus .related-posts__play {
    transform: translateX(0);
    background-color: #F83036; }
  .related-posts__img:hover .related-posts__overlay, .related-posts__img:focus .related-posts__overlay {
    opacity: 0.7; }
  .related-posts__img:hover .related-posts__play-icon svg, .related-posts__img:focus .related-posts__play-icon svg {
    fill: #FFFFFF; }

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

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

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

.related-posts__play-icon {
  width: 40px;
  height: 12px;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .related-posts__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    transition: fill 0.2s; }

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

.related-posts__play-cta span {
  opacity: 0.6; }

.related-posts__body {
  width: 90%; }

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

.related-posts__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .related-posts__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .related-posts__byline {
      margin: 15px 0 0 0; } }

.related-posts__list-item {
  border-bottom: 1px solid #D6DFE8;
  border-left: 1px solid #D6DFE8;
  padding: 20px 0 20px 20px; }
  .related-posts__list-item:first-child {
    padding-top: 0; }
  .related-posts__list-item:last-child {
    border-bottom: 0;
    padding-bottom: 0; }

.related-posts__related-label {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #F83036;
  display: block;
  margin: 0 0 5px 0; }

.related-posts__list-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; }
  .related-posts__list-title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .related-posts__list-title:hover span, .related-posts__list-title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.related-posts__list-byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .related-posts__list-byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .related-posts__list-byline {
      margin: 15px 0 0 0; } }

.video-footer {
  background-color: #F1F8FC;
  box-sizing: border-box;
  padding: 40px 20px 0 20px;
  position: relative;
  max-width: 1850px;
  margin: 0 auto; }
  @media (min-width: 960px) {
    .video-footer {
      padding: 40px 30px; } }
  @media (min-width: 1200px) {
    .video-footer {
      padding: 0 40px 40px 40px; } }

.video-footer__cols {
  display: flex;
  position: relative;
  z-index: 2;
  flex-direction: column; }
  @media (min-width: 768px) {
    .video-footer__cols {
      flex-direction: row; } }

.video-footer__video {
  width: 100%; }
  @media (min-width: 768px) {
    .video-footer__video {
      width: 50%; } }
  @media (min-width: 1200px) {
    .video-footer__video {
      width: 60%; } }

.video-footer__text {
  width: 100%;
  padding-top: 20px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .video-footer__text {
      padding-top: 40px; } }
  @media (min-width: 768px) {
    .video-footer__text {
      width: 50%;
      padding-left: 40px;
      padding-top: 0; } }
  @media (min-width: 1200px) {
    .video-footer__text {
      padding-top: 120px;
      width: 40%; } }
  @media (min-width: 1400px) {
    .video-footer__text {
      padding-top: 220px; } }

.video-footer__iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.video-footer__iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-footer__page-extension {
  display: none; }
  @media (min-width: 1200px) {
    .video-footer__page-extension {
      display: block;
      background-color: #FFFFFF;
      position: absolute;
      height: 50px;
      width: calc(100% - 380px);
      top: 0;
      left: 0;
      z-index: 1; } }
  @media (min-width: 1400px) {
    .video-footer__page-extension {
      height: 150px; } }

.video-footer__title {
  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) {
    .video-footer__title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .video-footer__title {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .video-footer__title {
      font-size: 25px;
      line-height: 1.15em; } }

.video-footer__title a {
  display: block;
  text-decoration: none;
  color: #F83036;
  text-decoration: none; }
  .video-footer__title a span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .video-footer__title a:hover span, .video-footer__title a:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }
  @media (min-width: 768px) {
    .video-footer__title a {
      display: block;
      text-decoration: none; }
      .video-footer__title a span {
        box-shadow: 0;
        color: #161F2D;
        transition: color 0.2s, box-shadow 0.2s; }
      .video-footer__title a:hover span, .video-footer__title a:focus span {
        color: #161F2D;
        box-shadow: 0 -5px 0 #161F2D inset; } }

.video-footer__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 15px 0 0 0; }
  @media (min-width: 600px) {
    .video-footer__meta {
      margin: 35px 0 0 0; } }

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

.two-photos {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 40px 0; }
  .two-photos img {
    width: 100%; }
  @media (min-width: 450px) {
    .two-photos {
      flex-direction: row; } }
  @media (min-width: 600px) {
    .two-photos {
      width: calc(100% + 230px); } }
  @media (min-width: 960px) {
    .two-photos {
      margin-left: -120px;
      margin: 60px 0; } }
  @media (min-width: 1200px) {
    .two-photos {
      width: calc(100% + 210px); } }

.two-photos__col-1 {
  width: 100%; }
  @media (min-width: 450px) {
    .two-photos__col-1 {
      width: 60%; } }

.two-photos__col-2 {
  width: 100%;
  margin: 20px 0 0 0; }
  @media (min-width: 450px) {
    .two-photos__col-2 {
      width: 40%;
      margin: 0 0 0 10px; } }

.two-photos__caption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  padding: 20px 0 0 0; }
  .two-photos__caption p {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    color: #7e97ad;
    margin: 0 0 20px 0; }
    .two-photos__caption p:last-child {
      margin-bottom: 0; }
  @media (min-width: 450px) {
    .two-photos__caption {
      padding: 25px 0 0 20px; } }
  @media (min-width: 960px) {
    .two-photos__caption {
      max-width: 250px;
      padding: 40px 0 0 40px; } }

.photo-gallery {
  width: 100%;
  position: relative;
  margin: 20px 0 40px 0;
  width: 100%; }
  .photo-gallery img {
    width: 100%; }
  @media (min-width: 600px) {
    .photo-gallery {
      width: calc(100% + 210px); } }
  @media (min-width: 960px) {
    .photo-gallery {
      margin: 20px 0 60px 0; } }

.photo-gallery__header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  width: 100%;
  margin: 40px 0 20px 0; }
  @media (min-width: 600px) {
    .photo-gallery__header {
      font-size: 16px; } }
  @media (min-width: 600px) {
    .photo-gallery__header {
      width: calc(100% + 210px); } }
  @media (min-width: 960px) {
    .photo-gallery__header {
      margin: 60px 0 20px 0; } }

.photo-gallery__slide {
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .photo-gallery__slide {
      flex-direction: row; } }

.photo-gallery__img {
  width: 100%;
  flex-shink: 1; }

.photo-gallery__caption {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  width: 100%;
  flex-shrink: 1;
  box-sizing: border-box;
  padding: 20px 0 0 0; }
  @media (min-width: 600px) {
    .photo-gallery__caption {
      width: 210px;
      flex-shrink: 0;
      padding: 60px 0 0 40px; } }
  @media (min-width: 1400px) {
    .photo-gallery__caption {
      padding: 100px 0 0 40px; } }

.photo-gallery .flickity-page-dots {
  top: 0;
  left: 0;
  right: auto;
  background-color: #FFFFFF;
  display: inline-block;
  padding-right: 5px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .photo-gallery .flickity-page-dots {
      top: auto;
      bottom: 0; } }

.photo-gallery .flickity-page-dots .dot {
  margin: 0 3px; }
  @media (min-width: 0) and (max-width: 599px) {
    .photo-gallery .flickity-page-dots .dot {
      margin-bottom: 5px; } }

.sidebar__donate {
  background-color: #F1F8FC;
  width: 100%;
  position: relative;
  z-index: 4;
  margin: 0; }
  @media (min-width: 1200px) {
    .sidebar__donate {
      width: 380px; } }

.sidebar__station {
  background-color: #E2ECF2;
  padding: 20px;
  box-sizing: border-box; }
  @media (min-width: 960px) {
    .sidebar__station {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .sidebar__station {
      padding: 40px; } }

@media (min-width: 1200px) {
  .sidebar__tucked {
    margin-top: -180px; } }

.sidebar__station-or {
  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: 1399px) {
    .sidebar__station-or {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1400 - 600)); } }
  @media (min-width: 1400px) {
    .sidebar__station-or {
      font-size: 60px; } }

.sidebar__station-pbs-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  margin: 20px 0 0 0; }
  @media (min-width: 600px) {
    .sidebar__station-pbs-cta {
      font-size: 22px; } }

.sidebar__station-button {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: bold;
  color: #161F2D;
  display: inline-block;
  padding: 15px 20px;
  background-color: #FFFFFF;
  transition: color 0.2s, background-color 0.2s;
  margin: 30px 0 0 0; }
  @media (min-width: 600px) {
    .sidebar__station-button {
      font-size: 18px; } }
  .sidebar__station-button:hover, .sidebar__station-button:focus {
    background-color: #F83036;
    color: #FFFFFF; }

.sidebar__friends {
  padding: 20px;
  box-sizing: border-box;
  background-color: #F1F8FC; }
  @media (min-width: 768px) {
    .sidebar__friends {
      column-count: 2;
      column-gap: 40px; } }
  @media (min-width: 960px) {
    .sidebar__friends {
      column-count: 3;
      padding: 30px; } }
  @media (min-width: 1200px) {
    .sidebar__friends {
      column-count: 1;
      padding: 40px; } }

.sidebar__friends-header {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #7e97ad;
  border-bottom: 1px solid #D6DFE8;
  margin: 0 0 20px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #D6DFE8; }
  @media (min-width: 600px) {
    .sidebar__friends-header {
      font-size: 16px; } }

.sidebar__friends-list {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  margin-bottom: 40px; }

.sidebar__friends-list li {
  margin: 3px 0; }

.sidebar__friends-small {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 0 0 20px 0; }

.related-link {
  display: flex;
  align-items: stretch;
  background-color: #161F2D;
  transition: background-color 0.2s;
  position: relative; }
  .related-link:hover, .related-link:focus {
    background-color: #F1F8FC; }
    .related-link:hover .related-link__label, .related-link:focus .related-link__label {
      color: #7e97ad; }
    .related-link:hover .related-link__title, .related-link:focus .related-link__title {
      color: #161F2D; }
    .related-link:hover .related-link__overlay, .related-link:focus .related-link__overlay {
      opacity: 0.6; }

.related-link__img {
  width: 80px;
  flex-shrink: 0;
  position: relative;
  background-size: cover;
  background-position: center; }
  @media (min-width: 768px) {
    .related-link__img {
      width: 150px; } }

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

.related-link__text {
  flex-shrink: 1;
  padding: 20px 50px 20px 20px; }
  @media (min-width: 0) and (max-width: 599px) {
    .related-link__text {
      padding: 15px; } }

.related-link__label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  margin-bottom: 5px;
  transition: color 0.2s; }

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

.timeline {
  margin: 40px 0;
  padding: 30px;
  background-color: #F1F8FC; }
  @media (min-width: 600px) {
    .timeline {
      padding: 40px;
      margin: 60px 0; } }
  @media (min-width: 960px) {
    .timeline {
      padding: 60px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .timeline {
      padding: 50px;
      width: calc(100% + 110px); } }

.timeline__event {
  border-bottom: 1px solid #D6DFE8;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  @media (min-width: 600px) {
    .timeline__event {
      display: flex;
      margin: 0;
      border: 0;
      padding: 0; } }
  .timeline__event:last-child {
    margin: 0;
    border: 0;
    padding: 0; }

.timeline__event-info {
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .timeline__event-info {
      flex-shrink: 0;
      border-right: 1px solid #D6DFE8;
      padding-right: 20px;
      margin-right: 20px;
      text-align: right; } }

.timeline__event-date {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  position: relative; }
  @media (min-width: 600px) {
    .timeline__event-date:after {
      content: '';
      display: block;
      width: 7px;
      height: 7px;
      background-color: #F83036;
      border-radius: 50%;
      position: absolute;
      top: 0px;
      right: -27px;
      border: 3px solid #F1F8FC; } }

.timeline__event-time {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 5px 0 0 0; }

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

.timeline__event-body {
  width: 100%;
  flex-shrink: 1;
  padding: 20px 0 0 0; }
  @media (min-width: 600px) {
    .timeline__event-body {
      padding: 0 0 40px 0; } }

.newsletter-inline {
  display: block;
  box-sizing: border-box;
  background-color: #F1F8FC;
  width: 100%;
  padding: 30px;
  position: relative;
  margin: 40px 0; }
  @media (min-width: 960px) {
    .newsletter-inline {
      padding: 40px; } }

.card-xl {
  width: 100%;
  min-height: 300px;
  position: relative; }
  @media (min-width: 600px) {
    .card-xl {
      margin: 0 0 120px 0; } }
  @media (min-width: 768px) {
    .card-xl {
      margin: 0 0 150px 0; } }
  @media (min-width: 1400px) {
    .card-xl {
      display: flex;
      margin: 0; } }

.card-xl__figure {
  position: relative;
  min-height: 150px;
  background-color: #F1F8FC; }
  @media (min-width: 1400px) {
    .card-xl__figure {
      width: 70%;
      flex-shrink: 1; } }
  @media (min-width: 1800px) {
    .card-xl__figure {
      width: 75%; } }

.card-xl__img {
  display: block; }
  .card-xl__img img {
    width: 100%; }
  .card-xl__img:hover .card-xl__play-icon, .card-xl__img:focus .card-xl__play-icon {
    background-color: #161F2D; }
  .card-xl__img:hover .card-xl__play-cta span, .card-xl__img:focus .card-xl__play-cta span {
    color: #F83036; }
  .card-xl__img:hover .card-xl__overlay, .card-xl__img:focus .card-xl__overlay {
    opacity: 0.7; }

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

.card-xl__play {
  position: absolute;
  border-left: 10px solid #FFFFFF;
  border-bottom: 10px solid #FFFFFF;
  top: 0;
  right: 0; }

.card-xl__play-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #F83036;
  transition: background-color 0.2s; }
  .card-xl__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    padding-left: 2px; }
  @media (min-width: 768px) {
    .card-xl__play-icon {
      width: 60px;
      height: 60px;
      line-height: 60px; } }

.card-xl__body {
  background-color: #F1F8FC;
  box-sizing: border-box;
  padding: 20px; }
  @media (min-width: 600px) {
    .card-xl__body {
      padding: 30px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 75%;
      padding: 40px 40px 0 0;
      background-color: #FFFFFF;
      bottom: -100px; } }
  @media (min-width: 768px) {
    .card-xl__body {
      width: calc(50% + 20px);
      padding: 50px 50px 0 0; } }
  @media (min-width: 1200px) {
    .card-xl__body {
      width: calc(70% + 20px); } }
  @media (min-width: 1400px) {
    .card-xl__body {
      bottom: auto;
      position: relative;
      width: 30%;
      flex-shrink: 0;
      padding: 70px 0 0 40px; } }
  @media (min-width: 1800px) {
    .card-xl__body {
      width: 25%; } }

@media (max-height: 700px) and (min-width: 600px) {
  .card-xl {
    margin-bottom: 40px; } }

@media (max-height: 700px) and (min-width: 600px) {
  .card-xl__body {
    position: relative;
    bottom: 0;
    padding-top: 40px !important; } }

@media (max-height: 700px) {
  .card-xl__figure {
    max-height: none !important; } }

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

.card-xl__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .card-xl__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-xl__byline {
      margin: 15px 0 0 0; } }

.card-xl__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

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

.card-lg__figure {
  position: relative;
  min-height: 150px;
  background-color: #F1F8FC; }

.card-lg__img-bg {
  background-size: cover;
  background-position: top center;
  height: 300px; }

.card-lg__img {
  display: block;
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 100%; }
  .card-lg__img img {
    width: 100%;
    height: 100%;
    visibility: hidden; }
  .card-lg__img:hover .card-lg__play-icon, .card-lg__img:focus .card-lg__play-icon {
    background-color: #161F2D; }
  .card-lg__img:hover .card-lg__play-cta span, .card-lg__img:focus .card-lg__play-cta span {
    color: #F83036; }
  .card-lg__img:hover .card-lg__overlay, .card-lg__img:focus .card-lg__overlay {
    opacity: 0.7; }

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

.card-lg__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-color: #FFFFFF;
  padding: 12px 12px 0 0;
  z-index: 2; }

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

.card-lg__play {
  position: absolute;
  right: 0;
  bottom: -25px;
  background-color: #FFFFFF;
  border-left: 10px solid #FFFFFF;
  border-top: 10px solid #FFFFFF; }

.card-lg__play-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #F83036;
  transition: background-color 0.2s; }
  .card-lg__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #FFFFFF;
    padding-left: 2px; }
  @media (min-width: 768px) {
    .card-lg__play-icon {
      width: 60px;
      height: 60px;
      line-height: 60px; } }

.card-lg__play-cta {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
  color: #7e97ad;
  padding: 10px 0 0 0;
  font-weight: normal; }

.card-lg__play-cta span {
  display: block;
  font-weight: bold;
  color: #161F2D;
  transition: color 0.2s; }

.card-lg__body {
  max-width: 600px; }

.card-lg__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none;
  margin: 22px 0 0 0; }
  @media (min-width: 600px) {
    .card-lg__title {
      font-size: 22px; } }
  .card-lg__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-lg__title:hover span, .card-lg__title:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }
  @media (min-width: 600px) {
    .card-lg__title {
      margin: 30px 0 0 0; } }
  .card-lg__title--with-space {
    margin: 22px 60px 0 0; }
    @media (min-width: 600px) {
      .card-lg__title--with-space {
        margin: 30px 75px 0 0; } }

.card-lg__excerpt {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #31445d;
  margin: 12px 0 0 0; }
  @media (min-width: 1200px) {
    .card-lg__excerpt {
      font-size: 16px; } }
  @media (min-width: 600px) {
    .card-lg__excerpt {
      margin: 15px 0 0 0; } }

.card-lg__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .card-lg__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-lg__byline {
      margin: 15px 0 0 0; } }

.card-md__figure {
  position: relative;
  overflow: hidden;
  min-height: 100px;
  background-color: #F1F8FC; }

.card-md__img-bg {
  background-size: cover;
  background-position: top center;
  height: 200px; }

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

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

.card-md__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  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; }

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

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

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

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

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

.card-md__body {
  width: 90%; }

.card-md__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;
  margin: 15px 0 0 0; }
  @media (min-width: 600px) {
    .card-md__title {
      font-size: 18px; } }
  .card-md__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-md__title:hover span, .card-md__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }
  @media (min-width: 600px) {
    .card-md__title {
      margin: 25px 0 0 0; } }

.card-md__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 8px 0 0 0; }
  .card-md__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-md__byline {
      margin: 15px 0 0 0; } }

.card-md__excerpt {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  @media (min-width: 600px) {
    .card-md__excerpt {
      margin: 15px 0 0 0; } }

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

.card-sm__img-bg {
  background-size: cover;
  background-position: top center;
  height: 140px; }

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

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

.card-sm__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  margin: 15px 0 -2px 0; }
  @media (min-width: 600px) {
    .card-sm__meta {
      margin: 20px 0 0 0; } }

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

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

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

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

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

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

.card-sm__play-cta span {
  opacity: 0.6; }

.card-sm__body {
  width: 90%; }

.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: 12px 0 0 0; }
  .card-sm__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-sm__title:hover span, .card-sm__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }
  @media (min-width: 600px) {
    .card-sm__title {
      margin: 15px 0 0 0; } }

.card-sm__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 8px 0 0 0; }
  .card-sm__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-sm__byline {
      margin: 13px 0 0 0; } }

.card-sm__excerpt {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 8px 0 0 0; }
  @media (min-width: 600px) {
    .card-sm__excerpt {
      margin: 13px 0 0 0; } }

.card-sm__episode-label {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #F83036;
  display: block;
  margin: 12px 0 -10px 0; }
  @media (min-width: 600px) {
    .card-sm__episode-label {
      margin: 15px 0 -13px 0; } }

.card-horiz {
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .card-horiz {
      flex-direction: row; } }

.card-horiz__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 100%; }
  @media (min-width: 450px) {
    .card-horiz__head {
      flex-direction: row-reverse; } }
  @media (min-width: 600px) {
    .card-horiz__head {
      flex-direction: row;
      width: 100%;
      padding: 0 20px 0 0; } }
  @media (min-width: 768px) {
    .card-horiz__head {
      width: 65%; } }
  @media (min-width: 960px) {
    .card-horiz__head {
      width: 50%;
      padding: 0 20px 0 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .card-horiz__head {
      flex-direction: column; } }

.card-horiz__figure {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%; }
  @media (min-width: 450px) {
    .card-horiz__figure {
      width: 50%; } }
  @media (min-width: 600px) {
    .card-horiz__figure {
      width: 180px; } }
  @media (min-width: 1800px) {
    .card-horiz__figure {
      width: 220px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .card-horiz__figure {
      width: 100%; } }

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

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

.card-horiz__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  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; }

.card-horiz__intro {
  box-sizing: border-box;
  padding: 15px 0 0 0;
  width: 100%; }
  @media (min-width: 450px) {
    .card-horiz__intro {
      padding: 0 20px 0 0;
      width: 50%; } }
  @media (min-width: 600px) {
    .card-horiz__intro {
      padding: 0 0 0 20px;
      width: auto; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .card-horiz__intro {
      padding: 20px 0 0 0; } }

.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) {
    .card-horiz__title {
      font-size: 18px; } }
  .card-horiz__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-horiz__title:hover span, .card-horiz__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.card-horiz__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 8px 0 0 0; }
  .card-horiz__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-horiz__byline {
      margin: 15px 0 0 0; } }

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

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

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

.card-horiz__play-cta span {
  opacity: 0.6; }

.card-horiz__body {
  display: none; }
  @media (min-width: 768px) {
    .card-horiz__body {
      display: block;
      width: 35%;
      flex-shrink: 0; } }
  @media (min-width: 960px) {
    .card-horiz__body {
      width: 50%;
      padding: 0 20px;
      box-sizing: border-box; } }

.card-horiz__excerpt {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  color: #31445d; }
  @media (min-width: 1200px) {
    .card-horiz__excerpt {
      font-size: 16px; } }

.card-horiz__link {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  font-weight: bold;
  margin: 10px 0 0 0; }

.card-horiz__link a {
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s; }
  .card-horiz__link a svg {
    fill: #F83036;
    transition: fill 0.2s; }
  .card-horiz__link a:hover, .card-horiz__link a:focus {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }
    .card-horiz__link a:hover svg, .card-horiz__link a:focus svg {
      fill: #161F2D; }

.card-text--small .card-text__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; }
  .card-text--small .card-text__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-text--small .card-text__title:hover span, .card-text--small .card-text__title:focus span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.card-text--small .card-text__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 5px 0 0 0; }
  .card-text--small .card-text__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-text--small .card-text__byline {
      margin: 10px 0 0 0; } }

.card-text--large {
  border-bottom: 1px solid #D6DFE8;
  padding-bottom: 40px;
  margin-bottom: 40px; }
  .card-text--large .card-text__title {
    font-size: 20px;
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    line-height: 1.16em;
    font-weight: bold;
    color: #161F2D;
    display: block;
    text-decoration: none;
    max-width: 900px; }
    @media (min-width: 450px) and (max-width: 1199px) {
      .card-text--large .card-text__title {
        font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
    @media (min-width: 1200px) {
      .card-text--large .card-text__title {
        font-size: 30px; } }
    .card-text--large .card-text__title span {
      box-shadow: 0;
      color: #161F2D;
      transition: color 0.2s, box-shadow 0.2s; }
    .card-text--large .card-text__title:hover span, .card-text--large .card-text__title:focus span {
      color: #161F2D;
      box-shadow: 0 -3px 0 #161F2D inset; }
  .card-text--large .card-text__meta {
    font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
    font-size: 12px;
    line-height: 1.2em;
    color: #7e97ad;
    margin: 0 0 10px 0; }
  .card-text--large .card-text__meta a {
    color: #F83036;
    text-decoration: none;
    box-shadow: 0;
    transition: color 0.2s, box-shadow 0.2s; }
    .card-text--large .card-text__meta a svg {
      fill: #F83036;
      transition: fill 0.2s; }
    .card-text--large .card-text__meta a:hover, .card-text--large .card-text__meta a:focus {
      color: #161F2D; }
      .card-text--large .card-text__meta a:hover svg, .card-text--large .card-text__meta a:focus svg {
        fill: #161F2D; }
  .card-text--large .card-text__excerpt {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    color: #31445d;
    margin: 20px 0 0 0;
    max-width: 650px; }
    @media (min-width: 1200px) {
      .card-text--large .card-text__excerpt {
        font-size: 16px; } }

.card-thumb__link {
  display: flex;
  text-decoration: none; }
  .card-thumb__link:hover .card-thumb__overlay, .card-thumb__link:focus .card-thumb__overlay {
    opacity: 0.6; }
  .card-thumb__link:hover .card-thumb__title span, .card-thumb__link:focus .card-thumb__title span {
    color: #161F2D;
    box-shadow: 0 -2px 0 #161F2D inset; }

.card-thumb__figure {
  position: relative;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin: 0 20px 0 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .card-thumb__figure img {
    height: 100%;
    transform: translatex(-50%);
    position: absolute;
    left: 50%;
    top: 0; }
  @media (min-width: 600px) {
    .card-thumb__figure {
      width: 80px;
      height: 80px; } }

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

.card-thumb__play-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  line-height: 10px;
  text-align: right;
  z-index: 2; }
  .card-thumb__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036; }

.card-thumb__body {
  width: 100%; }
  @media (min-width: 0) and (max-width: 959px) {
    .card-thumb__body {
      align-self: center; } }

.card-thumb__title {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: bold;
  color: #161F2D;
  display: block; }

.card-thumb__title span {
  box-shadow: 0;
  color: #161F2D;
  transition: color 0.2s, box-shadow 0.2s; }

.card-thumb__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .card-thumb__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-thumb__byline {
      margin: 10px 0 0 0; } }

.card-episode__figure {
  position: relative;
  overflow: hidden;
  min-height: 100px;
  background-color: #F1F8FC; }

.card-episode__link {
  display: block; }
  .card-episode__link:hover .card-episode__overlay, .card-episode__link:focus .card-episode__overlay {
    opacity: 0.85; }
  .card-episode__link:hover .card-episode__title, .card-episode__link:focus .card-episode__title {
    color: #161F2D; }
  .card-episode__link:hover .card-episode__play, .card-episode__link:focus .card-episode__play {
    transform: translateX(0);
    background-color: #F83036; }
  .card-episode__link:hover .card-episode__play-icon svg, .card-episode__link:focus .card-episode__play-icon svg {
    fill: #FFFFFF; }

.card-episode__img {
  background-size: cover;
  background-position: center;
  height: 280px;
  width: 100%; }

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

.card-episode__title {
  font-size: 30px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.08em;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: color 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0 0 15px 20px; }
  @media (min-width: 600px) and (max-width: 1399px) {
    .card-episode__title {
      font-size: calc(30px + (60 - 30) * (100vw - 600px) / (1400 - 600)); } }
  @media (min-width: 1400px) {
    .card-episode__title {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .card-episode__title {
      font-size: 50px; } }
  @media (min-width: 960px) {
    .card-episode__title {
      padding: 0 0 5px 20px; } }

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

.card-episode__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  flex-shrink: 0;
  text-align: center; }
  .card-episode__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    transition: fill 0.2s; }

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

.card-episode__play-cta span {
  opacity: 0.6; }

.card-episode__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 8px; }

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

.card-episode__date {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

.card-episode-lg {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .card-episode-lg {
      flex-direction: row; } }

.card-episode-lg__figure {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 600px) {
    .card-episode-lg__figure {
      width: 35%; } }
  @media (min-width: 768px) {
    .card-episode-lg__figure {
      width: 40%; } }
  @media (min-width: 1400px) {
    .card-episode-lg__figure {
      width: 50%; } }

.card-episode-lg__img {
  display: block;
  transform: translate3d(0, 0, 0); }
  .card-episode-lg__img img {
    width: 100%; }
  .card-episode-lg__img:hover .card-episode-lg__play, .card-episode-lg__img:focus .card-episode-lg__play {
    transform: translateX(0);
    background-color: #F83036; }
  .card-episode-lg__img:hover .card-episode-lg__overlay, .card-episode-lg__img:focus .card-episode-lg__overlay {
    opacity: 0.7; }
  .card-episode-lg__img:hover .card-episode-lg__play-icon svg, .card-episode-lg__img:focus .card-episode-lg__play-icon svg {
    fill: #FFFFFF; }

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

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

.card-episode-lg__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  flex-shrink: 0;
  text-align: center; }
  .card-episode-lg__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    transition: fill 0.2s; }

.card-episode-lg__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; }

.card-episode-lg__play-cta span {
  opacity: 0.6; }

.card-episode-lg__body {
  padding: 20px 0 0 0;
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .card-episode-lg__body {
      padding: 0 0 0 20px;
      width: 65%; } }
  @media (min-width: 768px) {
    .card-episode-lg__body {
      padding: 0 0 0 30px;
      width: 60%; } }
  @media (min-width: 1400px) {
    .card-episode-lg__body {
      padding: 40px 0 0 40px;
      width: 50%; } }

.card-episode-lg__title {
  font-size: 20px;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  line-height: 1.16em;
  font-weight: bold;
  color: #161F2D;
  display: block;
  text-decoration: none;
  margin: 5px 0 0 0; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .card-episode-lg__title {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .card-episode-lg__title {
      font-size: 30px; } }
  .card-episode-lg__title span {
    box-shadow: 0;
    color: #161F2D;
    transition: color 0.2s, box-shadow 0.2s; }
  .card-episode-lg__title:hover span, .card-episode-lg__title:focus span {
    color: #161F2D;
    box-shadow: 0 -3px 0 #161F2D inset; }
  @media (min-width: 600px) {
    .card-episode-lg__title {
      margin: 10px 0 0 0; } }
  @media (min-width: 768px) {
    .card-episode-lg__title {
      margin: 15px 0 0 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .card-episode-lg__title {
      font-size: 24px;
      display: block;
      text-decoration: none; }
      .card-episode-lg__title span {
        box-shadow: 0;
        color: #161F2D;
        transition: color 0.2s, box-shadow 0.2s; }
      .card-episode-lg__title:hover span, .card-episode-lg__title:focus span {
        color: #161F2D;
        box-shadow: 0 -2px 0 #161F2D inset; } }

.card-episode-lg__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

.card-hp {
  width: 100%;
  position: relative; }

.card-hp__figure {
  position: relative;
  overflow: hidden; }

.card-hp__img {
  display: block;
  transform: translate3d(0, 0, 0); }
  .card-hp__img img {
    width: 100%; }
  .card-hp__img:hover .card-hp__play, .card-hp__img:focus .card-hp__play {
    transform: translateX(0);
    background-color: #F83036; }
  .card-hp__img:hover .card-hp__overlay, .card-hp__img:focus .card-hp__overlay {
    opacity: 0.7; }
  .card-hp__img:hover .card-hp__play-icon svg, .card-hp__img:focus .card-hp__play-icon svg {
    fill: #FFFFFF; }

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

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

.card-hp__play-icon {
  width: 40px;
  height: 12px;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .card-hp__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    transition: fill 0.2s; }

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

.card-hp__play-cta span {
  opacity: 0.6; }

.card-hp__body {
  padding: 20px 0 0 0; }
  @media (min-width: 600px) {
    .card-hp__body {
      width: 75%;
      padding: 40px 0 0 40px;
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #F1F8FC; } }
  @media (min-width: 960px) {
    .card-hp__body {
      bottom: -250px;
      padding: 40px;
      background-color: #FFFFFF; } }
  @media (min-width: 1200px) {
    .card-hp__body {
      bottom: -160px; } }

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

.card-hp__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 8px 0 0 0; }
  .card-hp__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-hp__byline {
      margin: 15px 0 0 0; } }

.card-hp__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad; }

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

.card-original__figure {
  position: relative;
  overflow: hidden;
  min-height: 100px;
  background-color: #F1F8FC; }

.card-original__link {
  display: block; }
  .card-original__link:hover .card-original__overlay, .card-original__link:focus .card-original__overlay {
    opacity: 0.9; }
  .card-original__link:hover .card-original__title, .card-original__link:focus .card-original__title {
    background-image: linear-gradient(to top, rgba(43, 166, 255, 0.85), rgba(43, 166, 255, 0));
    color: #161F2D; }
  .card-original__link:hover .card-original__line, .card-original__link:focus .card-original__line {
    background-color: #161F2D; }

.card-original__img {
  background-size: cover;
  background-position: center;
  height: 280px;
  width: 100%; }
  @media (min-width: 768px) {
    .card-original__img {
      height: 350px; } }

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

.card-original__title {
  font-family: "Publico", Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  transition: background-image 0.2s, color 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image: linear-gradient(to top, rgba(22, 31, 45, 0.85), rgba(22, 31, 45, 0));
  padding: 20px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .card-original__title {
      font-size: 30px; } }

.card-original__line {
  height: 4px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
  transition: background-color 0.2s; }

.card-podcast--dark {
  transform: translate3d(0, 0, 0); }
  .card-podcast--dark .card-podcast__title {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    display: block;
    text-decoration: none;
    margin: 15px 0 0 0; }
    @media (min-width: 600px) {
      .card-podcast--dark .card-podcast__title {
        font-size: 22px; } }
    .card-podcast--dark .card-podcast__title span {
      box-shadow: 0;
      color: #FFFFFF;
      transition: color 0.2s, box-shadow 0.2s; }
    .card-podcast--dark .card-podcast__title:hover span, .card-podcast--dark .card-podcast__title:focus span {
      color: #FFFFFF;
      box-shadow: 0 -2px 0 #63768B inset; }
    @media (min-width: 600px) {
      .card-podcast--dark .card-podcast__title {
        margin: 30px 0 0 0; } }
  .card-podcast--dark .card-podcast__excerpt {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    color: #7e97ad;
    margin: 3px 0 0 0; }
    @media (min-width: 1200px) {
      .card-podcast--dark .card-podcast__excerpt {
        font-size: 16px; } }
    @media (min-width: 600px) {
      .card-podcast--dark .card-podcast__excerpt {
        margin: 15px 0 0 0; } }
  .card-podcast--dark .card-podcast__links-header {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #FFFFFF;
    margin: 20px 0 3px 0;
    display: block; }
  .card-podcast--dark .card-podcast__links {
    display: flex;
    align-items: center;
    border-top: 1px solid #31445D; }
  .card-podcast--dark .card-podcast__links a {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    color: #F83036;
    text-decoration: none;
    box-shadow: 0;
    transition: color 0.2s, box-shadow 0.2s;
    display: block;
    box-sizing: border-box;
    padding: 15px 15px 0 15px;
    display: flex;
    align-items: center;
    line-height: 1;
    border-right: 1px solid #31445D; }
    .card-podcast--dark .card-podcast__links a svg {
      fill: #F83036;
      transition: fill 0.2s; }
    .card-podcast--dark .card-podcast__links a:hover, .card-podcast--dark .card-podcast__links a:focus {
      color: #FFFFFF; }
      .card-podcast--dark .card-podcast__links a:hover svg, .card-podcast--dark .card-podcast__links a:focus svg {
        fill: #FFFFFF; }
    .card-podcast--dark .card-podcast__links a:first-child {
      padding-left: 0; }
    .card-podcast--dark .card-podcast__links a:last-child {
      border-right: 0; }

.card-podcast--light {
  transform: translate3d(0, 0, 0); }
  .card-podcast--light .card-podcast__title {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    display: block;
    text-decoration: none;
    margin: 15px 0 0 0; }
    @media (min-width: 600px) {
      .card-podcast--light .card-podcast__title {
        font-size: 22px; } }
    .card-podcast--light .card-podcast__title span {
      box-shadow: 0;
      color: #161F2D;
      transition: color 0.2s, box-shadow 0.2s; }
    .card-podcast--light .card-podcast__title:hover span, .card-podcast--light .card-podcast__title:focus span {
      color: #161F2D;
      box-shadow: 0 -2px 0 #161F2D inset; }
    @media (min-width: 600px) {
      .card-podcast--light .card-podcast__title {
        margin: 30px 0 0 0; } }
  .card-podcast--light .card-podcast__excerpt {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    color: #31445d;
    margin: 3px 0 0 0; }
    @media (min-width: 1200px) {
      .card-podcast--light .card-podcast__excerpt {
        font-size: 16px; } }
    @media (min-width: 600px) {
      .card-podcast--light .card-podcast__excerpt {
        margin: 15px 0 0 0; } }
  .card-podcast--light .card-podcast__links-header {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    margin: 20px 0 3px 0;
    display: block; }
  .card-podcast--light .card-podcast__links {
    display: flex;
    align-items: center;
    border-top: 1px solid #D6DFE8; }
  .card-podcast--light .card-podcast__links a {
    font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    color: #161F2D;
    color: #F83036;
    text-decoration: none;
    box-shadow: 0;
    transition: color 0.2s, box-shadow 0.2s;
    display: block;
    box-sizing: border-box;
    padding: 15px 15px 0 15px;
    display: flex;
    align-items: center;
    line-height: 1;
    border-right: 1px solid #D6DFE8; }
    .card-podcast--light .card-podcast__links a svg {
      fill: #F83036;
      transition: fill 0.2s; }
    .card-podcast--light .card-podcast__links a:hover, .card-podcast--light .card-podcast__links a:focus {
      color: #161F2D; }
      .card-podcast--light .card-podcast__links a:hover svg, .card-podcast--light .card-podcast__links a:focus svg {
        fill: #161F2D; }
    .card-podcast--light .card-podcast__links a svg {
      width: 18px;
      height: 18px;
      fill: #161F2D;
      margin: 0 8px 4px 0; }
    .card-podcast--light .card-podcast__links a:first-child {
      padding-left: 0; }
    .card-podcast--light .card-podcast__links a:last-child {
      border-right: 0; }

.card-podcast__figure {
  position: relative;
  min-height: 100px;
  background-color: #F1F8FC; }

.card-podcast__img {
  display: block; }
  .card-podcast__img img {
    width: 100%; }
  .card-podcast__img:hover .card-podcast__overlay, .card-podcast__img:focus .card-podcast__overlay {
    opacity: 0.7; }

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

.card-podcast__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;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2; }

.card-guide__figure {
  position: relative;
  min-height: 150px;
  background-color: #F1F8FC;
  overflow: hidden; }

.card-guide__img {
  display: block;
  transform: translate3d(0, 0, 0);
  width: 100%; }
  .card-guide__img img {
    width: 100%; }
  .card-guide__img:hover .card-guide__play, .card-guide__img:focus .card-guide__play {
    transform: translateX(0);
    background-color: #F83036; }
  .card-guide__img:hover .card-guide__overlay, .card-guide__img:focus .card-guide__overlay {
    opacity: 0.7; }
  .card-guide__img:hover .card-guide__play-icon svg, .card-guide__img:focus .card-guide__play-icon svg {
    fill: #FFFFFF; }

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

.card-guide__meta {
  font-family: "Akkurat-Mono", "Lucida Console", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #7e97ad;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  padding: 12px 12px 0 0;
  z-index: 2; }

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

.card-guide__play {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  transform: translateX(100%) translateX(-40px);
  transition: transform 0.2s, background-color 0.2s;
  z-index: 2;
  height: 40px; }

.card-guide__play-icon {
  width: 40px;
  height: 12px;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .card-guide__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    transition: fill 0.2s; }

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

.card-guide__play-cta span {
  opacity: 0.6; }

.card-guide__body {
  padding: 0 65px 0 0; }
  @media (min-width: 768px) {
    .card-guide__body {
      padding: 0 85px 0 0; } }

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

.card-guide__excerpt {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #31445d;
  margin: 15px 0 0 0; }

.card-guide__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .card-guide__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .card-guide__byline {
      margin: 15px 0 0 0; } }

.narrative__card-horiz {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  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 {
      flex-direction: row-reverse; } }
  @media (min-width: 600px) {
    .narrative__card-horiz {
      flex-direction: row; } }
  .narrative__card-horiz:last-child {
    border-bottom: 0; }

.narrative__card-horiz__figure {
  position: relative;
  overflow: hidden;
  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;
  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 {
    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;
  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: #7e97ad;
  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;
    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: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .narrative__card-horiz__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .narrative__card-horiz__byline {
      margin: 15px 0 0 0; } }

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

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

.narrative__card-horiz__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  flex-shrink: 0;
  text-align: center; }
  .narrative__card-horiz__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    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-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;
  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 {
    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;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

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

.narrative__card-md__play-icon {
  width: 40px;
  height: 12px;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .narrative__card-md__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    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.16em;
  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: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-md__title {
      font-size: 30px; } }
  .narrative__card-md__title span {
    box-shadow: 0;
    color: #161F2D;
    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: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .narrative__card-md__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .narrative__card-md__byline {
      margin: 15px 0 0 0; } }

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

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

.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;
  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 {
    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;
  transition: opacity 0.2s;
  opacity: 0;
  mix-blend-mode: screen; }

.narrative__card-series__play {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  background-color: #F1F8FC;
  transform: translateX(100%) translateX(-40px);
  transition: transform 0.2s, background-color 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;
  flex-shrink: 0;
  text-align: center;
  line-height: 0; }
  .narrative__card-series__play-icon svg {
    width: 12px;
    height: 12px;
    fill: #F83036;
    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.16em;
  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: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-series__title {
      font-size: 30px; } }
  .narrative__card-series__title span {
    box-shadow: 0;
    color: #161F2D;
    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: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .narrative__card-series__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .narrative__card-series__byline {
      margin: 15px 0 0 0; } }

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

.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: #7e97ad;
  margin: 20px 0 0 0; }

.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: 75vh;
      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: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__card-quote h2 {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .narrative__card-quote h2 {
      font-size: 25px;
      line-height: 1.15em; } }
  @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.16em;
  font-weight: bold;
  color: #161F2D; }
  @media (min-width: 450px) and (max-width: 1199px) {
    .narrative__card-quote__text blockquote {
      font-size: calc(20px + (30 - 20) * (100vw - 450px) / (1200 - 450)); } }
  @media (min-width: 1200px) {
    .narrative__card-quote__text blockquote {
      font-size: 30px; } }

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

.narrative__card-quote__text p {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  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-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;
  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 {
    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;
  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: #7e97ad;
  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: #7e97ad;
  margin: 10px 0 0 0; }

.narrative__card-sm__meta a {
  color: #F83036;
  text-decoration: none;
  box-shadow: 0;
  transition: color 0.2s, box-shadow 0.2s; }
  .narrative__card-sm__meta a svg {
    fill: #F83036;
    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: flex;
  align-items: center;
  background-color: #FFFFFF;
  transform: translateX(100%) translateX(-30px);
  transition: transform 0.2s, background-color 0.2s;
  z-index: 2;
  height: 30px; }

.narrative__card-sm__play-icon {
  width: 30px;
  height: 8px;
  line-height: 0;
  flex-shrink: 0;
  text-align: center; }
  .narrative__card-sm__play-icon svg {
    width: 8px;
    height: 8px;
    fill: #F83036;
    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;
    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: #7e97ad; }

.narrative__card-sm__byline {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  color: #7e97ad;
  margin: 10px 0 0 0; }
  .narrative__card-sm__byline span {
    font-family: "Publico", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    padding-right: 3px; }
  @media (min-width: 600px) {
    .narrative__card-sm__byline {
      margin: 13px 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: 75vh;
      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: calc(30px + (60 - 30) * (100vw - 600px) / (1800 - 600)); } }
  @media (min-width: 1800px) {
    .narrative__card-xl__text h2 {
      font-size: 60px; } }
  @media (min-width: 0) and (max-width: 599px) {
    .narrative__card-xl__text h2 {
      font-size: 25px;
      line-height: 1.15em; } }

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

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 10;
  display: block;
  position: relative;
  color: #161F2D;
  background: #FFFFFF;
  border: 1px solid #D6DFE8;
  border-bottom-color: #D6DFE8;
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif;
  margin-top: -1px; }
  .pika-single.is-hidden {
    display: none; }
  .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single {
  *zoom: 1; }
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  .pika-single:after {
    clear: both; }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #161F2D;
  background-color: #FFFFFF; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 6px;
  height: 10px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 1;
  *position: absolute;
  *top: 0; }
  .pika-prev:hover,
  .pika-next:hover {
    opacity: .4; }
  .pika-prev.is-disabled,
  .pika-next.is-disabled {
    cursor: default;
    opacity: .2; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("../img/arrow-left.svg");
  *left: 0;
  margin: 10px 0 0 10px; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("../img/arrow-right.svg");
  *right: 0;
  margin: 10px 10px 0 0; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  .pika-table th {
    color: #7e97ad;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  .pika-table abbr {
    border-bottom: none;
    text-decoration: none; }

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #161F2D;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  background: #FFFFFF;
  font-weight: bold; }
  .is-today .pika-button {
    color: #7e97ad; }
  .is-selected .pika-button {
    color: #F83036; }
  .is-disabled .pika-button,
  .is-outside-current-month .pika-button {
    color: #7e97ad;
    opacity: .3; }
  .is-disabled .pika-button {
    pointer-events: none;
    cursor: default; }
  .pika-button:hover {
    color: #F83036;
    box-shadow: none; }
  .pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #F83036;
  background: #6CB31D;
  box-shadow: none; }

.is-endrange .pika-button {
  color: #F83036;
  box-shadow: none; }

.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;
  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-confirm-station {
  display: none !important; }

.gsc-thumbnail-inside {
  padding: 0 !important;
  font-weight: bold !important; }

input.gsc-input {
  font-size: 20px !important;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif !important;
  padding: 20px !important;
  border: 1px solid #D6DFE8 !important;
  box-sizing: border-box;
  background-position: 20px center !important;
  background-size: 38px !important; }

.gsc-cursor-box {
  margin-top: 10px !important; }

.gsc-cursor-page {
  color: #161F2D !important;
  text-decoration: none !important; }
  .gsc-cursor-page:hover, .gsc-cursor-page:focus {
    color: #F83036; }

.gsc-cursor-current-page {
  color: #161F2D !important; }

.gsc-result-info, .gsc-orderby-label, .gcsc-branding-text {
  color: #63768B !important; }

.gs-spelling a {
  color: #F83036 !important; }

input.gsc-input::placeholder {
  font-size: 20px !important;
  font-family: "Publico", Georgia, Times, "Times New Roman", serif !important;
  color: #E2ECF2 !important;
  padding: 0 !important; }

input.gsc-search-button {
  font-size: 14px !important;
  color: #fff !important;
  height: 62px !important;
  background-color: #F83036 !important;
  border: 0 !important;
  border-radius: 0px !important;
  transition: background-color 0.2s; }
  input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #161F2D !important; }

.gs-title {
  text-decoration: none !important;
  transition: color 0.2s;
  color: #F83036 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding-bottom: 10px !important;
  height: auto !important; }
  .gs-title:hover, .gs-title:focus {
    color: #161F2D !important; }
  .gs-title b {
    color: #161F2D !important;
    font-size: 18px !important;
    font-weight: bold !important;
    background-color: #E2ECF2 !important;
    padding: 3px !important;
    text-decoration: none !important;
    display: inline-block !important; }

.gsc-url-top {
  padding: 0 0 10px 0 !important; }

.gsc-control-wrapper-cse {
  font-family: "Akkurat", Arial, Helvetica, Verdana, sans-serif !important;
  line-height: 1.4em !important; }

.gsc-result {
  border-bottom: 1px solid #D6DFE8 !important;
  padding: 20px 0 !important;
  margin-bottom: 0 !important; }

.gsst_a {
  padding-top: 7px !important; }

.input.gsc-search-button-v2 {
  margin-top: 0 !important; }

.gsc-input-box-focus {
  box-shadow: none !important; }

.gsst_a .gscb_a {
  color: #F83036 !important; }

.gs-result .gs-visibleUrl {
  color: #63768B !important;
  padding-top: 10px !important; }

.gs-result .gs-snippet {
  font-size: 16px !important;
  color: #161F2D !important;
  max-width: 650px !important;
  line-height: 1.4em !important; }

.gs-web-image-box img.gs-image {
  max-width: 190px !important; }

.gs-web-image-box {
  width: 210px !important; }

@media print {
  .pbs-cleanslate,
  .menu,
  .nav,
  .sidebar,
  .pullquote,
  .post__col-left,
  .video-single__col-left,
  .video-single__related-video,
  .recirc,
  .footer,
  .footer__sub,
  .popup,
  .post__hero,
  .post__aside,
  .post__topper,
  .post__byline-img-link,
  .video-single__hero-embed,
  .tabs,
  .subnav,
  .home-hero__rail,
  .card-sm__figure,
  .home__tv,
  .subscribe,
  .home__series-tease,
  .recirc-originals,
  .card-lg__figure,
  .banner,
  .video-single__hero-img-label,
  .video__aside,
  .video-single__hero-img,
  .video-single__recirc,
  .newsletter-inline,
  iframe {
    display: none !important; }
  html body {
    padding-top: 0 !important; }
  .post__byline-name, .post__byline-by {
    font-size: 10px !important; }
  .logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    width: 60px !important;
    height: 60px !important; }
  .post__hero {
    margin: 0 !important; }
  .post__col {
    margin: 0 !important;
    display: block !important; }
  .post__col-right, .video-single__col-right {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    border-left: 0 !important; }
  .video-single__hero {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important; }
  .video-single__hero-flex {
    display: block !important; }
  .post__title, .video-single__title, .video-single__hero-info {
    font-size: 24px !important; }
  .video-single__hero-info {
    width: 100% !important;
    margin: 0 !important; }
  .vt__person {
    padding: 20px 0; }
  .post__article, .video-single__article {
    padding: 0 !important;
    width: 100% !important; }
  .post__byline {
    margin: 0 !important;
    width: 100% !important; }
  .post__byline-info {
    font-size: 10px !important; }
  .post__byline--bottom address {
    border: 0 !important; }
  .page__body {
    display: block !important; }
  .page__body-spacing {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important; }
  .page__body-text {
    width: 100% !important; }
  .body-text h2, .body-text h3, .body-text h4, .body-text h5, .body-text h6, .body-text table, .body-text pre {
    max-width: 100%;
    page-break-after: avoid;
    page-break-inside: avoid; }
  .body-text h2 {
    font-size: 18px !important; }
  .body-text p {
    font-size: 12px !important;
    max-width: 100%;
    orphans: 2;
    widows: 2; }
  .body-text .wp-caption {
    width: 25% !important;
    float: left !important;
    margin: 0 20px 20px 0 !important; }
  .body-text .wp-caption-text, .body-text .wp-caption img {
    font-size: 9px !important;
    line-height: 1.4 !important; }
  .home__hero {
    margin: 0 !important; }
  .home__cols {
    display: block !important;
    margin: 0 !important; }
  .home-hero__body {
    padding-left: 0 !important; }
  .home-hero__related-header {
    margin-top: 20px 0 !important; }
  .card-sm__meta {
    margin-top: 0 !important; }
  *::first-letter {
    margin-top: 0 !important; } }