.pg-settore-hero {
  padding-block: var(--pg-gap-2) 0;
}

.pg-settore-hero__media {
  margin: 0;
  aspect-ratio: 1312 / 450;
  overflow: hidden;
  background-color: var(--pg-surface);
  box-shadow: var(--pg-shadow-block);
}

.pg-settore-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}

.pg-settore-hero__media--placeholder {
  aspect-ratio: unset;
  height: clamp(12.5rem, 28vw, 22.5rem);
}

@media (max-width: 40rem) {
  .pg-settore-hero__media {
    aspect-ratio: 16 / 10;
  }
}