.spring-vision {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(440px, 1.1fr);
  min-height: 540px;
  background: #173f88;
  color: #fff;
  overflow: hidden;
}

.spring-vision-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 78px max(5vw, 42px);
  background: linear-gradient(135deg, #153878, #1d55ad);
}

.spring-vision-copy .eyebrow { color: #f4a04b; }
.spring-vision-copy h2 {
  max-width: 620px;
  margin: 0 0 26px;
  font: 400 clamp(39px, 4.4vw, 64px)/1.04 Georgia, serif;
  letter-spacing: -.035em;
}
.spring-vision-copy > p:not(.eyebrow) {
  max-width: 620px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 17px;
  line-height: 1.72;
}
.spring-vision-copy .spring-vision-status {
  margin-top: 28px !important;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.28);
  color: #fff !important;
  font-size: 14px !important;
}

.spring-vision-image {
  min-height: 540px;
  background-image: url('/assets/wellspring-hrc-desert-spring-crop.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: inset 34px 0 38px -34px rgba(10,42,91,.6);
}

@media (max-width: 900px) {
  .spring-vision { grid-template-columns: 1fr; }
  .spring-vision-copy { padding: 68px max(7vw, 28px); }
  .spring-vision-image {
    min-height: 360px;
    background-size: cover;
    background-position: 78% center;
    box-shadow: inset 0 28px 35px -30px rgba(10,42,91,.75);
  }
}

@media (max-width: 560px) {
  .spring-vision-copy { padding-top: 58px; padding-bottom: 58px; }
  .spring-vision-image { min-height: 290px; }
}