/* Fond studio unique et continu sur l'ensemble du site. */
html {
  background: #050304 !important;
}

body {
  position: relative !important;
  isolation: isolate;
  min-height: 100vh;
  background: transparent !important;
  background-image: none !important;
}

body::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 2, 3, .42), rgba(4, 2, 3, .68)),
    url("studio-background-official-v2.png?v=813") center center / cover no-repeat !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

body::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  z-index: 0 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, .08) 48%, rgba(0, 0, 0, .30)) !important;
  filter: none !important;
  opacity: 1 !important;
}

body > .radio-studio-bg {
  display: none !important;
}

body > header,
body > main,
body > footer,
body > section {
  position: relative;
  z-index: 1;
}

main,
main > section,
body > section,
.hero,
.section,
.content-section {
  background-color: transparent !important;
  background-image: none !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

main > section::before,
main > section::after,
body > section::before,
body > section::after {
  background-image: none !important;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  body::before {
    position: fixed !important;
    background:
      linear-gradient(180deg, rgba(3, 2, 3, .54), rgba(4, 2, 3, .76)),
      url("studio-background-official-v2.png?v=813") 50% center / cover no-repeat !important;
  }

  body::after {
    background: rgba(0, 0, 0, .12) !important;
  }
}