/* ---------- Hero video (2026-10-10, v2) — remplace le panneau « Scan en cours » ---------- */
.hero > .dossier{align-self:center}
/* même respiration que les .block-in (78px) entre §01 et §02 */
.hero{padding-bottom:78px}
.hero-video{margin:0}
.hv-head{margin:0 0 16px}

.hv-frame{
  position:relative;aspect-ratio:16 / 9;overflow:hidden;
  background:#E9EDF5;
  border:1px solid var(--seal-navy);
  border-radius:2px;
  /* feuille posée : décalage façon tirage papier */
  box-shadow:12px 12px 0 -1px var(--vellum),12px 12px 0 0 var(--filet-strong);
}
.hv-frame video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}

.hv-play{
  position:absolute;inset:0;display:block;
  border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;
  background:linear-gradient(180deg,rgba(16,28,41,0) 55%,rgba(16,28,41,.22));
}
.hv-play[hidden]{display:none}
.hv-btn{
  position:absolute;left:18px;bottom:18px;
  display:flex;align-items:center;gap:12px;
  padding:10px 16px 10px 10px;
  background:var(--seal-navy);color:#fff;border-radius:2px;
  box-shadow:0 10px 24px -8px rgba(16,28,41,.55);
  transition:background-color .2s ease,transform .2s ease;
}
.hv-ic{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 auto}
.hv-ic svg{width:12px;height:12px;margin-left:2px}
.hv-lbl{font-family:var(--f-display);font-weight:500;font-size:15px;letter-spacing:.1px}
.hv-dur{font-family:var(--f-mono);font-size:12px;letter-spacing:.6px;opacity:.72;padding-left:12px;border-left:1px solid rgba(255,255,255,.28)}
.hv-play:hover .hv-btn,.hv-play:focus-visible .hv-btn{background:var(--bleu-france);transform:translateY(-1px)}
.hv-frame:hover video{transform:scale(1.015)}
.hv-play:focus-visible{outline:2px solid var(--bleu-france);outline-offset:-3px}
.hero-video.is-playing .hv-play{display:none}
.hero-video.is-playing .hv-frame video{transform:none}

.hv-cap{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  margin:26px 0 0;padding-top:12px;border-top:1px solid var(--filet);
  font-family:var(--f-serif);font-style:italic;font-size:15px;color:var(--ink-dim);
}
.hv-cap-n{font-family:var(--f-mono);font-style:normal;font-size:12px;letter-spacing:1px;color:var(--seal-navy);white-space:nowrap}

@media (max-width:940px){
  .hero > .dossier{align-self:start}
}
@media (max-width:560px){
  .hero{padding-bottom:64px}
  .hv-frame{box-shadow:8px 8px 0 -1px var(--vellum),8px 8px 0 0 var(--filet-strong)}
  .hv-btn{left:12px;bottom:12px;padding:8px 12px 8px 8px;gap:10px}
  .hv-ic{width:26px;height:26px}
  .hv-lbl{font-size:14px}
  .hv-cap{margin-top:20px}
}
@media (prefers-reduced-motion:reduce){
  .hv-frame video,.hv-btn{transition:none}
  .hv-frame:hover video{transform:none}
}