.km-pageHero{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
  padding:110px 0 90px;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
  isolation:isolate;
}

.km-pageHero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(14,18,28,.42) 0%, rgba(14,18,28,.58) 100%),
    linear-gradient(90deg, rgba(181,31,31,.18) 0%, rgba(0,0,0,0) 55%);
  z-index:1;
}

.km-pageHero__inner{
  position:relative;
  z-index:2;
  max-width:900px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.km-pageHero .km-breadcrumb{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 8px;
  font-size:14px;
  font-weight:600;
  color:rgba(255,255,255,.92);
}

.km-pageHero .km-breadcrumb a{
  color:#fff;
  transition:opacity .25s ease;
}

.km-pageHero .km-breadcrumb a:hover{
  opacity:.8;
}

.km-pageHero .km-breadcrumb__sep{
  opacity:.7;
}

.km-pageHero__title{
  margin:0;
  color:#fff;
  font-size:clamp(2rem, 4.8vw, 4.25rem);
  line-height:1;
  letter-spacing:.01em;
  text-wrap:balance;
}

.km-pageHero__desc{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:clamp(1rem, 1.5vw, 1.2rem);
  line-height:1.8;
}

@media (max-width: 991px){
  .km-pageHero{
    min-height:460px;
    padding:100px 0 80px;
  }

  .km-pageHero__inner{
    max-width:760px;
  }
}

@media (max-width: 767px){
  .km-pageHero{
    min-height:360px;
    padding:84px 0 64px;
    background-position:center center;
  }

  .km-pageHero__inner{
    gap:10px;
  }

  .km-pageHero .km-breadcrumb{
    font-size:13px;
    gap:6px;
  }

  .km-pageHero__title{
    font-size:clamp(1.7rem, 8vw, 2.5rem);
  }

  .km-pageHero__desc{
    font-size:0.98rem;
    line-height:1.7;
    max-width:100%;
  }
}