@font-face {
  font-family: "PPNeueMontreal";
  src: url("assets/fonts/PPNeueMontreal-Medium.woff") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

#custom-cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  pointer-events: none;
  background-image: url('assets/images/sound_on.svg');
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none; 
}

@media (min-width: 1024px) { /* lg = 1024px dans Tailwind */
  #custom-cursor {
    display: block;
  }
}
video {
  cursor: auto; /* flèche par défaut pour tout le monde */
}

@media (min-width: 1024px) {
  video {
    cursor: none; /* cacher la flèche sur desktop */
  }
}