.video-hero{min-height:365px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,rgba(246,210,19,.13),transparent 35%),linear-gradient(115deg,#060505 0%,#11100e 62%,#17150f 100%);border-bottom:1px solid var(--bord)}
.video-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 38px,rgba(246,210,19,.13) 39px 40px,transparent 41px 78px)}
.video-hero-interieur{position:relative;z-index:1;padding-top:72px;padding-bottom:72px}
.surtitre{display:inline-flex;align-items:center;gap:12px;color:var(--jaune);font-size:.76rem;font-weight:800;letter-spacing:.15em;margin-bottom:18px}
.surtitre i{display:inline-block;width:28px;height:4px;background:var(--jaune);transform:skewX(-30deg)}
.video-hero h1{max-width:760px;font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.06;text-transform:uppercase;letter-spacing:-.035em;margin:0 0 18px}
.video-hero h1 span{color:var(--jaune);display:block}
.video-hero p{max-width:610px;font-size:1.08rem;margin:0 0 26px}
.video-hero .btn{display:inline-flex;align-items:center}
.video-section{min-height:330px}
.grille-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.carte-video{min-width:0;overflow:hidden;background:var(--panneau);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);transition:transform .2s,border-color .2s}
.carte-video:hover{transform:translateY(-4px);border-color:var(--jaune-sombre)}
.carte-video video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
.carte-video-infos{padding:16px 18px 18px}
.carte-video-infos h3{font-size:1rem;overflow-wrap:anywhere;margin:0 0 6px}
.carte-video-infos p{font-size:.84rem;margin:0}
.etat-videos{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border:1px dashed var(--bord-clair);border-radius:var(--rayon);background:rgba(255,255,255,.015)}
.etat-videos p{margin:10px 0 0;max-width:600px}
.etat-videos strong{color:var(--texte)}
.loader{width:28px;height:28px;border:3px solid var(--bord-clair);border-top-color:var(--jaune);border-radius:50%;animation:tourne .8s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
.note-videos{margin-top:20px;text-align:center;font-size:.83rem}
.note-videos code{color:var(--jaune);background:var(--panneau);padding:3px 6px;border-radius:4px}
.video-cta{padding:44px 0;background:var(--fond-2);border-top:1px solid var(--bord);border-bottom:1px solid var(--bord)}
.video-cta-interieur{display:flex;align-items:center;justify-content:space-between;gap:25px}
.video-cta h2{text-transform:uppercase;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 8px}
.video-cta p{margin:0}
.video-cta .btn{flex-shrink:0}
.pied-colonne ul{list-style:none;padding:0;margin:0}.pied-colonne li{margin:7px 0}.pied-colonne a:hover,.pied-bas a:hover{color:var(--jaune)}
@media(max-width:1050px){.grille-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.video-hero{min-height:330px}}
@media(max-width:760px){.grille-videos{grid-template-columns:1fr}.video-hero-interieur{padding-top:55px;padding-bottom:55px}.video-cta-interieur{align-items:flex-start;flex-direction:column}.video-hero h1{font-size:clamp(2rem,10vw,3.2rem)}.nav{z-index:20}}