.article-hero {
  color: rgb(34, 34, 34);
  background: rgba(var(--color-background));
}

.article-hero__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.article-hero .article-cover--hero {
  width: 100%;
  height: clamp(240px, 38vw, 460px);
  border-radius: 6px;
  background-color: #dde7e0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}