.hero {
  background-color: #071b31;
  background-image:
    linear-gradient(90deg, rgba(7,27,49,.98) 0%, rgba(7,27,49,.91) 31%, rgba(7,27,49,.58) 52%, rgba(7,27,49,.12) 78%),
    linear-gradient(0deg, rgba(7,27,49,.48) 0%, rgba(7,27,49,.04) 42%, rgba(7,27,49,.28) 100%),
    url("hero-background-v2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero::after {
  position: absolute;
  z-index: 1;
  content: "";
  inset: auto 0 0;
  height: 120px;
  background: linear-gradient(0deg, rgba(7,27,49,.7), transparent);
  pointer-events: none;
}

.hero::before {
  display: none !important;
  content: none !important;
}

.hero-grid {
  z-index: 1;
  opacity: .45;
}

.hero-layout,
.hero-copy,
.hero-visual {
  z-index: 2;
}

.sun-disc,
.mountain {
  display: none !important;
}

.hero-truck {
  filter: drop-shadow(0 30px 22px rgba(0,0,0,.46));
}

@media (max-width: 1000px) {
  .hero {
    background-image:
      linear-gradient(180deg, rgba(7,27,49,.96) 0%, rgba(7,27,49,.75) 45%, rgba(7,27,49,.22) 74%, rgba(7,27,49,.55) 100%),
      url("hero-background-v2.jpg");
    background-position: 43% center;
  }
}

@media (max-width: 560px) {
  .hero {
    background-position: 40% center;
  }
}

.form-trap {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.form-submit:disabled {
  cursor: wait;
  opacity: .68;
}

.form-success.error {
  color: #731e1e;
  background: #fff0f0;
  border-color: #d99090;
}
