body{background-color:#1e1e1e}body main #banner{position:relative}body main #banner figure{position:relative;overflow:hidden;width:100%;height:600px}@media screen and (min-width: 1500px){body main #banner figure{height:100dvh}}body main #banner figure .presentation{left:0;z-index:2;position:absolute;top:50%;transform:translateY(-50%)}body main #banner figure .presentation h1{color:#ffb900;font-family:"Inter",sans-serif;font-weight:800;font-size:44px;line-height:1.2em}@media screen and (max-width: 1023px){body main #banner figure .presentation h1{font-size:20px;text-align:center}}body main #banner figure .presentation p{color:#fff;font-family:"Inter",sans-serif;font-weight:400;font-size:28px;line-height:1.1em}@media screen and (max-width: 1023px){body main #banner figure .presentation p{font-size:16px;text-align:center}}body main #banner figure .presentation a{padding:15px 40px;font-size:22px}body main #banner figure img{width:100%;height:100%;object-fit:cover}body main #banner .slick-dots{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:auto;padding:10px 20px;position:absolute;top:auto;right:auto;bottom:45px;left:auto;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width: 1023px){body main #banner .slick-dots{gap:10px}}body main #banner .slick-dots li{border:1px solid #fff;transition:.3s;background-color:rgba(0,0,0,0);border-radius:100px;position:relative;overflow:hidden;width:5px;height:5px}body main #banner .slick-dots li::before{background-color:#fff;transition:.3s;content:"";border-radius:100px;width:0px;height:0px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}body main #banner .slick-dots li:hover{background-color:#fff}body main #banner .slick-dots li:hover::before{width:10px;height:10px}body main #banner .slick-dots li.slick-active{background-color:#ffb900;border-color:#ffb900}body main #banner .slick-dots li.slick-active::before{background-color:#ffb900;width:10px;height:10px}@media screen and (max-width: 1023px){body main #banner .slick-dots li.slick-active::before{width:5px;height:5px}}body main #banner .slick-arrow{position:absolute;width:50px;height:50px;z-index:2;position:absolute;top:50%;transform:translateY(-50%)}body main #banner .slick-arrow::before{background-position:center !important;background-repeat:no-repeat !important;background-size:40px !important;display:block;width:50px;height:50px}body main #banner .slick-arrow.slick-prev{background:url("../assets/icons/svg/nav/banner/previous.svg");background-position:center;background-repeat:no-repeat;background-size:30px;left:25px}body main #banner .slick-arrow.slick-next{background:url("../assets/icons/svg/nav/banner/next.svg");background-position:center;background-repeat:no-repeat;background-size:30px;right:25px}body main #banner::after{background:linear-gradient(to top, #141414, transparent);content:"";position:absolute;width:100%;height:50px;bottom:0;left:0;z-index:3}body main #about{background-color:#141414}body main #about #summary h1{color:#ffb900;font-family:"Inter",sans-serif;font-weight:700;font-size:26px;line-height:1.2em}@media screen and (max-width: 1023px){body main #about #summary h1{font-size:28px;text-align:center}}@media screen and (min-width: 1500px){body main #about #summary h1{font-size:30px}}body main #about #summary p{color:#fff;font-family:"Inter",sans-serif;font-weight:300;font-size:22px;line-height:1.2em}@media screen and (max-width: 1023px){body main #about #summary p{font-size:18px;text-align:center}}body main #about #summary .extra a{box-sizing:border-box;width:100%;text-align:center}@media screen and (max-width: 1023px){body main #about #summary .extra a{width:auto}}@media screen and (min-width: 1500px){body main #about #summary .extra a{width:60%;font-size:18px}}body main #about #summary .menus nav h1{color:#ffb900;font-family:"Inter",sans-serif;font-weight:400;font-size:24px;line-height:1.2em}@media screen and (max-width: 1023px){body main #about #summary .menus nav h1{font-size:28px;text-align:center}}body main #about #summary .menus nav a{color:#fff;border-bottom:1px solid #5a5a5a;font-family:"Inter",sans-serif;font-weight:400;transition:.3s;padding:10px 0;font-size:18px;line-height:1.2em}@media screen and (min-width: 1500px){body main #about #summary .menus nav a{font-size:22px}}body main #about #summary .menus nav a figure{transition:.3s;width:30px;height:auto;padding-right:10px}body main #about #summary .menus nav a figure svg{width:30px;height:auto}body main #about #summary .menus nav a figure svg *{stroke:#fff}body main #about #summary .menus nav a:hover figure{padding-right:0}body main #about #summary .menus nav a:last-child{border-bottom:none}@media screen and (max-width: 1023px){body main #about #summary .menus nav a{font-size:18px;text-align:center}}body main #about #summary .menus.mosaic{align-items:stretch !important}body main #about #summary .menus.mosaic .item{background-color:#1e1e1e;transition:.3s;min-height:115px}body main #about #summary .menus.mosaic .item h2{color:#fff;font-family:"Inter",sans-serif;font-weight:400;padding-right:50px;font-size:20px;line-height:1.3em}@media screen and (min-width: 1500px){body main #about #summary .menus.mosaic .item h2{font-size:18px}}body main #about #summary .menus.mosaic .item figure{width:30px;height:30px}body main #about #summary .menus.mosaic .item figure svg{width:30px;height:30px}body main #about #summary .menus.mosaic .item figure svg *{transition:.3s}body main #about #summary .menus.mosaic .item figure svg:not(.stroke-type) *{fill:#ffb900}body main #about #summary .menus.mosaic .item figure svg:is(.stroke-type) *{stroke:#ffb900}@media screen and (min-width: 1500px){body main #about #summary .menus.mosaic .item figure{width:40px;height:40px}body main #about #summary .menus.mosaic .item figure svg{width:40px;height:40px}}body main #about #summary .menus.mosaic .item:hover{background-color:#ffb900}body main #about #summary .menus.mosaic .item:hover h2{color:#222}body main #about #summary .menus.mosaic .item:hover figure svg:not(.stroke-type) *{fill:#222}body main #about #summary .menus.mosaic .item:hover figure svg:is(.stroke-type) *{stroke:#222}body main #about #cases h1{color:#fff;font-family:"Inter",sans-serif;font-weight:900;font-size:40px;line-height:1.1em}body main #about #cases nav .case{background-color:#1e1e1e;transition:.3s}body main #about #cases nav .case h2{color:#fff;font-family:"Inter",sans-serif;font-weight:700;padding-right:50px;font-size:16px;line-height:1.3em}@media screen and (min-width: 1500px){body main #about #cases nav .case h2{font-size:18px}}body main #about #cases nav .case figure{width:30px;height:30px}body main #about #cases nav .case figure svg{width:30px;height:30px}body main #about #cases nav .case figure svg *{transition:.3s}body main #about #cases nav .case figure svg:not(.stroke-type) *{fill:#ffb900}body main #about #cases nav .case figure svg:is(.stroke-type) *{stroke:#ffb900}@media screen and (min-width: 1500px){body main #about #cases nav .case figure{width:40px;height:40px}body main #about #cases nav .case figure svg{width:40px;height:40px}}body main #about #cases nav .case:hover{background-color:#ffb900}body main #about #cases nav .case:hover h2{color:#222}body main #about #cases nav .case:hover figure svg:not(.stroke-type) *{fill:#222}body main #about #cases nav .case:hover figure svg:is(.stroke-type) *{stroke:#222}body main #about hr{background-color:#5a5a5a;border:none;height:1px;width:100%}body main #milestones{background-color:#f0f0f0}body main #milestones .milestone h1{color:#222;font-family:"Inter",sans-serif;font-weight:700;font-size:60px;font-stretch:condensed;text-transform:uppercase}body main #milestones .milestone h2{color:#222;font-family:"Inter",sans-serif;font-weight:700;font-size:18px;text-align:center;line-height:1.2em}