/* Keep the intro legible across the wave crest and shade the trust bar. */
.page-home .hero .hero-photo::after {
  background:
    linear-gradient(90deg,
      rgba(7, 28, 49, .74) 0%,
      rgba(7, 28, 49, .62) 52%,
      rgba(7, 28, 49, .28) 74%,
      rgba(7, 28, 49, .05) 88%,
      rgba(7, 28, 49, 0) 100%),
    linear-gradient(180deg,
      rgba(7, 28, 49, .40) 0,
      rgba(7, 28, 49, .40) 58px,
      rgba(7, 28, 49, .06) 150px,
      rgba(7, 28, 49, .06) 45%,
      rgba(7, 28, 49, .84) 100%);
}

/* Give the display lettering and word boundaries more room. */
body.page-home .hero h1 {
  line-height: .98;
  letter-spacing: -.045em;
  word-spacing: .025em;
}

.page-home .hero .hero-move-word {
  text-decoration-thickness: calc(.085em - 1px);
}

.page-home .hero .hero-intro {
  max-width: 36em;
}

.page-home .hero-intro-desktop-break,
.page-home .trust-desktop-break {
  display: none;
}

@media (width > 980px) {
  .page-home .hero .hero-intro {
    max-width: 44em;
  }

  .page-home .hero-intro-desktop-break,
  .page-home .trust-desktop-break {
    display: inline;
  }
}

.page-home .hero .trust-item p {
  color: #dbe6ef;
}

/* Equal-width actions stay balanced and wrap together on smaller screens. */
.page-home .hero .hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.page-home .hero .hero-actions .button {
  flex: 0 1 auto;
  width: 12.5rem;
  min-width: 0;
  max-width: 100%;
  padding-inline: 30px;
}

/* Wrapped copy spans most of the image on phones and smaller tablets. */
@media (width <= 1180px) {
  .page-home .hero .hero-photo::after {
    background:
      linear-gradient(90deg,
        rgba(7, 28, 49, .72) 0%,
        rgba(7, 28, 49, .64) 100%),
      linear-gradient(180deg,
        rgba(7, 28, 49, .40) 0,
        rgba(7, 28, 49, .40) 58px,
        rgba(7, 28, 49, .06) 150px,
        rgba(7, 28, 49, .06) 45%,
        rgba(7, 28, 49, .84) 100%);
  }
}