.hero-copy .cta-row {
  margin-top: 64px;
}

.hero-copy > .eyebrow {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.hero-copy h1 em {
  font-weight: 400;
}

.hero-copy .btn.primary .cta-arrow {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-left: 4px;
  filter: drop-shadow(0 2px 4px rgba(104, 10, 20, .25));
}

.hero-visual {
  background: #0b3154;
}

.hero-photo {
  filter: grayscale(.42) sepia(.16) hue-rotate(158deg) saturate(1.75) contrast(.9) brightness(1.06);
}

.hero-visual .photo-shade {
  background:
    linear-gradient(90deg, #081f39 0%, rgba(8, 31, 57, .94) 8%, rgba(11, 48, 82, .54) 27%, rgba(15, 67, 111, .2) 58%, rgba(8, 38, 67, .28) 100%),
    linear-gradient(180deg, rgba(10, 43, 75, .4) 0%, rgba(16, 71, 116, .1) 42%, rgba(8, 31, 57, .7) 100%);
  mix-blend-mode: normal;
  box-shadow: inset 28px 0 110px rgba(8, 31, 57, .48), inset 0 0 70px rgba(11, 53, 88, .28);
}

@media (max-width: 900px) {
  .hero-copy .cta-row {
    margin-top: 48px;
  }

  .hero-visual .photo-shade {
    background:
      linear-gradient(180deg, #081f39 0%, rgba(8, 31, 57, .84) 10%, rgba(12, 55, 92, .22) 36%, rgba(8, 31, 57, .68) 100%),
      linear-gradient(90deg, rgba(8, 31, 57, .6) 0%, rgba(15, 67, 111, .12) 52%, rgba(8, 38, 67, .34) 100%);
    box-shadow: inset 0 26px 90px rgba(8, 31, 57, .52), inset 0 0 60px rgba(11, 53, 88, .24);
  }
}