.page-banner-cover{
  --page-banner-min-height:clamp(540px,72svh,780px);
  position:relative;
  isolation:isolate;
  min-height:var(--page-banner-min-height);
  display:grid;
  padding:0;
  overflow:hidden;
  background:#083e4a;
}
.page-banner-cover::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:var(--page-banner-image);
  background-position:center;
  background-size:cover;
  transform:scale(1.015);
}
.page-banner-cover::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,#032f3ee8 0%,#073d4ab8 37%,#073d4a4d 68%,#021f2b61 100%),
    linear-gradient(180deg,#021d286b 0%,transparent 38%,#021f2ba8 100%);
}
.page-banner-content{
  min-height:var(--page-banner-min-height);
  display:flex;
  align-items:flex-end;
  padding-block:clamp(105px,15vh,160px) clamp(64px,9vh,96px);
}
.page-banner-copy{width:min(780px,70%);text-shadow:0 3px 24px #00192380}
.page-banner-cover .eyebrow{color:#83e5eb}
.page-banner-cover h1{
  max-width:900px;
  margin-bottom:20px;
  color:#fff;
  font-size:clamp(48px,6.5vw,92px);
  line-height:1.02;
}
.page-banner-cover .lead{
  max-width:670px;
  margin-bottom:30px;
  color:#e1f2f4;
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.7;
}
.page-banner-cover .button-white{
  background:#fff;
  color:#086575;
  text-shadow:none;
}
.page-banner-cover .button-white:hover{background:#dff8f3;color:#064d59}
@media(max-width:900px){
  .page-banner-cover{--page-banner-min-height:clamp(500px,68svh,680px)}
  .page-banner-copy{width:min(700px,86%)}
  .page-banner-cover::after{background:linear-gradient(90deg,#032f3ee8 0%,#073d4aaa 58%,#021f2b5c 100%)}
}
@media(max-width:700px){
  .page-banner-cover{
    --page-banner-min-height:max(520px,72dvh);
    padding:0;
  }
  .page-banner-cover::before{background-position:62% center}
  .page-banner-cover::after{background:linear-gradient(180deg,#032f3e70 0%,#052f3ba8 42%,#021f2bed 100%)}
  .page-banner-content{padding-block:100px 54px}
  .page-banner-copy{width:100%}
  .page-banner-cover h1{font-size:clamp(40px,12vw,58px)}
  .page-banner-cover .lead{font-size:15px;line-height:1.65}
}