.vhero{position:relative;overflow:hidden;border-radius:26px;padding:28px 30px}
.vhero .bgvid{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;object-position:50% 42%;filter:blur(2px) saturate(1.05) brightness(1.06);z-index:0}
.vhero .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(104deg,rgba(244,246,252,.97) 0%,rgba(244,246,252,.86) 55%,rgba(244,246,252,.66) 100%)}
.vhero .vcontent{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
.vhero .vcontent h1{text-shadow:0 1px 3px rgba(255,255,255,.65)}
.vhero .vcontent .chapeau,.vhero .vcontent .note-heros{color:#131722;text-shadow:0 1px 2px rgba(255,255,255,.5)}
.hero-video .hv-grille{align-items:stretch}
@media(min-width:981px){.hero-video .hv-grille{grid-template-columns:1.9fr 1fr;gap:20px}}
.vhero .vcontent .cc-gauche{margin-top:auto}
.hero-video .cc-gauche,.hero-video .cc-droite{grid-template-columns:repeat(2,1fr);margin-top:22px}
.hero-video .cc-gauche li,.hero-video .cc-droite li{border-right:1px solid rgba(20,24,33,.14);padding:16px 12px}
.hero-video .cc-gauche li:last-child,.hero-video .cc-droite li:last-child{border-right:0}
.hero-video .cc-gauche b,.hero-video .cc-gauche span{color:#131722}
.hv-droite{display:flex;flex-direction:column;justify-content:center}
@media(prefers-reduced-motion:reduce){.vhero .bgvid{display:none}}
/* Mobile : la vidéo s'étend jusqu'aux bords de l'écran (plus large) */
@media(max-width:980px){
  .vhero{margin-left:-22px;margin-right:-22px;border-radius:0;padding:20px 22px 26px}
  .vhero .scrim{background:rgba(244,246,252,.72)}
  .vhero .bgvid{inset:-6%;width:112%;height:112%;object-position:50% 45%}
}
