body{margin:0;font-family:Exo\ 2,sans-serif;color:#fff;background:#000}.logo{font-size:32px}.logo .vox{color:#fff}.logo .lab{background-color:#f60;color:#fff;padding:3px 10px 6px;margin-left:5px}#logo-voxlab{cursor:pointer;user-select:none;display:inline-block;padding:10px;border-radius:5px;transition:background-color .3s,color .3s;background-color:transparent;box-sizing:border-box}#logo-voxlab:focus,#logo-voxlab:hover{background-color:#f0f0f0;color:#007bff;box-shadow:0 0 5px rgba(0,0,0,.2)}#logo-voxlab:active{background-color:transparent;color:inherit}header{display:flex;position:relative;z-index:2;justify-content:space-between;align-items:center;padding:10px}section:nth-last-of-type(odd){background-color:#000}section:nth-last-of-type(2n){background-color:#fff}section *{margin:0;padding:0}li{padding:.5em}.form-volume{display:grid;grid-template-columns:5.5fr 20fr;margin:auto;justify-items:center}@media (max-width:768px){.form-volume{display:none}}#volume,label[for=volume]{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}label[for=volume]{font-size:1.5rem}nav ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;transition:all .3s ease}.menu-toggle{display:none;cursor:pointer;position:absolute;top:20px;right:20px;background:none;border:none}.menu-toggle span{display:block;width:25px;height:3px;background:#fff;margin:5px 0;transition:.3s}@media (max-width:768px){.menu-toggle{display:block}nav ul{position:absolute;top:60px;right:20px;background:rgba(0,0,0,.9);flex-direction:column;gap:10px;padding:20px;border:2px solid #fff;border-radius:5px;width:200px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}nav ul.active{opacity:1;visibility:visible;transform:translateY(0);z-index:1}nav ul li{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}nav ul.active li{opacity:1;transform:translateY(0)}nav ul.active li:nth-child(n){transition-delay:0.1s}.menu-toggle.active span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}h1,h2{color:#f60}h2{font-size:2rem;padding:1vw}h3{padding:.5em}p{font-size:.95rem;color:#ccc;padding:0 1em}code{background-color:#000;padding:2px 4px;border-radius:4px;color:#e0e0e0;white-space:nowrap;overflow-x:auto;display:block;line-height:2}@media (max-width:768px){h1{font-size:2.5rem}p{font-size:1rem}}footer{text-align:center;padding:20px;font-size:.9rem}@font-face{font-family:Exo\ 2;src:url(/mods/hla-voix-fr/fonts/Exo2-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Exo\ 2;src:url(/mods/hla-voix-fr/fonts/Exo2-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic}a{color:#fff;text-decoration:none;transition:color .3s ease}a:focus,a:hover{color:#f60}.button{display:inline-block;padding:15px 30px;font-size:18px;font-weight:700;border-radius:5px;margin:20px auto;text-align:center;letter-spacing:1px}.button-effect{display:inline-block;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.button-effect:focus,.button-effect:focus-visible,.button-effect:hover{transform:scale(1.1);box-shadow:0 8px 12px rgba(0,0,0,.2);color:#fff}.button-effect:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.3)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:2;justify-content:center;align-items:center;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.lightbox.show{display:flex;opacity:1;transform:scale(1)}.lightbox-content{position:relative;width:75vw;height:42.1875vw;max-height:90vh;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.5);z-index:3}.lightbox iframe{width:100%;height:100%;border:none;z-index:4;position:relative}.close-lightbox{position:absolute;top:20px;right:20px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;z-index:4}.close-icon{position:relative;display:block;width:100%;height:100%;background-color:transparent}.close-icon:after,.close-icon:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:3px;background-color:#fff;transform-origin:center}.close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-lightbox:focus .close-icon:after,.close-lightbox:focus .close-icon:before,.close-lightbox:hover .close-icon:after,.close-lightbox:hover .close-icon:before{background-color:#f60}.video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:50%;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.video-thumbnail:after{content:"";position:absolute;top:50%;left:50%;width:64px;height:64px;background:url(/assets/images/playbutton.svg);background-size:contain;transform:translate(-50%,-50%);pointer-events:none;transition:transform .3s ease;background-repeat:no-repeat;background-position:50%}.open-lightbox:focus .video-thumbnail:after,.video-thumbnail:hover:after{background:url(/assets/images/playbutton-active.svg);background-size:contain;background-repeat:no-repeat;background-position:50%}.video-title{margin-top:8px;font-size:2.5em;color:#f60;text-align:center;font-weight:500;letter-spacing:.5px;word-wrap:break-word}