/* layouts/article-hero/article-hero.css */
.article-hero {
  position: relative;
  width: 100%;
}

.article-hero .layout__region--image {
  position: relative;
  width: 93vw;
  height: 420px;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto;
}

@media (width <= 991px) {
  .article-hero .layout__region--image {
    width: 99vw;
    padding: 0;
    border-radius: 11px;
  }

  .article-hero.article-hero--no-space .layout__region--image {
    border-radius: 11px;
  }
}

@media (width <= 550px) {
  .article-hero .layout__region--image {
    aspect-ratio: 4 / 2.5;
  }
}

@media (width <= 767px) {
  .article-hero.article-hero--no-space {
    padding: 0 0 40px;
  }

  .article-hero.article-hero--no-space .article-hero__card {
    min-height: auto;
    padding: 24px 20px 28px;
    margin: -42px 1rem;
  }
}

.article-hero .layout__region--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.article-hero__card {
  position: relative;
  margin-top: -60px;
  margin-inline: 40px;
  z-index: 1;
}

.layout__region--content {
  background: none;
  border-radius: 12px;
  /* padding: 2rem 3rem; */
  /* box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); */
  text-align: center;
}