/* Keeps the baked hero artwork and prevents duplicate copy layers. */
.hero {
  min-height: 440px;
  background-size: 100% 100%;
  background-position: center;
}

.hero__content {
  position: relative;
  min-height: 440px;
  display: block;
}

.hero__content > .eyebrow,
.hero__content > h1,
.hero__content > .hero__lead,
.hero__content > .hero__services {
  display: none;
}

.hero__actions {
  position: absolute;
  left: 6%;
  bottom: 142px;
  z-index: 2;
  display: flex;
  gap: 12px;
}

.hero__actions .button {
  min-height: 44px;
  padding-inline: 22px;
}

@media (max-width: 720px) {
  .hero {
    min-height: 500px;
    background-size: auto 100%;
    background-position: 38% center;
  }

  .hero__content {
    min-height: 500px;
  }

  .hero__actions {
    left: 24px;
    right: 24px;
    bottom: 104px;
    flex-direction: column;
  }

  .hero__actions .button {
    width: 100%;
  }
}