.uy-page-about .uy-light-hero {
  min-height: clamp(620px, calc(100svh - 92px), 820px);
  align-items: flex-start;
  padding: 54px 0 96px !important;
}

.uy-page-about .uy-light-hero::before {
  background: linear-gradient(90deg, rgba(4, 20, 35, .8) 0%, rgba(4, 20, 35, .54) 38%, rgba(4, 20, 35, .08) 70%, rgba(4, 20, 35, 0) 100%) !important;
}

.uy-page-about .uy-light-hero img {
  object-position: center center;
}

.uy-page-about .uy-light-hero .uy-width {
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.uy-page-about .uy-light-hero h1 {
  max-width: 760px !important;
  font-size: clamp(48px, 4.5vw, 72px) !important;
  line-height: .96 !important;
  letter-spacing: -.012em;
}

.uy-page-about .uy-light-hero p {
  max-width: 640px !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .uy-page-about .uy-light-hero {
    min-height: 660px;
    align-items: flex-start;
    padding: 40px 0 80px !important;
  }

  .uy-page-about .uy-light-hero::before {
    background: linear-gradient(135deg, rgba(4, 20, 35, .88) 0%, rgba(4, 20, 35, .56) 43%, rgba(4, 20, 35, .08) 76%) !important;
  }

  .uy-page-about .uy-light-hero img {
    object-position: 63% center;
  }

  .uy-page-about .uy-light-hero h1 {
    max-width: 100% !important;
    font-size: clamp(38px, 10.5vw, 52px) !important;
  }

  .uy-page-about .uy-light-hero p {
    max-width: 100% !important;
    font-size: 17px !important;
  }
}