/* Team-specific stadium art for the single-match hero. Keep the image quiet
   enough for the existing match metadata to remain the primary reading layer. */
.detail-bg {
  background-image: var(--detail-team-background, url('/assets/football-night-stadium-v2.jpg?v=20260801-hero-stadium-jpeg-1'));
  background-position: center 62%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: saturate(.9) contrast(1.04) brightness(.88);
  transition: background-image .2s ease, background-position .25s ease, filter .25s ease;
}

.detail-shade {
  background:
    linear-gradient(90deg, rgba(4, 15, 9, .94), rgba(4, 15, 9, .62) 56%, rgba(4, 15, 9, .2)),
    linear-gradient(0deg, rgba(5, 16, 10, .96), rgba(5, 16, 10, .28) 52%, rgba(5, 16, 10, .08) 82%);
}

@media (max-width: 640px) {
  .detail-bg {
    background-position: center 86%;
    background-size: auto 155%;
    filter: saturate(.88) contrast(1.04) brightness(.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  .detail-bg {
    background-position: center !important;
    transition: none !important;
  }
}