/* Homepage photograph only. Keep the established layout and copy unchanged. */
.hero-media {
  inset: 0;
  background-image: url("../images/cassettes-hero-v2.jpg");
  background-position: center center;
  background-size: cover;
  filter: grayscale(0.35) sepia(0.12) saturate(0.72) contrast(1.02);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(18, 16, 15, 0.88) 0%, rgba(18, 16, 15, 0.7) 30%, rgba(18, 16, 15, 0.32) 55%, rgba(18, 16, 15, 0.08) 78%, rgba(18, 16, 15, 0.14) 100%),
    linear-gradient(180deg, rgba(18, 16, 15, 0.2), rgba(18, 16, 15, 0.08) 52%, #12100f 100%);
}

@media (max-width: 720px) {
  .hero-media {
    background-position: 67% center;
  }

  .hero-shade {
    background: linear-gradient(180deg, rgba(18, 16, 15, 0.92) 0%, rgba(18, 16, 15, 0.82) 30%, rgba(18, 16, 15, 0.36) 65%, rgba(18, 16, 15, 0.16) 80%, #12100f 100%);
  }
}