/* A separate scrim keeps the approved film intact and the foreground readable. */
.hero .shade {
  background:
    linear-gradient(90deg, rgba(5, 10, 7, .18) 0%, rgba(5, 10, 7, .18) 58%, rgba(5, 10, 7, .03) 82%, transparent 100%),
    radial-gradient(ellipse at 55% 42%, rgba(9, 15, 11, .54) 0%, rgba(3, 7, 4, .68) 100%);
  pointer-events: none;
}
.hero h1, .hero .lead, .hero .eyebrow, .hero .hero-link {
  text-shadow: 0 2px 18px rgba(0, 0, 0, .24);
}
.hero .eyebrow, .hero-bottom p { color: #f3ebd5; }
@media (max-width: 760px) {
  .hero .shade {
    background:
      linear-gradient(rgba(5, 10, 7, .12), rgba(5, 10, 7, .12)),
      radial-gradient(ellipse at 55% 43%, rgba(9, 15, 11, .54) 0%, rgba(3, 7, 4, .68) 100%);
  }
}