/* Mon écran LED · 1er écran de l'accueil : boucle vidéo intégrée + film de 60 s en grand (11/11/2026, v6 : animation 3D de Lucas, ordinateur = 78 % droite fondu à gauche ; mobile = bandeau net en haut) */
.hero-film .wrap{z-index:2;pointer-events:none}
.hero-film .wrap a,.hero-film .wrap button,.hero-film .wrap input{pointer-events:auto}
.hf-bg{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--hero)}
.hf-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 82%,transparent) 30%,color-mix(in srgb,var(--hero) 40%,transparent) 58%,transparent 82%),
  linear-gradient(0deg,var(--hero) 0%,transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--hero) 55%,transparent) 0%,transparent 14%)}
.hf-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:0;transition:opacity 1.2s ease}
.hf-loop.on,.hf-loop.fixe{opacity:1}
.hero-film h1,.hero-film .lead{text-shadow:0 2px 22px rgba(5,7,12,.65)}
.hf-open{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;background:none;border:0;padding:4px 0;color:var(--hero-text);font:500 15px/1.3 var(--body);cursor:pointer}
.hf-open b{color:var(--hero-title);font-weight:600}
.hf-ico{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);display:inline-grid;place-items:center;box-shadow:0 0 0 6px rgba(242,169,59,.18);transition:transform .2s ease}
.hf-ico::before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #121826;margin-left:3px}
.hf-open:hover .hf-ico,.hf-open:focus-visible .hf-ico{transform:scale(1.08)}
.hf-open:hover b{text-decoration:underline;text-underline-offset:3px}
.hf-zone{display:none}
@media (min-width:1024px){
  .hf-zone{display:block;position:absolute;top:0;right:0;bottom:0;width:42%;z-index:1;background:none;border:0;padding:0;cursor:pointer}
  .hf-pill{position:absolute;right:32px;bottom:32px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(10,14,22,.78);color:#F5F3EE;font:600 15px/1 var(--body);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
  .hf-pill .hf-ico{width:30px;height:30px}
  .hf-zone:hover .hf-pill{opacity:1;transform:none}
}
@media (min-width:768px){
  /* Ordinateur (v6, animation 3D de Lucas) : cadre 16:9 calé à droite, centré verticalement, bords fondus dans le fond */
  .hf-bg{left:auto;right:0;top:50%;bottom:auto;width:min(66%,1100px);aspect-ratio:16/9;max-height:100%;transform:translateY(-50%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 94%,transparent 100%),linear-gradient(0deg,transparent 0,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 94%,transparent 100%),linear-gradient(0deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
  .hf-bg::after{background:linear-gradient(90deg,color-mix(in srgb,var(--hero) 70%,transparent) 0%,transparent 34%)}
  .hf-loop{object-fit:cover;object-position:center}
}
@media (max-width:767px){
  /* Mobile : l'écran vidéo en bandeau net en haut du 1er écran, le texte dessous */
  .hero-film{padding-top:calc(66vw + 8px)}
  .hf-bg{bottom:auto;height:calc(66vw + 40px)}
  .hf-loop{object-position:center top}
  .hf-loop.on,.hf-loop.fixe{opacity:1}
  .hf-bg::after{background:linear-gradient(0deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 60%,transparent) 22%,transparent 50%)}
  .hf-zone{display:block;position:absolute;top:0;left:0;right:0;height:66vw;z-index:1;background:none;border:0;padding:0;cursor:pointer}
  .hf-pill{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border-radius:999px;background:rgba(10,14,22,.8);color:#F5F3EE;font:600 14px/1 var(--body);white-space:nowrap}
  .hf-pill .hf-ico{width:28px;height:28px}
  .hf-open{display:none}
}
.hf-dialog{width:min(1120px,94vw);max-width:none;padding:0;border:0;border-radius:14px;background:#05070C;overflow:visible;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.hf-dialog::backdrop{background:rgba(5,7,12,.86)}
.hf-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#05070C}
.hf-close{position:absolute;top:-46px;right:0;width:40px;height:40px;border-radius:50%;border:0;background:rgba(245,243,238,.12);color:#F5F3EE;font:400 28px/1 var(--body);cursor:pointer}
.hf-close:hover,.hf-close:focus-visible{background:var(--accent);color:#121826}
@media (prefers-reduced-motion:reduce){.hf-loop{transition:none}.hf-ico,.hf-pill{transition:none}}