.contact-page{
  background: #fff;
}

.hero--contact{
  min-height: clamp(430px, calc(100vh - 310px), 580px);
}

.hero--contact .hero__bg{
  background:
    radial-gradient(circle at top right, rgba(240,90,40,.28), transparent 28%),
    linear-gradient(135deg, rgba(31,45,83,.96) 0%, rgba(26,41,77,.92) 48%, rgba(21,34,66,.94) 100%);
}

.hero--contact .hero__inner{
  min-height: clamp(430px, calc(100vh - 310px), 580px);
  align-items: center;
}

.hero--contact .hero__content{
  max-width: 780px;
}

@media (max-width: 720px){
  .hero--contact{
    min-height: clamp(380px, calc(100vh - 230px), 500px);
  }

  .hero--contact .hero__inner{
    min-height: clamp(380px, calc(100vh - 230px), 500px);
  }
}