.baas-sector-hero {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  overflow: hidden;
  background: #071b2e;
}

.baas-sector-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  z-index: 0;
}

.baas-sector-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #041320dc 0%, #04132084 48%, #04132024 100%),
    linear-gradient(0deg, #041320a8 0%, transparent 48%);
  pointer-events: none;
}

.baas-sector-hero__copy {
  position: relative;
  z-index: 2;
  padding: 70px 6vw 78px;
  max-width: 820px;
  width: 100%;
}

.baas-sector-hero__copy .eyebrow { margin-bottom: 15px; }
.baas-sector-hero__copy h1 { margin: 0 0 15px; color: #fff; font-size: clamp(68px, 9vw, 140px); font-weight: 400; line-height: 1; }
.baas-sector-hero__copy > p:last-child { max-width: 590px; margin: 0; color: #e0ebf4; font-size: clamp(17px, 1.8vw, 23px); line-height: 1.5; }

html[dir="rtl"] .baas-sector-hero::after { transform: scaleX(-1); }

.baas-sector-hero.land-hero { padding-bottom: 0; }
.personal-page .baas-sector-hero { margin: 30px -6vw 34px; }
main.personal-page--top { padding-top: 0; }
main.personal-page--top .baas-sector-hero { margin-top: 0; }

@media (max-width: 750px) {
  .baas-sector-hero { min-height: 470px; }
  .baas-sector-hero > img { object-position: center; }
  .baas-sector-hero::after,
  html[dir="rtl"] .baas-sector-hero::after {
    transform: none;
    background: linear-gradient(0deg, #041320e8 0%, #041320ad 38%, #04132020 85%);
  }
  .baas-sector-hero__copy { padding: 48px 6vw; }
  .baas-sector-hero__copy h1 { font-size: clamp(54px, 13vw, 90px); }
  .baas-sector-hero__copy > p:last-child { font-size: 15px; }
  .personal-page .baas-sector-hero { margin-top: 24px; margin-bottom: 20px; }
}