.fs-hero {
  position: relative;
  overflow: hidden;
  background: #f6efe6;
}

.fs-hero__media,
.fs-hero__picture,
.fs-hero__image {
  display: block;
  width: 100%;
}

.fs-hero__media {
  color: inherit;
  line-height: 0;
  text-decoration: none;
}

.fs-hero__image {
  height: auto;
  object-fit: contain;
  object-position: center top;
}

.fs-hero__placeholder {
  min-height: 420px;
  background: #efe6da;
}

@media (min-width: 960px) {
  .fs-hero__image {
    min-height: clamp(620px, 86vh, 860px);
    max-height: 860px;
    object-fit: cover;
    object-position: center center;
  }
}

@media (max-width: 959px) {
  .fs-hero {
    background: #fff;
  }

  .fs-hero__image {
    max-height: none;
    object-fit: contain;
  }
}