.hero-2026 {
  align-items: center;
  display: flex;
  height: calc(100vh - 80px);
  min-height: 900px;
  width: 100%
}

.hero-2026 .module__wrapper {
    margin: 0 auto;
    max-width: 100%;
    padding: 72px 80px 144px;
    width: 100%;
}

.hero-2026 :where(h1, p, span) {
  color: var(--black);
}

.hero-2026--heading {
  max-width: 1200px;
}

.hero-2026 .buttons {
  column-gap: 0.8rem;
  display: flex;
}

.hero-2026 {
  position: relative;
  overflow: hidden;
}

.hero-2026--background-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.hero-2026--background-image picture,
.hero-2026--background-image img {
  width: 100%;
  height: 100%;
  display: block;
}

.hero-2026--background-image img {
  object-fit: cover;
  object-position: center;
}

.hero-2026 .module__wrapper {
  position: relative;
  z-index: 1;
}

.qf2023 h1.front-page {
  font-size: clamp(48px, 9vw, 230px);
  line-height: 0.9;
}

@media screen and (max-width: 1603px) {
  .hero-2026 .module__wrapper {
    margin: 0 auto;
    max-width: 1604px;
    padding: 60px 60px 120px;
  }
}
@media screen and (max-width: 1279px) {
  .hero-2026 .module__wrapper {
    margin: 0 auto;
    max-width: 1604px;
    padding: 54px 40px 108px;
  }
}
@media screen and (max-width: 767px) {
  .hero-2026 .module__wrapper {
    padding: 32px 20px 64px;
  }
}

@media screen and (max-width: 767px) {
  .hero-2026 {
    min-height: 600px;
  }