/* Custom hero video: chargement au clic "Écouter" */
.hero-video{
  position: relative;
  width: 100%;
  height: 80vh; /* Ajuste si besoin (60vh / 80vh / 100vh) */
  overflow: hidden;
  border-radius: 18px; /* Optionnel */
}

.hero-video video{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #000;

}

.hero-play-btn{
  position: absolute;
  left: 24px;
  bottom: 24px;
  padding: 12px 18px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Sur petit écran, on réduit un peu la hauteur */
@media (max-width: 768px){
  .hero-video{ height: 52vh; border-radius: 14px; }
  .hero-play-btn{ left: 16px; bottom: 16px; padding: 10px 14px; }
}