/* R34 — uniquement : hero d'accueil légèrement plus sombre et relief du vinyle plus naturel. */

.home-page > .hero .hero__media {
  filter: brightness(.78) contrast(1.03) saturate(.96) !important;
}

/* Une tranche fine et une lumière concentrique remplacent l'ancien volume en cuvette. */
.source-deck .record-thickness {
  background: linear-gradient(180deg, #151515 0%, #070707 44%, #010101 100%) !important;
  box-shadow:
    0 5px 7px rgba(0, 0, 0, .58),
    0 1px 1px rgba(0, 0, 0, .82) !important;
}

.source-deck .vinyl {
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .022) 0 18%, transparent 40%),
    radial-gradient(circle at 50% 50%, #111 0%, #0b0b0b 48%, #070707 78%, #030303 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .035),
    0 4px 7px rgba(0, 0, 0, .58),
    0 0 0 1px rgba(0, 0, 0, .76),
    inset 0 0 0 1px rgba(255, 255, 255, .045),
    inset 0 -2px 3px rgba(0, 0, 0, .38) !important;
}

.source-deck .vinyl::before {
  background:
    repeating-radial-gradient(circle at 50% 50%,
      transparent 0 1.05px,
      rgba(255, 255, 255, .018) 1.22px,
      rgba(0, 0, 0, .24) 1.42px,
      transparent 1.68px),
    repeating-radial-gradient(circle at 50% 50%,
      transparent 0 14px,
      rgba(255, 255, 255, .012) 14.3px,
      rgba(0, 0, 0, .20) 14.65px,
      transparent 15.2px) !important;
  opacity: .82 !important;
}

.source-deck .vinyl::after {
  background: conic-gradient(from 214deg,
    transparent 0 10%,
    rgba(255, 255, 255, .016) 15%,
    rgba(255, 255, 255, .050) 20%,
    transparent 27% 61%,
    rgba(255, 255, 255, .018) 68%,
    transparent 75%) !important;
  opacity: .38 !important;
}

.source-deck .fixed-light {
  background: linear-gradient(121deg,
    transparent 25%,
    rgba(255, 255, 255, .014) 34%,
    rgba(255, 255, 255, .072) 42%,
    rgba(255, 255, 255, .020) 48%,
    transparent 57%) !important;
  opacity: .42 !important;
}
