.hero-light {
  background: #f2f6fc;
  color: var(--ink);
  border-top: 1px solid #e9eef6;
}
.hero-light::after {
  background: linear-gradient(90deg, #f2f6fc 0%, #f2f6fcfa 24%, #f2f6fcd9 40%, #f2f6fc00 65%);
}
.hero-light .hero-image {
  width: 81%;
  object-position: 65% 50%;
}
.hero-light .hero-inner {
  min-height: 440px;
  padding-block: 58px 64px;
}
.hero-light .hero-copy { max-width: 530px; }
.hero-light .eyebrow { color: #4d6899; }
.hero-light .eyebrow > span { background: var(--accent); }
.hero-light h1 {
  font-size: clamp(43px, 4.4vw, 59px);
  font-weight: 600;
  line-height: 1.25;
  margin-top: 21px;
}
.hero-light .hero-lead { color: #596c8a; margin-top: 19px; }
.hero-light .button-white { color: #fff; background: var(--accent); }
.hero-light .button-white:hover { background: #214cb9; }
.hero-light .hero-contact { color: var(--ink); }
.hero-light .hero-contact span { color: var(--accent); }
@media (max-width: 1000px) {
  .hero-light .hero-inner { min-height: 424px; }
  .hero-light h1 { font-size: 50px; }
}
@media (max-width: 760px) {
  .hero-light .hero-inner { min-height: 416px; padding-block: 50px; }
  .hero-light .hero-image { width: 100%; object-position: 66% 50%; }
  .hero-light::after { background: linear-gradient(90deg, #f2f6fc 0%, #f2f6fce8 39%, #f2f6fc30 90%); }
  .hero-light h1 { font-size: 45px; }
  .hero-light .hero-copy { max-width: 410px; }
}
@media (max-width: 590px) {
  .hero-light .hero-inner { min-height: 420px; padding-block: 44px 46px; }
  .hero-light .hero-image {
    width: 145%;
    max-width: none;
    object-position: 68% 50%;
    opacity: .4;
  }
  .hero-light::after { background: linear-gradient(90deg, #f2f6fcfa 0%, #f2f6fcd4 63%, #f2f6fc60); }
  .hero-light h1 { font-size: clamp(37px, 10vw, 47px); }
  .hero-light .hero-lead { font-size: 14px; }
}