.hero {
  background: #fff;
  color: var(--navy);
}

.hero > img {
  object-fit: cover;
  object-position: center bottom;
}

.hero-shade {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, .98) 28%,
    rgba(255, 255, 255, .82) 45%,
    rgba(255, 255, 255, 0) 66%
  );
}

.hero-content {
  max-width: 600px;
}

.hero-content .eyebrow {
  color: var(--gold);
}

.hero-content h1 {
  color: var(--navy);
}

.hero-content h1 em {
  color: #9d7746;
}

.hero-lead {
  color: #536274;
  max-width: 555px;
}

.button-light {
  background: var(--navy);
  color: #fff;
}

.text-link {
  color: var(--navy);
}

@media (max-width: 900px) {
  .hero {
    height: 1060px;
  }

  .hero > img {
    position: absolute;
    left: -20%;
    bottom: 145px;
    width: 125%;
    height: auto;
    max-width: none;
    object-fit: initial;
    object-position: initial;
  }

  .hero-shade {
    display: none;
  }

  .hero-content {
    top: 44px;
    bottom: auto;
  }

  .hero-proof {
    bottom: 0;
    box-shadow: 0 -1px 0 rgba(7, 31, 62, .08);
  }
}

@media (max-width: 540px) {
  .hero {
    height: 1010px;
  }

  .hero > img {
    left: -39%;
    bottom: 132px;
    width: 142%;
  }

  .hero-content {
    top: 38px;
  }
}