.pageHero {
  position: relative;
  z-index: 1;
  isolation: isolate;
  overflow: visible;
  min-height: 400px;
  padding: calc(var(--header-height) + 54px) 0 118px;
  background: transparent;
}

.pageHero__container {
  position: relative;
  z-index: 1;
}

.pageHero__breadcrumb {
  margin-bottom: 30px;
}

.pageHero__content {
  max-width: 860px;
}

.pageHero__title {
  max-width: 860px;
  font-family: var(--font-title);
  font-size: clamp(2.7rem, 6vw, 5.45rem);
  line-height: 0.94;
  letter-spacing: -0.030em;
  color: #23172f;
}

.pageHero__title .u-gradient-text {
  display: inline;
}

.pageHero__subtitle {
  max-width: 650px;
  margin-top: 24px;
  color: var(--color-muted);
  font-size: clamp(1.04rem, 1.35vw, 1.18rem);
  line-height: 1.74;
}

.pageHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.pageHero__actions .btn {
  min-width: 210px;
}

.pageHero--contact {
  padding-bottom: 128px;
}

.pageHero--blog .pageHero__content,
.pageHero--blog .pageHero__title {
  max-width: 920px;
}

@media (max-width: 980px) {
  .pageHero {
    min-height: auto;
    padding: calc(var(--header-height) + 42px) 0 104px;
  }

  .pageHero__shade {
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.62) 0%,
        rgba(255, 255, 255, 0.5) 48%,
        rgba(251, 249, 255, 0.32) 100%
      ),
      radial-gradient(circle at 18% 18%, rgba(201, 179, 255, 0.2), transparent 36%),
      radial-gradient(circle at 84% 16%, rgba(142, 220, 255, 0.14), transparent 34%);
  }

  .pageHero__content {
    max-width: 760px;
  }

  .pageHero__title {
    font-size: clamp(2.55rem, 8vw, 4.35rem);
  }
}

@media (max-width: 760px) {
  .pageHero {
    padding: calc(var(--header-height) + 30px) 0 88px;
  }

  .pageHero__breadcrumb {
    margin-bottom: 24px;
  }

  .pageHero__title {
    font-size: clamp(2.3rem, 11vw, 3.45rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
  }

  .pageHero__subtitle {
    max-width: 100%;
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.65;
  }

  .pageHero__actions {
    margin-top: 28px;
  }

  .pageHero__actions .btn {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 520px) {
  .pageHero {
    padding: calc(var(--header-height) + 24px) 0 78px;
  }

  .pageHero__title {
    font-size: clamp(2.12rem, 12vw, 3.05rem);
  }

  .pageHero__subtitle {
    font-size: 0.98rem;
  }
}

@media (max-width: 390px) {
  .pageHero__title {
    font-size: 2.05rem;
  }

  .pageHero__subtitle {
    font-size: 0.95rem;
  }
}