@charset "UTF-8";

/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.card {
  width: 81.875vw;
  min-height: 22.8125rem;
  background-color: #fff;
  display: block;
  position: relative;
}

.card:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 139.31298%;
}

.card > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

@media (min-width: 750px) {
  .card {
    width: 22vw;
    min-height: 16.875rem;
    position: relative;
  }

  .card:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 163.63636%;
  }

  .card > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .card {
    width: 21.83333vw;
    min-height: 22.8125rem;
    position: relative;
  }

  .card:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 139.31298%;
  }

  .card > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

@media (min-width: 1600px) {
  .card {
    width: 21.8125rem;
  }
}

.card__body {
  border: .0625rem solid #e3e3e3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

html[dir="rtl"] .card__body .teaser--b {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-top: .625rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card__body .teaser--b {
    font-size: .8125rem;
    line-height: 1.1875rem;
    max-height: calc(1.1875rem * 4);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card__body .teaser--b {
    font-size: 1.125rem;
    line-height: 1.375rem;
    max-height: calc(1.375rem * 6);
  }
}

html[dir="rtl"] .card__body .card__subtitle,
html[dir="rtl"]
    .card__body .card__date {
  max-height: none;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card__body .card__subtitle,
  html[dir="rtl"]
        .card__body .card__date {
    max-height: calc(1.1875rem * 2);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card__body .card__subtitle,
  html[dir="rtl"]
        .card__body .card__date {
    max-height: calc(1.375rem * 2);
  }
}

.card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50%;
     object-position: 50%;
  font-family: "object-fit: cover; object-position: 50%";
}

.card__title {
  color: #202020;
}

.card__title.typo-card-title {
  height: 4.6875rem;
  max-height: 4.6875rem;
}

@media (min-width: 750px) {
  .card__title.typo-card-title {
    height: 2.9375rem;
    max-height: 2.9375rem;
  }
}

@media (min-width: 1200px) {
  .card__title.typo-card-title {
    height: 4.6875rem;
    max-height: 4.6875rem;
  }
}

.card__title.typo-card-title--b {
  height: 4.3125rem;
  max-height: 4.3125rem;
}

@media (min-width: 750px) {
  .card__title.typo-card-title--b {
    height: 3.375rem;
    max-height: 3.375rem;
  }
}

@media (min-width: 1200px) {
  .card__title.typo-card-title--b {
    height: 4.3125rem;
    max-height: 4.3125rem;
  }
}

.card__title.typo-infocus {
  height: 2.875rem;
  max-height: 2.875rem;
}

@media (min-width: 1200px) {
  .card__title.typo-infocus {
    height: 4.3125rem;
    max-height: 4.3125rem;
  }
}

.card__subtitle,
.card__date {
  color: #5b616b;
}

html[dir="rtl"] .card__subtitle,
html[dir="rtl"] .card__date {
  font-size: .9375rem;
  line-height: 1.375rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card__subtitle,
  html[dir="rtl"] .card__date {
    font-size: .8125rem;
    line-height: 1.1875rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card__subtitle,
  html[dir="rtl"] .card__date {
    font-size: .9375rem;
    line-height: 1.375rem;
  }
}

.card__date {
  white-space: nowrap;
}

.card__description {
  position: relative;
  overflow: hidden;
  max-height: 7.875rem;
}

@media (min-width: 750px) {
  .card__description {
    max-height: 5.5rem;
  }
}

@media (min-width: 1200px) {
  .card__description {
    max-height: 7.875rem;
  }
}

.card__icon-type {
  width: 4.625rem;
  height: 3.375rem;
  -webkit-transition: background .35s cubic-bezier(.455, .03, .515, .955);
  transition: background .35s cubic-bezier(.455, .03, .515, .955);
}

@media (min-width: 750px) {
  .card__icon-type {
    width: 2.625rem;
    height: 1.875rem;
  }
}

@media (min-width: 1200px) {
  .card__icon-type {
    width: 4.625rem;
    height: 3.375rem;
  }
}

html[dir="rtl"] .card__icon-type {
  left: 0;
  right: auto;
  margin-left: 1.25rem;
  margin-right: 0;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card__icon-type {
    margin-left: 1.1875rem;
    margin-right: 0;
  }
}

.card__icon-type-text {
  display: none;
}

.card .related__card__iar__link {
  display: none;
}

.card .icon {
  left: auto;
  bottom: auto;
}

.card .icon svg {
  fill: #fff;
}

.card .icon-linkout {
  width: auto;
  height: auto;
}

.card .icon-linkout svg {
  width: .9375rem;
  height: .9375rem;
}

@media (min-width: 750px) {
  .card .icon-linkout svg {
    width: .625rem;
    height: .625rem;
  }
}

@media (min-width: 1200px) {
  .card .icon-linkout svg {
    width: .9375rem;
    height: .9375rem;
  }
}

html[dir="rtl"] .card .icon-linkout svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

html[dir="rtl"] .card .icon-linkout {
  left: 0;
  right: auto;
}

.card .icon-alert {
  width: auto;
  height: auto;
}

.card .icon-alert svg {
  width: 1.0625rem;
  height: 1.0625rem;
}

@media (min-width: 750px) {
  .card .icon-alert svg {
    width: .8125rem;
    height: .8125rem;
  }
}

@media (min-width: 1200px) {
  .card .icon-alert svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}

html[dir="rtl"] .card .icon-alert svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

html[dir="rtl"] .card .icon-alert {
  left: 0;
  right: auto;
}

.card .icon-play {
  width: 1.1875rem;
  height: 1.1875rem;
}

@media (min-width: 750px) {
  .card .icon-play {
    width: .6875rem;
    height: .6875rem;
  }
}

@media (min-width: 1200px) {
  .card .icon-play {
    width: 1.1875rem;
    height: 1.1875rem;
  }
}

.no-touch .card__link:hover ~ .card__body .card__icon-type {
  background-color: #cd2026;
}

.card.black .card__body,
.card.blue .card__body {
  background-color: #202020;
  border-color: #202020;
}

.card.black .card__title,
.card.black .card__subtitle--b,
.card.black .card__description,
.card.blue .card__title,
.card.blue .card__subtitle--b,
.card.blue .card__description {
  color: #fff;
}

.card.blue .card__body {
  background-color: #14284f;
  border-color: #14284f;
}

.card.semi-black .card__body {
  background-color: rgba(35, 31, 32, .2);
}

.card__details {
  position: relative;
  margin-top: auto;
}

html[dir="rtl"] .card__details {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.card--half .card__wrapper,
.card--iar .card__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card--half .card__head,
.card--iar .card__head {
  position: relative;
  height: 50vw;
}

.card--half .card__head:before,
.card--iar .card__head:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 56.25%;
}

.card--half .card__head > *,
.card--iar .card__head > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

@media (min-width: 750px) {
  .card--half .card__head,
  .card--iar .card__head {
    position: relative;
    height: 14.66667vw;
  }

  .card--half .card__head:before,
  .card--iar .card__head:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.5%;
  }

  .card--half .card__head > *,
  .card--iar .card__head > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .card--half .card__head,
  .card--iar .card__head {
    position: relative;
    height: 45%;
  }

  .card--half .card__head:before,
  .card--iar .card__head:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 61.0687%;
  }

  .card--half .card__head > *,
  .card--iar .card__head > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

.card--half .card__head .card__image,
.card--iar .card__head .card__image {
  height: 100%;
}

.card--half .card__body,
.card--iar .card__body {
  padding: 1.9375rem 1.875rem 1.8125rem 2.1875rem;
  border-top: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 750px) {
  .card--half .card__body,
  .card--iar .card__body {
    padding: 1.0625rem 1.375rem 1.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--half .card__body,
  .card--iar .card__body {
    padding: 1.4375rem 1.375rem 1.8125rem 1.8125rem;
    top: auto;
  }
}

.card--half .card__eyebrow,
.card--iar .card__eyebrow {
  margin-bottom: .625rem;
}

@media (min-width: 750px) {
  .card--half .card__eyebrow,
  .card--iar .card__eyebrow {
    margin-bottom: .375rem;
  }
}

@media (min-width: 1200px) {
  .card--half .card__eyebrow,
  .card--iar .card__eyebrow {
    margin-bottom: .625rem;
  }
}

.card--half .card__subtitle,
.card--iar .card__subtitle {
  display: inline-block;
}

@media (min-width: 750px) {
  .card--half .card__subtitle,
  .card--iar .card__subtitle {
    display: none;
  }
}

@media (min-width: 1200px) {
  .card--half .card__subtitle,
  .card--iar .card__subtitle {
    display: inline-block;
  }
}

.card--half.black .card__details,
.card--half.blue .card__details,
.card--iar.black .card__details,
.card--iar.blue .card__details {
  padding-top: 2rem;
}

@media (min-width: 750px) {
  .card--half.black .card__details,
  .card--half.blue .card__details,
  .card--iar.black .card__details,
  .card--iar.blue .card__details {
    padding-top: 2.1875rem;
  }

  html[dir="rtl"] .card--half.black .card__details,
  html[dir="rtl"] .card--half.blue .card__details,
  html[dir="rtl"] .card--iar.black .card__details,
  html[dir="rtl"] .card--iar.blue .card__details {
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .card--half.black .card__details,
  .card--half.blue .card__details,
  .card--iar.black .card__details,
  .card--iar.blue .card__details {
    padding-top: 2rem;
  }
}

@media (min-width: 750px) {
  .card--half.is-external .card__subtitle,
  .card--iar.is-external .card__subtitle {
    display: inline-block;
  }
}

@media (min-width: 750px) {
  .card--half.is-external .card__date,
  .card--iar.is-external .card__date {
    display: none;
  }
}

@media (min-width: 1200px) {
  .card--half.is-external .card__date,
  .card--iar.is-external .card__date {
    display: inline-block;
  }
}

html[dir="rtl"] .card--half .card__body .card__title {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-height: calc(1.5rem * 2);
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--half .card__body .card__title {
    font-size: .9375rem;
    line-height: 1.1875rem;
    max-height: calc(1.1875rem * 2);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--half .card__body .card__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    max-height: calc(1.5rem * 2);
  }
}

html[dir="rtl"] .card--half .card__body .card__title.is-external {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  font-size: 1.25rem;
  line-height: 1.5rem;
  max-height: calc(1.5rem * 2);
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--half .card__body .card__title.is-external {
    font-size: 1.125rem;
    line-height: 1.375rem;
    max-height: calc(1.375rem * 2);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--half .card__body .card__title.is-external {
    font-size: 1.25rem;
    line-height: 1.5rem;
    max-height: calc(1.5rem * 2);
  }
}

html[dir="rtl"] .card--half .card__details .eyebrow {
  width: 50%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--half .card__details .eyebrow {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--half .card__details .eyebrow {
    width: 50%;
  }
}

html[dir="rtl"] .card--half .card__details .eyebrow.card__url {
  width: 100%;
}

html[dir="rtl"] .card--half .card__details .eyebrow.card__date {
  white-space: normal;
}

html[dir="rtl"] .card--half .card__details .eyebrow.card__subtitle {
  padding-left: .9375rem;
}

.card--iar {
  min-height: auto;
}

.card--iar .card__image {
  position: relative;
}

.card--iar .card__details {
  padding-top: 0;
}

@media (min-width: 750px) {
  .card--iar .card__details {
    padding-top: 2.1875rem;
  }

  html[dir="rtl"] .card--iar .card__details {
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .card--iar .card__details {
    padding-top: 2rem;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--iar .card__details .eyebrow {
    white-space: unset;
    width: 60%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--iar .card__details .eyebrow {
    white-space: nowrap;
    width: auto;
  }
}

.card--iar .card__links {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .35s ease-out;
  transition: opacity .35s ease-out;
}

.card--iar .card__links::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #231f20;
  opacity: .76;
}

.card--iar .card__links a {
  position: relative;
  z-index: 2;
  background-color: #e31c3d;
  width: 3.125rem;
  height: 3.125rem;
}

.card--iar .card__links .icon--visibility {
  width: 1.25rem;
  height: 1.25rem;
}

.card--iar .card__links .icon--download {
  width: 1.125rem;
  height: 1.125rem;
}

.card--iar:hover .card__links {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1200px) {
  .card--iar .card__body {
    overflow: unset;
  }
}

.card--square .card__wrapper,
.card--tall .card__wrapper,
.card--campaign .card__wrapper {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  margin: 0;
  overflow: unset;
}

.card--square::before,
.card--tall::before,
.card--campaign::before {
  display: none;
}

.card--square {
  width: 60%;
}

@media (min-width: 750px) {
  .card--square {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .card--square {
    width: 15%;
  }
}

.card--square .card__body {
  padding-top: 1.25rem;
  padding-bottom: .875rem;
  border-width: 0;
}

@media (min-width: 750px) {
  .card--square .card__body {
    padding-top: .8125rem;
    padding-bottom: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .card--square .card__body {
    padding-top: 1.8125rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 749px) {
  .card--square .card__title.typo-card-title--b {
    font-size: .75rem;
    line-height: 1.0625rem;
    height: 3.1875rem;
    max-height: 3.1875rem;
  }
}

@media (min-width: 750px) {
  .card--square .card__title.typo-card-title--b {
    height: 4.5rem;
    max-height: 4.5rem;
  }
}

@media (min-width: 1200px) {
  .card--square .card__title.typo-card-title--b {
    height: 4.3125rem;
    max-height: 4.3125rem;
  }
}

html[dir="rtl"] .card--square .card__title.typo-card-title--b {
  font-size: 1.25rem;
  line-height: 1.75rem;
  height: auto;
  max-height: calc(1.75rem * 3);
}

.card--square .card__eyebrow {
  margin-bottom: 1rem;
}

@media (min-width: 750px) {
  .card--square .card__eyebrow {
    margin-bottom: .375rem;
  }
}

@media (min-width: 750px) {
  .card--square .card__eyebrow {
    margin-bottom: .875rem;
  }
}

.card--tall {
  width: 75vw;
  height: auto;
  max-height: inherit;
}

@media (min-width: 750px) {
  .card--tall {
    width: 22vw;
  }
}

@media (min-width: 1200px) {
  .card--tall {
    width: 20vw;
  }
}

@media (min-width: 1600px) {
  .card--tall {
    width: 20rem;
  }
}

.card--tall .card__image {
  height: 100vw;
}

@media (min-width: 750px) {
  .card--tall .card__image {
    height: 26.66667vw;
  }
}

@media (min-width: 1200px) {
  .card--tall .card__image {
    min-height: 20rem;
    position: relative;
  }

  .card--tall .card__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 20rem;
  }

  .card--tall .card__image > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

.card--tall .card__body {
  padding: 1.875rem 1.5625rem 1.25rem;
  border-width: 0;
  border-left: .0625rem solid #e3e3e3;
}

html[dir="rtl"] .card--tall .card__body {
  border-left: 0;
  border-right: .0625rem solid #e3e3e3;
}

@media (min-width: 750px) {
  .card--tall .card__body {
    padding: 1.3125rem 1.25rem .8125rem;
  }
}

@media (min-width: 1200px) {
  .card--tall .card__body {
    padding: 1.875rem 1.5625rem 1.25rem;
  }
}

.card--tall .card__eyebrow {
  margin-bottom: .625rem;
}

@media (min-width: 750px) {
  .card--tall .card__eyebrow {
    margin-bottom: .375rem;
  }
}

@media (min-width: 1200px) {
  .card--tall .card__eyebrow {
    margin-bottom: .625rem;
  }
}

.card--tall .card__title {
  color: #231f20;
  height: auto;
  max-height: 6.375rem;
}

@media (max-width: 749px) {
  .card--tall .card__title {
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 750px) {
  .card--tall .card__title {
    max-height: 4.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--tall .card__title {
    max-height: 6.375rem;
  }
}

.card--tall .card__description {
  letter-spacing: 0;
  font-size: .75rem;
  line-height: 1rem;
  max-height: calc(1rem * 5);
}

@media (min-width: 750px) {
  .card--tall .card__description {
    font-size: .625rem;
    line-height: .875rem;
    max-height: calc(.875rem * 5);
  }
}

@media (min-width: 1200px) {
  .card--tall .card__description {
    font-size: .75rem;
    line-height: 1rem;
    max-height: calc(1rem * 5);
  }
}

html[dir="rtl"] .card--tall .card__description {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  font-size: 1.125rem;
  line-height: 1.625rem;
  max-height: 4.875rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--tall .card__description {
    font-size: .9375rem;
    line-height: 1.3125rem;
    max-height: 3.9375rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--tall .card__description {
    font-size: 1.125rem;
    line-height: 1.625rem;
    max-height: 4.875rem;
  }
}

.card--tall .card__details__text {
  font-size: 1.875rem;
  line-height: 1;
}

html[dir="rtl"] .card--tall .card__details__text {
  direction: ltr;
  text-align: right;
  font-family: "Open Sans";
  font-size: 1.875rem;
  line-height: normal;
}

.card--tall .card__details__subtext {
  color: #b5b5b5;
}

.card--tall .card__description,
.card--tall .card__details {
  display: none;
}

.card--tall.has-details .card__image {
  height: 65.625vw;
}

@media (min-width: 750px) {
  .card--tall.has-details .card__image {
    height: 26.26667vw;
  }
}

@media (min-width: 1200px) {
  .card--tall.has-details .card__image {
    height: 13.125rem;
  }
}

.card--tall.has-details .card__description {
  display: block;
}

.card--tall.has-details .card__details {
  display: block;
}

@media (min-width: 750px) {
  .card--tall.has-details .card__details {
    display: none;
  }
}

@media (min-width: 1200px) {
  .card--tall.has-details .card__details {
    display: block;
  }
}

.card--tall.has-details .card__body {
  padding: 1.0625rem 1.25rem 1.25rem;
}

@media (min-width: 750px) {
  .card--tall.has-details .card__body {
    padding: 1rem .9375rem 1.0625rem;
  }
}

@media (min-width: 1200px) {
  .card--tall.has-details .card__body {
    padding: 1.0625rem 1.25rem 1.25rem;
  }
}

.card--campaign {
  width: 75vw;
  height: auto;
  max-height: inherit;
}

@media (min-width: 750px) {
  .card--campaign {
    width: 22vw;
  }
}

@media (min-width: 1200px) {
  .card--campaign {
    width: 20vw;
  }
}

@media (min-width: 1600px) {
  .card--campaign {
    width: 20rem;
  }
}

.card--campaign .card__link {
  bottom: auto;
  height: calc(100% - 70px);
}

.card--campaign .card__image {
  height: 65.625vw;
}

@media (min-width: 750px) {
  .card--campaign .card__image {
    height: 26.26667vw;
  }
}

@media (min-width: 1200px) {
  .card--campaign .card__image {
    min-height: 20rem;
    height: 20rem;
    position: relative;
  }

  .card--campaign .card__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 20rem;
  }

  .card--campaign .card__image > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

.card--campaign .card__body {
  padding: 1.0625rem 1.25rem 1.25rem;
  border-width: 0;
  border-left: .0625rem solid #e3e3e3;
}

@media (min-width: 750px) {
  .card--campaign .card__body {
    padding: 1rem .9375rem 1.0625rem;
  }
}

@media (min-width: 1200px) {
  .card--campaign .card__body {
    padding: 1.0625rem 1.25rem 1.25rem;
  }
}

.card--campaign .card__eyebrow {
  margin-bottom: .625rem;
}

@media (min-width: 750px) {
  .card--campaign .card__eyebrow {
    margin-bottom: .375rem;
  }
}

@media (min-width: 1200px) {
  .card--campaign .card__eyebrow {
    margin-bottom: .625rem;
  }
}

.card--campaign .card__title {
  color: #231f20;
  height: auto;
  max-height: 6.375rem;
}

@media (max-width: 749px) {
  .card--campaign .card__title {
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 750px) {
  .card--campaign .card__title {
    max-height: 4.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--campaign .card__title {
    max-height: 6.375rem;
  }
}

.card--campaign .card__description {
  letter-spacing: 0;
  font-size: .75rem;
  line-height: 1rem;
  max-height: calc(1rem * 5);
}

@media (min-width: 750px) {
  .card--campaign .card__description {
    font-size: .625rem;
    line-height: .875rem;
    max-height: calc(.875rem * 5);
  }
}

@media (min-width: 1200px) {
  .card--campaign .card__description {
    font-size: .75rem;
    line-height: 1rem;
    max-height: calc(1rem * 5);
  }
}

.card--full .card__head {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

.card--full .card__head::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(35, 31, 32, .2);
  z-index: 2;
}

.card--full .card__body {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  padding: 2.3125rem 1.6875rem;
}

@media (min-width: 750px) {
  .card--full .card__body {
    padding: 1.25rem 1.1875rem;
  }
}

@media (min-width: 1200px) {
  .card--full .card__body {
    padding: 2.3125rem 1.6875rem;
  }
}

.card--full .card__details {
  position: absolute;
  bottom: 1.9375rem;
  width: calc(100% - 54px);
}

@media (min-width: 750px) {
  .card--full .card__details {
    bottom: 1.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--full .card__details {
    bottom: 1.9375rem;
  }
}

.card--full .card__details .card__date {
  display: inline-block;
}

@media (min-width: 750px) {
  .card--full .card__details .card__date {
    display: none;
  }

  html[dir="rtl"] .card--full .card__details .card__date {
    display: inline-block;
    white-space: unset;
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .card--full .card__details .card__date {
    display: inline-block;
  }

  html[dir="rtl"] .card--full .card__details .card__date {
    white-space: nowrap;
    width: auto;
  }
}

.card--full .card__image {
  height: 100%;
  width: 100%;
}

.card--full .card__image div {
  height: 100%;
}

.card--full .card__eyebrow {
  margin-bottom: .8125rem;
}

@media (min-width: 750px) {
  .card--full .card__eyebrow {
    margin-bottom: .375rem;
  }
}

@media (min-width: 1200px) {
  .card--full .card__eyebrow {
    margin-bottom: .8125rem;
  }
}

.card--full .card__title {
  height: auto;
  max-height: inherit;
  overflow: visible;
}

html[dir="rtl"] .card--full .card__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--full .card__title {
    font-size: 1.125rem;
    line-height: 1.375rem;
    max-height: calc(1.375rem * 6);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--full .card__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-height: none;
  }
}

.card--full.has-image .card__body {
  border-width: 0;
}

.card--full.has-image .card__title,
.card--full.has-image .card__subtitle--b,
.card--full.has-image .card__description {
  color: #fff;
}

.card--full.has-image .card__subtitle,
.card--full.has-image .card__date {
  color: #b9b9b9;
}

html[dir="rtl"] .card--full.has-image .card__subtitle,
html[dir="rtl"]
    .card--full.has-image .card__date {
  color: #6c6c6c;
}

.card--full.is-external .card__body {
  padding-top: 3.3125rem;
}

@media (min-width: 750px) {
  .card--full.is-external .card__body {
    padding-top: 1.9375rem;
  }
}

@media (min-width: 750px) {
  .card--full.is-external .card__date {
    display: none;
  }
}

@media (min-width: 1200px) {
  .card--full.is-external .card__date {
    display: inline-block;
  }
}

@media (min-width: 750px) {
  .card--full.w-quote .card__title {
    margin-right: 1.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--full.w-quote .card__title {
    margin-right: 0;
  }
}

.card--full.w-quote .card__title::before {
  content: '“';
  font-family: "Open Sans Condensed";
  font-size: 3.75rem;
  line-height: 2.875rem;
  color: #e31c3d;
  display: block;
  margin-top: 1.25rem;
  margin-bottom: -0.875rem;
}

@media (min-width: 750px) {
  .card--full.w-quote .card__title::before {
    margin-top: .625rem;
    margin-bottom: -1.25rem;
    margin-right: 1.3125rem;
  }
}

@media (min-width: 1200px) {
  .card--full.w-quote .card__title::before {
    margin-top: 1.25rem;
    margin-bottom: -0.875rem;
    margin-right: 0;
  }
}

html[dir="rtl"] .card--full.w-quote .card__title::before {
  text-align: right;
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--full.w-quote .card__title::before {
    margin-right: 0;
  }
}

html[dir="rtl"] .card--full.w-quote .card__title {
  max-height: calc(1.6875rem * 10);
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--full.w-quote .card__title {
    margin-right: 0;
    max-height: calc(1.6875rem * 6);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--full.w-quote .card__title {
    max-height: calc(1.6875rem * 8);
  }
}

.card--full.w-quote .card__subtitle {
  text-transform: none;
  color: #fff;
  border-left: .0625rem solid #e31c3d;
  padding-left: .9375rem;
}

html[dir="rtl"] .card--full.w-quote .card__subtitle {
  border-left: 0;
  border-right: .0625rem solid #e31c3d;
  padding-left: 0;
  padding-right: .9375rem;
}

@media (min-width: 750px) {
  .card--full.w-quote .card__subtitle {
    padding-left: .875rem;
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .card--full.w-quote .card__subtitle {
    padding-left: .9375rem;
  }
}

.card--full.w-quote .card__subtitle.card__subtitle__taxonomy {
  padding-left: 0;
  border-left: 0;
}

html[dir="rtl"] .card--full.w-quote .card__subtitle.card__subtitle__taxonomy {
  padding-right: 0;
  border-right: 0;
}

.card--full.w-quote .card__details .card__subtitle,
.card--full.w-quote .card__details .card__date {
  color: #fff;
}

html[dir="rtl"] .card--full.w-quote .card__details .card__subtitle,
html[dir="rtl"]
    .card--full.w-quote .card__details .card__date {
  color: #fff;
}

html[dir="rtl"] .card--full .teaser {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
}

.card--twitter .card__body {
  width: 100%;
  height: 100%;
  padding: 2.5rem 1.6875rem;
  border: 1px solid #e3e3e3;
}

@media (min-width: 750px) {
  .card--twitter .card__body {
    padding: 1.5625rem 1.0625rem;
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__body {
    padding: 2.5rem 1.6875rem;
  }
}

.card--twitter .icon-twitter {
  width: .9375rem;
  height: 1.125rem;
}

.card--twitter .icon-twitter svg {
  fill: #00aced;
}

html[dir="rtl"] .card--twitter .icon-twitter {
  float: right;
}

.card--twitter .card__date {
  letter-spacing: .11875rem;
}

@media (min-width: 750px) {
  .card--twitter .card__date {
    font-size: .5625rem;
    letter-spacing: .10625rem;
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__date {
    font-size: .625rem;
    letter-spacing: .11875rem;
  }
}

html[dir="rtl"] .card--twitter .card__date {
  float: left;
}

.card--twitter .card__tweet {
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: -0.00625rem;
  color: #393939;
  position: relative;
  overflow: hidden;
  max-height: 12.375rem;
}

@media (min-width: 750px) {
  .card--twitter .card__tweet {
    font-size: .8125rem;
    line-height: 1.0625rem;
    max-height: 9.5625rem;
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__tweet {
    font-size: 1rem;
    line-height: 1.375rem;
    max-height: 12.375rem;
  }
}

.card--twitter .card__tweet a,
.card--twitter .card__tweet a:visited {
  color: #e31c3d;
  text-decoration: none;
}

html[dir="rtl"] .card--twitter .card__tweet {
  float: left;
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-height: calc(1.5rem * 7);
}

@media (min-width: 750px) {
  html[dir="rtl"] .card--twitter .card__tweet {
    max-height: calc(1.5rem * 5);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .card--twitter .card__tweet {
    max-height: calc(1.5rem * 7);
  }
}

.card--twitter .card__user__image {
  width: 1.6875rem;
  height: 1.6875rem;
  border: .0625rem solid #e3e3e3;
  border-radius: 100%;
  overflow: hidden;
}

html[dir="rtl"] .card--twitter .card__user__image {
  margin-left: .625rem;
  margin-right: 0;
}

@media (min-width: 750px) {
  .card--twitter .card__user__image {
    width: 1.375rem;
    height: 1.375rem;
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__user__image {
    width: 1.6875rem;
    height: 1.6875rem;
  }
}

.card--twitter .card__user__info {
  width: calc(100% - 40px);
}

@media (min-width: 750px) {
  .card--twitter .card__user__info {
    width: calc(100% - 35px);
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__user__info {
    width: calc(100% - 40px);
  }
}

.card--twitter .card__user__info--name,
.card--twitter .card__user__info--account {
  letter-spacing: .11875rem;
}

@media (min-width: 750px) {
  .card--twitter .card__user__info--name,
  .card--twitter .card__user__info--account {
    font-size: .5625rem;
    letter-spacing: .10625rem;
  }
}

@media (min-width: 1200px) {
  .card--twitter .card__user__info--name,
  .card--twitter .card__user__info--account {
    font-size: .625rem;
    letter-spacing: .11875rem;
  }
}

html[dir="rtl"] .card--twitter .card__user__info--name.eyebrow--small {
  font-size: .9375rem;
  line-height: 1.1875rem;
  max-height: 1.1875rem;
}

.card--twitter .card__user__info--account {
  color: #5b616b;
}

html[dir="rtl"] .card--twitter .card__user__info--account {
  font-family: "Open Sans Condensed";
  direction: ltr;
  text-align: right;
  font-size: .625rem;
  line-height: 1.375rem;
  letter-spacing: .11875rem;
}

.card--research .card__head::before {
  content: none;
}

.card--research.has-image .card__body {
  border: .0625rem solid #e3e3e3;
}

.card--research.has-image .card__title,
.card--research.has-image .card__description,
.card--research.has-image .card__subtitle--b {
  color: #231f20;
}

.card--research > .icon-linkout {
  display: none;
}

.card--research .card__title .external-icon {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  margin-right: 0;
  top: .09375rem;
}

.card--research .card__title .external-icon .icon-linkout {
  width: .4375rem;
  height: .4375rem;
  margin-top: 0;
  margin-bottom: 0;
  left: 0;
  bottom: 0;
}

html[dir="rtl"] .card--research .card__title .external-icon .icon-linkout {
  right: 0;
}

@media (min-width: 750px) {
  .card--research .card__title .external-icon .icon-linkout {
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media (min-width: 1200px) {
  .card--research .card__title .external-icon .icon-linkout {
    margin-top: 0;
    margin-bottom: 0;
  }
}

html[dir="rtl"] .card .italic {
  font-style: normal;
}

html[dir="rtl"] .card__url {
  font-family: "Open Sans Condensed";
  font-size: .625rem;
  line-height: 1.375rem;
  letter-spacing: .11875rem;
}

@media (max-width: 1199px) {
  .is-touch .card .fallback-swipe {
    display: block;
  }
}

.card.card--full {
  margin-right: 1em;
  margin-bottom: 1em;
}

@media screen and (max-width: 749px) and (min-width: 250px) {
  .card.card--full {
    margin-left: auto;
    margin-right: auto;
  }
}

/*# sourceMappingURL=card.css.map */