@media screen and (min-width: 750px) {
  .article.featured-article {
    grid-column: span 3;
    text-align: center;
    .card__information {
      margin: 0 0 0 4.9rem;
      padding: 0;
    }
    .card__inner {
      width: calc(50% + 2.7rem);
    }
    .card__content {
      width: calc(50% - 2.7rem);
    }
    .article-card__image-wrapper.card__media:after {
      background: none;
    }
    .article-card .card__heading {
      font-size: 4.3rem;
      line-height: 1;
      margin-bottom: 2.4rem;
      overflow-x: visible;
      display: block;
      -webkit-line-clamp: unset;
      line-clamp: unset;
      -webkit-box-orient: unset;
      a {
        letter-spacing: -0.3rem;
        font-weight: 600;
      }
    }
    .article-card__excerpt {
      font-size: 2.2rem;
      line-height: 1.6;
      margin: 0 0 4.5rem 0;
    }
    .article-card__footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .caption-with-letter-spacing {
      font-weight: 500;
      display: flex;
      gap: 2.4rem;
    }
    .author-badge, .date-badge {
      display: flex;
      align-items: center;
      gap: 1.1rem;
      svg {
        width: 1.7rem;
        height: 1.7rem;
      }
    }
    .read-article.button.button--primary {
      padding: 0.6rem 1.8rem;
      font-size: 1.4rem;
      line-height: 2.7rem;
      font-weight: 600;
      pointer-events: none;
      gap: 0.6rem;
    }
    .read-article.button.button--primary.sharable {
      pointer-events: auto;
    }

    .card {
      flex-direction: row;
      align-items: center;
    }

    .article-card__image--small .ratio::before {
      padding-bottom: 22rem;
    }

    .article-card__image--medium .ratio::before {
      padding-bottom: 44rem;
    }

    .article-card__image--large .ratio::before {
      padding-bottom: 66rem;
    }
  }
}
.badges-wrapper {
  display: flex;
  gap: 1.2rem;
}

.article-template {
  .article.featured-article .article-card-wrapper.card-wrapper {
    width: 100%;
  }
  .article.featured-article .card.article-card {
    flex-direction: row;
    width: 100%;
    align-items: center;
  }
}


@media screen and (min-width: 990px) {
  .article.featured-article {
    .article-card__image--small .ratio .ratio::before {
      padding-bottom: 27.5rem;
    }

    .article-card__image--medium .ratio::before {
      padding-bottom: 39.4rem;
    }

    .article-card__image--large .ratio::before {
      padding-bottom: 82.5rem;
    }
  }
}

@media only screen and (max-width: 749px) {
  .article-template {
    .article.featured-article .card.article-card {
      flex-direction: column;
      .read-article.top-button {
        display: none;
      }
    }
    .article-card__image-wrapper.card__media:after {
      display: none;
    }
    .card__information {
      padding-top: 2.4rem;
      padding-bottom: 0;
      .badge.article-tag-badge {
        margin-bottom: 2.4rem;
      }
      .card__heading {
        font-size: 3.8rem;
        line-height: 3.6rem;
        letter-spacing: -0.3rem;
        margin-bottom: 2.4rem;
      }
      .article-card__info.caption-with-letter-spacing {
        display: flex;
        gap: 2.4rem;
        .author-badge, .date-badge {
          font-size: 1.2rem;
          line-height: normal;
          display: flex;
          align-items: center;
          gap: 0.8rem;
          .svg-wrapper {
            height: 1.7rem;
            width: auto;
          }
        }
      }
      .share-button__button.button {
        width: 100%;
        margin-top: 2.4rem;
      }
    }
  }
}