*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Regular-BOyYI3Fr.eot);src:url(/assets/DMSans-Regular-BOyYI3Fr.eot?#iefix) format("embedded-opentype"),url(/assets/DMSans-Regular-D5uRpGV6.woff2) format("woff2"),url(/assets/DMSans-Regular-CeywjBsP.woff) format("woff"),url(/assets/DMSans-Regular-BGnQEt2h.ttf) format("truetype"),url(/assets/DMSans-Regular-CYvjrZSn.svg#DMSans-Regular) format("svg");font-weight:400;font-style:normal}header{position:fixed;bottom:30px;left:45px;display:flex;align-items:center;z-index:60}header button{background:none;border:none;font-size:20px;font-family:DM Sans;text-transform:uppercase;font-weight:900;color:#fff}header .separator{margin:0 20px;height:2px;background:#fff;width:17px}#overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100vw;height:100vh;background:radial-gradient(circle,#00000080,#000);z-index:20;gap:30px}#overlay button{padding:20px;text-transform:uppercase;background:#000c;color:#fff;font-family:DM Sans;font-size:33px;font-weight:100;line-height:33px;letter-spacing:5px;border-radius:6px;border:solid 1px white}#overlay #title{display:flex;align-items:center;width:100%}#overlay #title h1{position:relative;text-align:center;font-family:DM Sans;font-size:120px;color:#fff;text-transform:uppercase;font-weight:100}#overlay #title .line{flex:1;background:#fff;height:5px}#credits{position:fixed;width:100%;height:100%;background-image:url(../images/credits-fond.jpg);background-size:100%;z-index:60;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:140px 80px 80px}#credits #content{width:100%;color:#fff;max-width:700px;overflow-y:scroll;height:65%;padding-right:40px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffffbf;border-radius:15px}#credits #content .category{margin-bottom:55px}#credits #content h2{font-family:DM Sans;text-transform:uppercase;font-weight:bolder;font-size:22px;margin-bottom:50px}#credits #content .category:nth-of-type(1) h3{margin-bottom:30px}#credits #content h3{font-family:DM Sans;text-transform:uppercase;font-weight:bolder;font-size:18px;margin-bottom:10px}#credits #content p{font-family:DM Sans}#credits #content .separator{margin-top:55px}#credits #content .credit{margin-bottom:20px}.fade-in{animation:fade-in ease-in-out .4s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1;display:flex}}.fade-out{animation:fade-out ease-in-out .4s forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}button.cta{position:fixed;right:45px;padding:15px 20px;text-transform:uppercase;background:#1e1e1e;color:#fff;font-family:DM Sans;font-size:18px;line-height:29px;letter-spacing:1px;width:180px;text-align:center;border-radius:6px;border:solid 1px white}button.cta:active{background:#282828}button#open-lid{bottom:140px}button#display-labels{bottom:35px}.label{color:#fff;font-family:DM Sans;font-size:14px;background:#00000080;border:solid 1px white;height:120px;width:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px}.modal{width:100vw;height:100vh;background:#000000d9;position:fixed;top:0;left:0;z-index:50;padding:70px}.modal .content{width:400px;position:absolute;right:180px}.modal .content h2{color:#fff;font-family:DM Sans;padding-bottom:15px;font-size:40px;font-weight:600;border-bottom:4px solid white;margin-bottom:40px}.modal .content p.text{color:#fff;font-family:DM Sans;font-size:20px;font-weight:100;text-align:left}.modal .content .carousel{height:500px;margin-bottom:40px;position:relative}.modal .content .carousel .item{width:100%;height:100%;position:absolute}.modal .content .carousel .arrow{width:20px;height:100%;position:absolute}.modal .content .carousel .arrow.prev{left:-10%;background:center / contain no-repeat url(/images/fleche-prev.png)}.modal .content .carousel .arrow.next{right:-10%;background:center / contain no-repeat url(/images/fleche-next.png)}.modal .content .carousel .item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.modal .content .carousel .item p{position:absolute;bottom:0;width:100%;font-size:15px;line-height:15px;padding:15px;background:#000c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#fff;font-family:DM Sans}button.close{position:absolute;width:75px;height:75px;top:35px;right:40px;background-color:#000c;border:solid 1px rgba(255,255,255,1);border-radius:50%;display:flex;align-items:center;justify-content:center}