@media screen and (min-width: 701px) {
  html body .page-hero {
    height: clamp(540px, 62vh, 680px);
    min-height: 540px;
    max-height: none;
    background-position: center center !important;
    background-size: cover !important;
  }

  body .page-hero-overlay {
    background:
      linear-gradient(90deg, rgba(3, 20, 38, 0.58) 0%, rgba(3, 20, 38, 0.44) 34%, rgba(3, 20, 38, 0.22) 62%, rgba(3, 20, 38, 0.08) 100%),
      linear-gradient(to top, rgba(3, 15, 30, 0.3) 0%, rgba(3, 15, 30, 0.04) 68%);
  }

  body div.page-hero-inner {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 108px 1rem 96px !important;
  }

  body .page-hero-copy {
    width: min(100%, 680px);
  }

  body .page-hero h1 {
    font-size: clamp(3.2rem, 4.5vw, 4.6rem);
    line-height: 1.02;
  }

  body .page-hero p {
    max-width: 620px;
    font-size: clamp(1.05rem, 1.25vw, 1.22rem);
  }
}