/* Approved collaborative studio image for the homepage hero. */
.hero-bg {
  background-image: linear-gradient(90deg, rgba(8,12,11,.30), transparent 65%), linear-gradient(0deg, var(--bg), transparent 28%), url('assets/hero-session-v1.webp');
  background-size: cover;
  background-position: center;
}
@media (min-width: 1500px) {
  .hero-bg { background-position: center 55%; }
}
@media (max-width: 760px) {
  .hero-bg {
    background-image: linear-gradient(90deg, rgba(8,12,11,.78), rgba(8,12,11,.30)), linear-gradient(0deg, var(--bg), transparent 80%), url('assets/hero-session-v1.webp');
    background-position: 75% center;
  }
}