.kl-film-wrap{position:relative;overflow:hidden;background:#050b0a}
.kl-film-wrap::before{content:"";position:absolute;inset:-60px;background:url(/wp-content/uploads/video/poster-16x9.webp) center/cover;filter:blur(40px) brightness(.4);transform:scale(1.15)}
.kl-film{--kl-header:0px;position:relative;z-index:1;width:min(100%,calc((100svh - var(--kl-header))*16/9));aspect-ratio:16/9;margin-inline:auto;overflow:hidden;background:#050b0a}
.kl-film__poster,.kl-film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kl-film__video{opacity:0;transition:opacity .6s ease}
.kl-film__video.is-ready{opacity:1}
@media (min-width:768px) and (min-aspect-ratio:16/9){
  .kl-film{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
}
@media (max-width:767px){
  .kl-film-wrap::before{background-image:url(/wp-content/uploads/video/poster-9x16.webp)}
  .kl-film{width:min(100%,calc((100svh - var(--kl-header))*9/16));aspect-ratio:9/16}
}

/* Bouton pause / lecture */
.kl-film__toggle{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.7);background:rgba(5,11,10,.65);cursor:pointer;display:grid;place-items:center;transition:background .2s}
.kl-film__toggle[hidden]{display:none}
.kl-film__toggle:hover{background:rgba(5,11,10,.9)}
.kl-film__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.kl-film__toggle span{display:block;box-sizing:border-box;width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}
.kl-film__toggle.is-paused span{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;
  border-color:transparent transparent transparent #fff;margin-left:3px}