/* Keep the culture-room aisle visible and white homepage copy readable. */
.hero-image {
  object-position: center center;
}

.hero::before {
  background:
    linear-gradient(0deg, rgba(8, 28, 20, .48), transparent 35%),
    linear-gradient(90deg, rgba(8, 28, 20, .86) 0%, rgba(8, 28, 20, .69) 36%, rgba(8, 28, 20, .24) 72%, rgba(8, 28, 20, .1) 100%);
}

@media (max-width: 600px) {
  .hero::before {
    background: linear-gradient(180deg, rgba(8, 28, 20, .74) 0%, rgba(8, 28, 20, .65) 56%, rgba(8, 28, 20, .76) 100%);
  }
}

@media (max-width: 360px) {
  body[data-lang="zh"] .hero h1 {
    font-size: 36px;
    line-height: 1.3;
  }
}