#header{animation-delay:var(--animate-delay);--animate-delay: 5s}#content #first{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:url(../img/interface/trame.svg) center var(--color-black);background-size:clamp(512px,100vw,1366px) auto}#content #scroll_container{width:100vw;height:100vh;overflow:hidden}#content #scroll_container .fullpage{width:100vw;height:100vh;position:absolute}#content #video video{display:block;width:100%;height:100%;object-fit:cover}#content #video .button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:1;pointer-events:auto;transition:opacity .3s linear,transform .3s ease-in-out}#content #video .button button{cursor:pointer;width:200px;height:200px;background:url(../img/homepage/play.svg) no-repeat center;background-size:cover;border:0 none;padding:0;font-size:0}#content #video .button button:hover{animation:pulse 2s infinite}#content #video .button.hide{opacity:0;pointer-events:none;transform:translate(-50%, calc(-50% + 64px))}#content .about{display:flex;background:rgba(var(--color-white-rgb), 0.25);width:50vw !important;transform:translateX(100%);left:50%}#content .about .half_right,#content .about .half_left{flex:1;background:rgba(var(--color-black-rgb), 0.7);display:flex;align-items:center;justify-content:center;padding:0 20px}#content .about .half_right .circle,#content .about .half_left .circle{flex:1;max-width:500px;background:var(--secondary-color);border-radius:99em;position:relative;transform:scale(0)}#content .about .half_right .circle .content,#content .about .half_left .circle .content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15%}#content .about .half_right .circle .content h1,#content .about .half_left .circle .content h1{font-weight:700;font-size:inherit;margin:0 0 20px}#content .about .half_right .circle .content p,#content .about .half_left .circle .content p{line-height:1.4;margin:0 0 20px}#content .about .half_right .circle .content p:last-child,#content .about .half_left .circle .content p:last-child{margin:0}#content .about .half_right .circle:after,#content .about .half_left .circle:after{content:"";display:block;padding-top:100%}#content #tetris{width:100vw;height:100vh;background:url(../img/homepage/tetris.svg) repeat-x center -1px rgba(var(--secondary-color-rgb), 0.15);background-size:auto calc(100% + 1px);position:relative}#content #tetris .words{position:absolute;top:40%;left:20px;right:20px;text-align:center;font-weight:600;opacity:0;transform:translateY(50%);z-index:-1;font-size:clamp(18px,5vw,36px)}#content #tetris .words .word-container{position:relative;height:clamp(36px,5vw,84px);margin-top:10px}#content #tetris .words .word-container .word{position:absolute;left:0;right:0;display:block;opacity:0;line-height:1;font-size:clamp(36px,5vw,84px);font-weight:700;text-transform:uppercase}#content #tetris .words .word-container .word.word-1,#content #tetris .words .word-container .word.word-4,#content #tetris .words .word-container .word.word-7{color:var(--primary-color)}#content #tetris .words .word-container .word.word-2,#content #tetris .words .word-container .word.word-5,#content #tetris .words .word-container .word.word-8{color:var(--secondary-color)}#content #tetris .words .word-container .word.word-3,#content #tetris .words .word-container .word.word-6,#content #tetris .words .word-container .word.word-9{color:var(--quaternary-color)}#content #about{padding:80px 0 0}#content #about .container .flex:not(.gallery) figure img{margin:0 auto}#content #about .container .flex.gallery{display:flex;flex-wrap:wrap}#content #about .container .flex.gallery>div{min-width:200px;text-align:center;text-transform:uppercase;white-space:nowrap}#content #about .container .flex.gallery>div figure img{margin:0 auto}#content #about .container .flex.gallery>div strong{display:block;font-weight:800;font-size:clamp(36px,5vw,72px)}#content #about .container h1{font-size:clamp(42px,5vw,84px);font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-0.02em;margin:0 0 40px}#content #about .container p{margin-bottom:40px;line-height:1.4}#content #about .container p:last-child{margin-bottom:0}#content #about .container ul li{display:flex;margin-bottom:10px}#content #about .container ul li:last-child{margin-bottom:0}#content #about .container ul li:before{flex-shrink:0;content:"";display:block;border-radius:3px;width:16px;height:16px;background:var(--secondary-color);margin-right:10px;margin-top:5px}@media all and (max-width: 768px){#content .about{width:100vw !important;left:0}#content .about .half_right,#content .about .half_left{padding:20px;padding-bottom:160px;align-items:stretch}#content .about .half_right .circle .content,#content .about .half_left .circle .content{position:static}#content .about .half_right .circle:after,#content .about .half_left .circle:after{display:none}#content #about{padding:40px 0 0}#content #about .flex:not(.gallery) figure:first-child{display:none}}