.HomeHero {
  display: grid;
  grid-template-columns: 1fr 1.75fr;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.HomeHero-btn {
  width: fit-content;
}

@media (max-width: 80rem) {
  .HomeHero {
    grid-template-columns: 1fr;
    align-content: center;
    min-height: 50vh;
  }
}

.HomeHero-frame {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 5rem var(--sizeContentOffset);
  gap: var(--spaceLg);
  z-index: 3;
}

@media (min-width: 106rem) {
  .HomeHero-frame {
    padding: 5rem 1rem 5rem calc(((100vw - var(--sizeContentWidth)) / 2));
  }
}

@media (min-width: 1920px) {
  .HomeHero-frame {
    padding: 5rem 1rem 5rem calc((1920px - var(--sizeContentWidth)) / 2);
  }
}

@media (max-width: 85rem) {
  .HomeHero-frame {
    gap: var(--spaceMd);
    padding: 0rem var(--sizeContentOffset) 5rem;
  }
}

@media (max-width: 80rem) {
  .HomeHero-frame {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    margin: 2rem;
    color: white;
  }
}

@media (max-width: 80rem) {
  .HomeHero-image img {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 80rem) {
  .HomeHero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.HomeHero-title {
  font-size: 3rem;
  margin-bottom: 0;
}

@media (max-width: 80rem) {
  .HomeHero-title {
    font-size: 2.25rem;
    color: white;
  }
}

@media (max-width: 48rem) {
  .HomeHero-title {
    font-size: 1.75rem;
  }
}

/*# sourceMappingURL=home-hero.min.css.map */