@charset "UTF-8";
a {
  color: #000;
  text-decoration: none;
  transition: all 150ms; }
  a:hover {
    color: #39434b; }

body {
  font-size: 16px;
  line-height: 1.5;
  /* stylelint-disable order/properties-alphabetical-order */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /* stylelint-enable order/properties-alphabetical-order */ }
  @media (min-width: 576px) {
    body {
      font-size: 18px; } }
  @media (min-width: 976px) {
    body {
      font-size: 20px; } }

figure {
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.125;
  margin: 0; }

img {
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle; }

p {
  margin: 0; }

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

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

.c-btn {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  align-items: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  font-weight: 400;
  line-height: 1.25;
  padding: 8px 16px 10px;
  text-decoration: none;
  transition: all 150ms; }
  .no-js .c-btn,
  .fonts-loaded .c-btn {
    font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; }
  .c-btn:hover {
    background-color: #39434b;
    border-color: #39434b;
    transition: all 300ms; }

.c-btn--small {
  font-size: 14px;
  letter-spacing: -0.25px;
  padding: 🔮(7px) 🔮(12px); }

.c-btn--large {
  padding: 16px 24px; }

.c-btn--block {
  display: flex;
  justify-content: center;
  width: 100%; }

.c-input {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 4px;
  color: #000;
  display: inline-block;
  line-height: 1.25;
  padding: 8px 16px 🔮(10px);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .no-js .c-input,
  .fonts-loaded .c-input {
    font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; }
  .c-input::-webkit-input-placeholder {
    color: #8592a4; }
  .c-input::-moz-placeholder {
    color: #8592a4; }
  .c-input:-ms-input-placeholder {
    color: #8592a4; }
  .c-input:focus {
    border-color: #31c6cc;
    box-shadow: 0 0 0 3px rgba(49, 198, 204, 0.25);
    outline: 0; }
  .c-input:disabled, .c-input[readonly] {
    background-color: #e7e7e7;
    cursor: not-allowed; }
  .was-validated .c-input:valid,
  .was-validated .c-input.is-valid {
    border-color: #038768;
    box-shadow: none; }
    .was-validated .c-input:valid:focus,
    .was-validated .c-input.is-valid:focus {
      box-shadow: 0 0 0 3px rgba(3, 135, 104, 0.25); }
    .was-validated .c-input:valid ~ .c-feedback--valid,
    .was-validated .c-input.is-valid ~ .c-feedback--valid {
      display: block; }
    .was-validated .c-input:valid ~ .c-helper-text,
    .was-validated .c-input.is-valid ~ .c-helper-text {
      display: none; }
  .was-validated .c-input:invalid,
  .was-validated .c-input.is-invalid {
    border-color: #f0204f;
    box-shadow: none; }
    .was-validated .c-input:invalid:focus,
    .was-validated .c-input.is-invalid:focus {
      box-shadow: 0 0 0 3px rgba(240, 32, 79, 0.25); }
    .was-validated .c-input:invalid ~ .c-feedback--invalid,
    .was-validated .c-input.is-invalid ~ .c-feedback--invalid {
      display: block; }
    .was-validated .c-input:invalid ~ .c-helper-text,
    .was-validated .c-input.is-invalid ~ .c-helper-text {
      display: none; }

.c-input--block {
  display: block;
  width: 100%; }

.c-input--small {
  font-size: 14px;
  padding: 🔮(7px) 🔮(12px); }

.c-input--large {
  padding: 16px; }

.c-helper-text {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  color: #8592a4;
  display: block;
  margin-top: 4px; }
  .no-js .c-helper-text,
  .fonts-loaded .c-helper-text {
    font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; }

.c-feedback {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  display: none;
  margin-top: 4px; }
  .no-js .c-feedback,
  .fonts-loaded .c-feedback {
    font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif; }

.na-c-feedback {
  flex-basis: 100%;
  width: 100%; }

.c-feedback--valid {
  color: #038768; }

.c-feedback--invalid {
  color: #f0204f; }

.c-newsletter-promo__label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.c-newsletter-promo {
  margin: 0 auto 32px auto;
  padding: 32px 0;
  position: relative;
  max-width: 750px;
  display: none; }
  @media (max-width: 451px) {
    .c-newsletter-promo {
      margin: 0 16px 32px 16px; } }
  .is-www .c-newsletter-promo {
    display: block; }
  .c-newsletter-promo::before, .c-newsletter-promo::after {
    content: '';
    border-top: 1px solid #d3dce6;
    display: block;
    width: 100%;
    position: absolute; }
  .c-newsletter-promo::before {
    top: 0; }
  .c-newsletter-promo::after {
    bottom: 0; }

.c-newsletter-promo__title {
  color: #000;
  font-size: 32px;
  font-family: "Noe Display", Georgia, serif;
  font-weight: 900;
  letter-spacing: 0.25px;
  line-height: 1.125;
  margin: 0; }

.c-newsletter-promo__body {
  color: #39434b;
  font-size: 16px;
  font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 20px; }

.c-newsletter-promo__input {
  border-radius: 4px;
  border: 1px solid #c0ccda;
  box-sizing: border-box;
  font-size: 16px;
  height: 40px;
  padding: 8px;
  width: 100%; }

@media (min-width: 600px) {
  .c-newsletter-promo__form-group {
    width: 100%;
    margin-right: 16px; } }

.c-newsletter-promo__submit {
  width: 100%;
  display: block;
  margin-top: 8px;
  position: relative; }
  .c-newsletter-promo__submit:disabled {
    color: transparent; }
  @media (min-width: 600px) {
    .c-newsletter-promo__submit {
      margin-top: 0;
      display: flex;
      width: auto;
      white-space: nowrap; } }

.c-newsletter-promo__submit-loader {
  display: block;
  height: 1.5em;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  width: 1.5em;
  z-index: 2;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%; }
  .c-newsletter-promo__submit-loader::before, .c-newsletter-promo__submit-loader::after {
    -webkit-animation: bounce 2s infinite ease-in-out;
            animation: bounce 2s infinite ease-in-out;
    background-color: #999;
    border-radius: 50%;
    content: '';
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%; }
  .c-newsletter-promo__submit-loader::after {
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .is-submitting .c-newsletter-promo__submit-loader {
    display: block; }

.c-newsletter-promo__form {
  margin: 16px 0 8px 0; }
  @media (min-width: 600px) {
    .c-newsletter-promo__form {
      display: flex;
      align-items: flex-start; } }

.is-successful .c-newsletter-promo__content {
  opacity: 0;
  transition: 0.25s linear opacity; }

.c-newsletter-promo__confirmation {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  width: 100%; }
  .is-successful .c-newsletter-promo__confirmation {
    display: block; }

.c-newsletter-promo__checkmark {
  margin-bottom: 16px; }

.c-newsletter-promo__title--success {
  margin-bottom: 16px; }

body {
  line-height: 1;
  margin: 0;
  width: 100%; }

.c-article-list {
  box-sizing: border-box;
  margin: 0px;
  width: 100%; }
  @media (min-width: 600px) {
    .c-article-list {
      border: 1px solid black;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(5, auto);
      margin: 0 auto;
      max-width: 750px; } }
  .c-article-list .hidden {
    display: none; }

.c-list-banner {
  color: #fff;
  background-color: #20272c;
  width: 100%; }
  @media (min-width: 600px) {
    .c-list-banner {
      grid-column: span 1;
      grid-row: 1 / 2; } }

.c-list-banner__hed {
  line-height: 1;
  margin: 0 auto;
  font-family: "Noe Display", Georgia, serif;
  font-size: 28px;
  padding: 32px 0;
  text-align: center; }
  @media (min-width: 600px) {
    .c-list-banner__hed {
      padding: 24px 0 0 0; } }

.c-list-banner__bottom {
  background-color: #20272c;
  padding: 32px 0;
  width: 100%; }
  @media (min-width: 600px) {
    .c-list-banner__bottom {
      grid-column: span 1;
      grid-row: 2 / 3;
      padding: 24px 0 32px 0; } }

.c-list-navigation {
  border-bottom: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  font-style: italic;
  font-family: "Noe Display", Georgia, serif;
  font-weight: 900;
  font-size: 24px;
  justify-content: center;
  padding: 8px 16px;
  position: relative; }
  .c-list-navigation .active {
    color: #f0204f;
    text-decoration: underline; }
  @media (min-width: 600px) {
    .c-list-navigation {
      border-bottom: 1px solid #d3dce6;
      grid-column: span 1;
      grid-row: 3 / 4;
      justify-content: space-evenly; } }

.c-list-navigation__range {
  cursor: pointer;
  line-height: 1.5;
  padding: 4px 16px; }
  .c-list-navigation__range:hover {
    text-decoration: underline; }

.c-list-stories {
  -o-border-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
     border-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  list-style: none;
  margin: 0 16px;
  max-height: 300px;
  overflow: scroll;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }
  @media (min-width: 600px) {
    .c-list-stories {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      grid-row: 4 / 5;
      grid-column: span 1;
      max-height: none; } }
  @media (min-width: 600px) {
    .c-list-stories li:nth-child(odd) {
      border-right: 1px solid #d3dce6;
      grid-column: 1 / span 4; } }
  @media (min-width: 600px) {
    .c-list-stories li:nth-child(even) {
      grid-column: 5 / span 4; } }
  @media (min-width: 600px) {
    .c-list-stories li:nth-child(9)::after,
    .c-list-stories li:nth-child(10)::after,
    .c-list-stories li:nth-child(19)::after,
    .c-list-stories li:nth-child(20)::after,
    .c-list-stories li:nth-child(29)::after,
    .c-list-stories li:nth-child(30)::after,
    .c-list-stories li:nth-child(39)::after,
    .c-list-stories li:nth-child(40)::after,
    .c-list-stories li:nth-child(49)::after,
    .c-list-stories li:nth-child(50)::after {
      border-bottom: 0; } }

.c-list-story {
  border-bottom: 1px solid black;
  position: relative; }
  @media (min-width: 600px) {
    .c-list-story {
      border-bottom: none;
      border-top: none;
      padding: 12px 24px; } }

@media (min-width: 600px) {
  .c-list-story::after {
    content: '';
    display: block;
    border-bottom: 1px solid black;
    width: calc(100% - 48px);
    position: absolute;
    bottom: 1px; } }

li.hide-border::after {
  border-bottom: 0; }

.c-list-story__number {
  color: #f0204f;
  font-family: "Noe Display", Georgia, serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  margin-bottom: 8px;
  padding-top: 12px; }

.c-list-banner__btn {
  background-color: #f0204f;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  font-size: 16px;
  margin: 0 16px;
  padding: 12px 16px;
  text-align: center;
  display: block; }
  .c-list-banner__btn:hover {
    background-color: #39434b;
    color: #fff; }
  @media (min-width: 600px) {
    .c-list-banner__btn {
      max-width: 200px;
      margin: 0 auto; } }

.c-list-story__title {
  color: #20272c;
  font-family: "Noe Text", Georgia, serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 16px; }
  .c-list-story__title:hover {
    text-decoration: underline; }

.c-list-story__author {
  display: flex;
  margin-bottom: 16px;
  margin-top: 12px; }

.c-list__author-name {
  font-family: "Graphik", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Segoe UI, Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-right: 8px; }

.c-list__author-title {
  font-size: 16px;
  font-style: italic; }

.c-black-bar {
  display: none; }
  @media (min-width: 600px) {
    .c-black-bar {
      background-color: #000;
      display: block;
      grid-column: span 1;
      grid-row: 5 / 6;
      height: 40px;
      width: 100%; } }