/* Production review fixes: keyboard focus and optimized hero artwork. */
a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px #0b57d0;
}

.hero-art {
  background-image:
    linear-gradient(90deg, rgba(3, 8, 21, 0.87) 0%, rgba(3, 8, 21, 0.58) 45%, rgba(3, 8, 21, 0.08) 100%),
    url("sound-waves.jpg");
}

@media (max-width: 800px) {
  .hero-art {
    background-image:
      linear-gradient(90deg, rgba(3, 8, 21, 0.9), rgba(3, 8, 21, 0.45)),
      url("sound-waves.jpg");
  }
}