.hero {
  position:relative;
  isolation:isolate;
  padding-top:65px;
  background:#edf6fc;
}
.hero-art { display:contents; }
.hero-art img {
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  object-position:center 55%;
  z-index:-2;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,
    rgba(247,251,254,.95) 0%,
    rgba(247,251,254,.88) 48%,
    rgba(247,251,254,.76) 100%);
}
.hero-top {
  min-height:340px;
  align-items:center;
  margin:35px 0 45px;
}
.hero .art-label {
  position:relative!important;
  left:auto;
  bottom:auto;
  padding:0 0 28px!important;
  background:transparent!important;
  color:#17354a;
  font-size:19px;
  font-weight:600;
  letter-spacing:0;
}
.hero .art-label span {
  font-size:16px;
  font-weight:400;
  color:#466477;
}
.hero .strip {
  border-top:1px solid #b9cedb;
  border-bottom:0;
}
@media(max-width:750px) {
  .hero { padding-top:35px; }
  .hero-top { min-height:0; gap:24px; margin:28px 0; }
  .hero::before { background:rgba(247,251,254,.88); }
  .hero-art img { object-position:35% center; }
  .hero h1 { font-size:clamp(38px,8vw,58px); }
}