/* Give the gym more light while keeping the title and controls readable. */
.hero-poster,
.hero-video {
  filter: brightness(1.18);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgb(0 0 0 / .44), rgb(0 0 0 / .24) 36%, rgb(0 0 0 / .05) 76%),
    linear-gradient(180deg, rgb(0 0 0 / .37), transparent 30%),
    linear-gradient(0deg, rgb(0 0 0 / .25), transparent 43%);
}

.hero h1 {
  text-shadow: 0 2px 18px rgb(0 0 0 / .58);
}

.hero h1 em {
  color: #e6c48a;
}

@media (max-width: 700px) {
  .hero-shade {
    background:
      linear-gradient(90deg, rgb(0 0 0 / .43), rgb(0 0 0 / .16) 78%),
      linear-gradient(180deg, rgb(0 0 0 / .32), transparent 30%),
      linear-gradient(0deg, rgb(0 0 0 / .27), transparent 47%);
  }
}
