body.page-home .hero-wrap {
  background: #f7f3ec;
  border-color: rgba(2, 5, 18, 0.08);
}

body.page-home .hero-wrap::before,
body.page-home .hero-wrap::after {
  display: none;
}

body.page-home .hero-bg img {
  object-position: center center;
}

body.page-home .hero-grid {
  grid-template-columns: minmax(320px, 39%) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
}

body.page-home .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: inherit;
  padding: clamp(34px, 5.5vw, 76px) clamp(24px, 4vw, 54px);
  background: #ffffff;
}

body.page-home .hero-content > * {
  max-width: 560px;
}

body.page-home .hero-panel {
  align-self: center;
  justify-self: end;
  margin: clamp(24px, 4vw, 52px);
}

body.page-home .hero-title {
  color: #020512 !important;
  max-width: 12ch;
  text-shadow: none;
}

body.page-home .eyebrow {
  background: rgba(255, 255, 255, 0.64);
  border-color: rgba(2, 5, 18, 0.14);
  color: #020512;
}

body.page-home .hero-copy,
body.page-home .hero-wrap .conditions-list,
body.page-home .hero-wrap .conditions-list li {
  color: #020512 !important;
  text-shadow: none;
}

body.page-home .hero-copy-link {
  color: #020512 !important;
  text-decoration-color: rgba(2, 5, 18, 0.35);
}

body.page-home .hero-inline-link {
  color: #020512;
  font-weight: 550;
  text-decoration: none;
}

body.page-home .hero-inline-link:focus-visible,
body.page-home .hero-inline-link:hover {
  color: #1f2744;
  text-decoration: none;
}

body.page-home .hero-content .cta.secondary {
  background: #020512;
  border-color: #020512;
  color: #ffffff;
  box-shadow: 0 14px 28px -22px rgba(2, 5, 18, 0.85);
}

body.page-home .hero-content .cta.secondary:focus-visible,
body.page-home .hero-content .cta.secondary:hover {
  background: #1f2744;
  border-color: #1f2744;
  color: #ffffff;
  text-decoration: none;
}

body.page-home .hero-panel {
  background: rgba(2, 5, 18, 0.54) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

@media (max-width: 991.98px) {
  body.page-home .hero-grid {
    grid-template-columns: 1fr;
    align-content: start;
    align-items: start;
    padding: clamp(18px, 5vw, 34px);
  }

  body.page-home .hero-content {
    min-height: auto;
    padding: clamp(26px, 6vw, 42px);
  }

  body.page-home .hero-panel {
    justify-self: stretch;
    margin: clamp(18px, 4vw, 28px) 0 0;
  }
}

@media (max-width: 640px) {
  body.page-home .hero-bg img {
    object-position: 58% center;
  }

  body.page-home .hero-title {
    max-width: 13ch;
  }
}