/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

.m-banner {
  position: relative;
}

.m-banner__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 769px) {
  .m-banner__title {
    position: sticky;
    top: 3rem;
    align-self: flex-start;
  }
}

@media (min-width: 1025px) {
  .m-banner__title {
    top: 5rem;
  }
}

.m-banner__container {
  position: relative;
  z-index: 2;
  color: var(--color-primary-white);
}

.m-banner__media + .m-banner__container {
  min-height: 45rem;
  background-color: var(--color-dark-overlay);
}

.m-banner__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
}

@media (min-width: 769px) {
  .m-banner__content {
    display: grid;
    grid-template-columns: auto 26rem;
    gap: 2rem;
  }
}

@media (min-width: 1025px) {
  .m-banner__content {
    gap: 9rem;
  }
}

.m-banner__footer {
  display: grid;
  margin-top: auto;
  gap: 2rem;
}

@media (min-width: 1025px) {
  .m-banner__footer {
    align-self: flex-end;
    margin-top: 0;
    gap: 3.5rem;
  }
}