/* Uzbek copy needs a wider hero text column than the source layout. */
@media (width > 1180px) {
  .compact-article .article-hero {
    grid-template-columns: minmax(0, 1.55fr) minmax(430px, .8fr);
    column-gap: 32px;
  }

  .compact-article .article-hero h1 {
    font-size: clamp(46px, 4vw, 55px);
  }
}

@media (921px <= width <= 1180px) {
  .compact-article .article-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "image" "intro";
  }

  .compact-article .hero-image {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }
}

@media (width <= 920px) {
  .compact-article .article-hero h1 .title-line {
    white-space: normal;
  }
}