@font-face{font-family:"Roboto";src:"roboto.ttf"}
*{overflow:hidden;user-select:none;-webkit-user-select:none;font-family:"Roboto"}
li::marker{}
html,body{margin:0;padding:0}
body{overflow:hidden;background-color:rgb(0,0,0);touch-action:none;-ms-touch-action:none}
canvas{display:block;overflow:hidden}
.content{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden}
.content-about img{width:100%}
.page h1{font-size:24px}
.partner-list{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:10px;padding-left: 0;}
.partner-list li{padding: 30px}
.partner-list img{width: 100%;}
.top-bar{color:#0094ff;font-size:calc(1vw + 15px);font-weight:normal;font-family:"Roboto";display:flex;justify-content:space-between;padding:20px;text-align:center;opacity:0;transition:opacity 5s;height:calc(-5px + 3.15vw);background:linear-gradient(
    hsl(0,0%,0%) 0%,hsla(0,0%,0%,0.738) 19%,hsla(0,0%,0%,0.541) 34%,hsla(0,0%,0%,0.382) 47%,hsla(0,0%,0%,0.278) 56.5%,hsla(0,0%,0%,0.194) 65%,hsla(0,0%,0%,0.126) 73%,hsla(0,0%,0%,0.075) 80.2%,hsla(0,0%,0%,0.042) 86.1%,hsla(0,0%,0%,0.021) 91%,hsla(0,0%,0%,0.008) 95.2%,hsla(0,0%,0%,0.002) 98.2%,hsla(0,0%,0%,0) 100%
  )}
.title-ares{position:absolute;left:0;top:0;padding:1.5vw 3vw;letter-spacing:1vw}
.title-ensea{position:absolute;right:-2vw;top:0;padding:1.5vw 3vw;letter-spacing:2vw;text-decoration:none;color:#0094ff}
.logo{position:absolute;top:1.5vw;left:calc(50vw - 15px - 1vw)}
.logo img{width:calc(30px + 2vw)}
.close-button{color:rgb(146,146,146);font-size:50px;position:absolute;top:9vh;cursor:pointer}
.contact-close{color:rgb(146,146,146);font-size:24px;position:absolute;top:calc(23vh - 12px);cursor:pointer;width:100%;left:0;text-align:center;font-family:"Roboto"}
.close-button:hover,.contact-close:hover{color:white}
.socials{position:absolute;top:70vh;width:100%;left:0;text-align:center;font-family:"Roboto"}
.socials .icon{display:inline-block;width:calc(40px + 1vw);height:calc(40px + 1vw);filter:invert();opacity:0.57;margin:calc(10px + 1.5vw);background-size:contain;background-repeat:no-repeat}
.socials .icon:hover{opacity:1}
.page{position:absolute;top:0;background-color:rgb(20,20,20);box-sizing:border-box;color:white;font-family:'Roboto';margin-top:18vh;height:calc(100vh - 18vh);padding:5vw;padding-bottom:150px;transition:transform 1000ms cubic-bezier(0.23,1,0.320,1);overflow:auto;line-height:2;font-weight:300;-ms-overflow-style:none;scrollbar-width:none}
#page-2{background:none}
#page-2 .product-list{background-color:rgb(20,20,20)}
.page::-webkit-scrollbar{display:none}
.page p{font-size:16px}
@media only screen and (min-width:600px){.page{margin-left:calc(30% - 180px);margin-right:calc(30% - 180px);width:calc(100vw - 60% + 360px)}
.close-button{left:calc(30% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-3{margin-left:calc(15% - 180px);margin-right:calc(15% - 180px);width:calc(100vw - 30% + 360px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-2{margin-left:calc(10% - 180px);margin-right:calc(10% - 180px);width:calc(100vw - 20% + 360px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-4{margin-left:calc(10% - 80px);margin-right:calc(10% - 80px);width:calc(100vw - 20% + 160px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (max-width:600px){.page{margin-left:0;margin-right:0;width:100vw}
.close-button{left:5vw}
.person{max-width:100%;width:100%}
.people{align-items:stretch}
}
.tucked.page{transform:translateY(100%)}
strong{font-weight:800;font-size:16px}
h1{font-size:16px;color:#0094ff;margin-top:2em}
h1:first-child{margin-top:0}
.people{display:flex;flex-direction:column;align-items:center}
.person{text-align:left;line-height:1.2;width:400px;background-color:rgba(255,255,255,0.05);margin:10px;padding:3px 14px;box-sizing:border-box}
.person .text{height:90px;display:flex;flex-direction:column;justify-content:space-evenly;cursor:default}
.person .profile-picture{margin-top:10px;margin-bottom:10px;margin-right:20px;border-radius:100%;width:70px;height:70px;float:left;background-color:#fff}
.person .name{display:block;margin-top:0.5em}
.person .job{display:block;margin-bottom:0.5em;color:#0094ff}
@media only screen and (max-width:600px){.partner{flex-direction:column;text-align:center !important;align-items:center;margin-top:5em}
.partner:first-child{margin-top:0em}
.partner.labboite{flex-direction:column-reverse}
.partner .text{}
.partner > a{width:100%}
#rs-logo,#st-logo,#elsys-logo{width:40%}
#labboite-logo,#wurth-logo,#cma-logo{width:50%}
}
@media only screen and (min-width:600px){.partner{align-items:stretch}
.partner .text{}
#rs-logo{margin-left:30px;width:30%}
#labboite-logo,#st-logo,#elsys-logo{margin-right:30px;width:30%}
#wurth-logo,#cma-logo{margin-left:30px;width:30%}
}
.partner{margin-bottom:30px;overflow:visible;display:flex;flex-direction:column;justify-content:stretch}
.partner.rs,.partner.wurth,.partner.cma{text-align:right}
.partner .text{cursor:default}
.partner p{float:none}
.partner > a{display:block;flex-grow:1;flex-shrink:1}
#rs-logo{min-width:100px;display:flex;align-items:center;overflow:visible}
#rs-logo img{z-index:2;width:100%;transform:scale(1);transform-origin:center left;transition:transform 300ms,border 200ms;border:3px solid rgba(21,255,0,0);border-radius:25px}
#rs-logo img:hover{transform:scale(1.1);transform-origin:center;border:3px solid rgba(255,255,255,1)}
#labboite-logo{height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#labboite-logo img{padding:20px;filter:invert() hue-rotate(180deg) contrast(1.5);background-color:#bebebe;border-radius:10px;transform:scale(1);transform-origin:center right;border:3px solid rgba(21,255,0,0);transition:transform 300ms,border 200ms}
#labboite-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#wurth-logo{float:right;clear:left;overflow:visible;min-width:100px;display:flex;align-items:center}
#wurth-logo img{filter:invert() hue-rotate(180deg) brightness(0.7) contrast(4);background-color:#6a6a6a;padding:20px;border-radius:10px;width:100%;box-sizing:border-box;transform:scale(1);transform-origin:center left;transition:transform 500ms;border:3px solid rgba(21,255,0,0)}
#wurth-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#st-logo{width:100%; height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#st-logo img{background-color:#2c2c2c;border-radius:10px;transform:scale(1);transform-origin:center;border:3px solid rgba(0,0,0,0);transition:transform 300ms,border 200ms}
#st-logo img:hover{transform:scale(1.1)}
#cma-logo{float:right;clear:left;overflow:visible;min-width:100px;display:flex;align-items:center}
#cma-logo img{filter:invert() hue-rotate(180deg) brightness(0.7) contrast(4);background-color:#6a6a6a;padding:10px;border-radius:10px;width:100%;box-sizing:border-box;transform:scale(1);transform-origin:center left;transition:transform 500ms;border:3px solid rgba(21,255,0,0)}
#cma-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#elsys-logo{height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#elsys-logo img{filter:brightness(1.5);padding:20px;background-color:#181818;border-radius:10px;transform:scale(1);transform-origin:center right;border:3px solid rgba(0,0,0,0);transition:transform 300ms,border 200ms;width:100%}
#elsys-logo img:hover{transform:scale(1.1);border:3px solid rgba(255,255,255,1)}
#robot-render{width:90%;margin:30px 5%}
#car-sketch{width:80%;margin:10px 10%}
.mobile-nav{position:absolute;left:0;top:calc(-5px + 3.15vw);height:calc(100vh + 5px - 3.15vw);width:100%;display:flex;flex-direction:column;justify-content:space-evenly}
.mobile-nav .button{background-color:rgb(24,24,24);color:#0094ff;font-family:"Roboto";font-size:4vw;padding:5vw;text-align:center;margin:2.5vw 5vw}
.mobile-nav .button:hover{color:white}
@media only screen and (min-width:600px){.mobile-nav{display:none}
}
.mobile-socials{text-align:center}
.mobile-socials .icon{display:inline-block;width:calc(40px + 1vw);height:calc(40px + 1vw);filter:invert();opacity:0.57;margin:calc(10px + 1.5vw);background-size:contain;background-repeat:no-repeat}
.mobile-socials .icon:hover{opacity:1}
.hidden{display:none}
#page-2 .content-box{display:flex;gap:10px}
.category-list{width:400px}
.category-box{padding: 20px 0 40px;background-color:rgb(20,20,20);display:flex;flex-direction:column;gap:5px}
.category{cursor:pointer;position:relative;transition:0.3s;text-align:center}
.cat-title{font-size:18px;font-weight:bold;color:white}
.sub-category{max-height:0;overflow:hidden;opacity:0;margin-top:8px;padding-left:10px;transition:0.3s ease}
.sub-category li{list-style:none;color:#ccc;margin:5px 0;cursor:pointer}
.sub-category li.active{color:#0094ff}
.category:hover .sub-category{max-height:300px;opacity:1}
.category.active .sub-category{max-height:300px;opacity:1}
#page-2 .content-box{display:flex;gap:10px;padding-bottom:100px;height:calc(100vh - 100px)}
.category-list{width:200px;flex-shrink:0;overflow:hidden}
.product-list{flex:1;overflow-y:auto;padding:10px;padding-left:30px;padding-right:30px}
#page-2{padding-top:0;padding-bottom:0;height:100vh}
.item-list{display:flex;flex-direction:column}
.item-list .text-item{display:flex}
.rich-text *{all:unset;display:revert}
.product-list{display:none}
.product-list.active{display:block}
.share{position:absolute;top:1.5vw;right:85px;display:flex;gap:20px}
.share img{width:25px;height:25px;cursor:pointer}
.form-box{display:flex;flex-direction:column}
.form-box form{display:flex;flex-direction:column;gap:10px}
.form-box input{border-radius:5px;height:30px;width:80%}
.form-box select{border-radius:5px;height:30px}
.form-box textarea{width:80%;border-radius:5px;height:200px}
.form-item{display:flex;align-items:center}
.button-box{margin-top:15px;width:80%;display:flex;justify-content:center}
.button-box button{padding:5px 10px;cursor:pointer}
#page-4 .page-box{display:flex}
#page-4 .page-box .left{width:70%}
#page-4 .page-box .left .form-item{display:flex;flex-direction:column;align-items:flex-start}
#page-4 .page-box .right{width:30%}
#page-4 .page-box .right .image-box{display:flex;flex-direction:column}
#page-4 .page-box .right img{width:80%}
.language{position:absolute;top:1.5vw;left:calc(60vw + 85px - 1vw);display:flex;gap:20px}
.link-box{display:flex;gap:10px;flex-wrap:wrap}
.link-box .link-item{display:flex;align-items:center;gap:5px}
.link-item img{width:30px}
#page-4{padding-top:20px}
#page-3{padding-top:20px;padding-left:20px;padding-right:20px}