/* Fond vidéo du hero d'accueil — remplace le carrousel photo.
   L'image banner-bg-1 reste en place dessous : repli instantané si la
   vidéo ne démarre pas (connexion lente, autoplay refusé, reduced-motion). */
#header #banner .banner-bg-item{position:relative}
#header #banner .hero-video-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
#header #banner .hero-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}
/* Voile assez soutenu pour garder le titre lisible même sur les plans très
   clairs du montage (ciel du yacht au couchant, cabine du jet). */
#header #banner .hero-video-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,21,32,.66) 0%,rgba(13,21,32,.50) 45%,rgba(13,21,32,.72) 100%)}
#banner .owl-pagination{display:none!important}

/* Découplage triangle / logo : `.header-logo` portait un z-index unique pour le
   logo ET son triangle décoratif (`:after`), donc impossible de mettre le logo
   devant la barre de menu sans remonter aussi le triangle par-dessus le badge.
   On supprime ce contexte d'empilement et on empile les deux parties séparément :
   triangle 1 < texte du hero 6 < menu 7 < logo 10. Le logo garde le z-index:10
   que lui donne déjà refonte-premium.css (« Bug A »), qui devient enfin effectif
   une fois le contexte parent levé — on ne le redéclare pas ici. */
#header .header-logo{z-index:auto}
#header.triangle .header-logo:after{z-index:1}
#header .header-nav{position:relative;z-index:7}
#header #banner .hero-conversion{z-index:6}
/* Le badge ne doit jamais laisser transparaître le décor derrière lui. */
#header #banner .hero-tagline{background:rgba(13,21,32,.72);border-color:rgba(201,171,129,.55);backdrop-filter:blur(2px)}
@media (prefers-reduced-motion: reduce){#header #banner .hero-video-wrap{display:none}}