/* Explicit title colour also wins over WordPress themes that colour h1 directly. */
.hero #hero-title,
.hero #hero-title .hero-line,
.hero #hero-title .hero-line > span,
.hero #hero-title em {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.hero #hero-title { text-shadow: 0 3px 30px #00000038; }
/* Closing photo title, including the word spans created by the motion layer. */
.closing .closing-content h2,
.closing .closing-content h2 * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.closing .closing-content h2 { text-shadow: 0 3px 30px #00000038; }
.hero .hero-shade {
  background: linear-gradient(90deg, #09100da3 0%, #09100d52 49%, #09100d0d 100%),
    linear-gradient(0deg, #040b096b 0%, transparent 58%);
}
@media(max-width:640px) {
  .hero .hero-shade {
    background: linear-gradient(90deg, #09100d99 0%, #09100d40 100%),
      linear-gradient(0deg, #040b09a6 0%, transparent 65%);
  }
}