.hero--search {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-image: url('/_flysystem/fedora/2026-03/home-hero-repository_0.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Desktop */
@media screen and (min-width: 1024px) {
  .hero--search {
    width: 100vw;
    height: 70vh;
    min-height: 600px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    aspect-ratio: auto; /* important: remove 16:9 constraint */
  }
}