.HomeSimpleBanner {
  position: relative;
  text-align: center;
  margin: var(--spaceXxl) 0 var(--spaceXl);
}

.HomeSimpleBanner-shape {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--colorBrand);
}

.HomeSimpleBanner-shape svg {
  position: absolute;
  left: 0;
  top: -4rem;
  width: 100%;
  height: 20rem;
}

@media (max-width: 90rem) {
  .HomeSimpleBanner-shape svg {
    height: 17vw;
    top: -2vw;
  }
}

.HomeSimpleBanner-title {
  position: relative;
}

.HomeSimpleBanner-image {
  position: relative;
  background: var(--colorBrand);
  height: 12rem;
}

.HomeSimpleBanner-image div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

.HomeSimpleBanner-image picture {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.HomeSimpleBanner-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .5;
}

/*# sourceMappingURL=home-simple-banner.min.css.map */