.home-container{width:100%}@media screen and (min-width:300px)and (max-width:700px){.nav-component{background-color:#add8e6}}.nav-overlay{background-color:#a4161a;height:100vh;opacity:0;position:absolute;transition:all .5s ease;visibility:hidden;width:100%}.nav-overlay.active{opacity:.7;transition:all .5s ease;visibility:visible}.nav-component{background:linear-gradient(180deg,#0b090a80,#1e1e1e00);position:fixed;width:100%;z-index:20}.nav-component .close-nav{border-radius:50%;height:0;transition:all .5s ease;width:0}.nav-component .close-nav.active{background-color:#fff;border-radius:50%;height:50px;margin:auto;position:relative;top:12vh;transition:all .5s ease;width:50px}.nav-component .close-nav.active:hover{background-color:#0b090a}.nav-component .nav-component-wrapper{margin:auto;width:750px}.nav-component .nav-component-wrapper .nav-button-wrapper{align-items:center;display:flex;justify-content:center}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main{align-items:center;background-color:#161a1d;border-radius:50%;color:#f5f3f4;cursor:pointer;display:flex;height:100px;justify-content:center;left:0;margin-left:-15px;position:relative;right:0;text-align:center;top:0;transition:all 1s ease;width:100px;z-index:1}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.lets-chat{background-color:#0b090a;color:#161a1d;color:#f5f3f4;height:100px;width:100px}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main:first-child{margin-left:0}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered{background-color:#f0f0f0;background-color:#0b090a;color:#d3d3d3;position:relative;scale:1.25;top:20px;transform:scale(1.05);transition:all .5s ease}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:hover{background-color:#a4161a;color:#fff}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered.lets-chat{background-color:#161a1d}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered.lets-chat:hover{background-color:#a4161a;color:#fff}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:first-child{left:-5.5vw;top:20vh}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:nth-child(2){left:-10px;top:30vh}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:nth-child(3){left:97px;top:30vh}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:nth-child(4){left:10vw;top:20vh}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.hovered:nth-child(5){left:-168px;top:47vh}.nav-component .nav-component-wrapper .nav-button-wrapper .nav-button-main.left-banner-active{background-color:#660708;transition:all 1s ease}.mobile-nav-component{left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.burger-menu{align-items:center;background:#161a1d;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .3s ease;width:50px;z-index:1001}.burger-menu span{background:#f5f3f4;display:block;height:3px;margin:4px 0;transition:all .3s ease;width:25px}.burger-menu.active{background:#0b090a}.burger-menu.active span:first-child{transform:rotate(45deg) translate(10px,10px)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-overlay{animation:fadeIn .5s ease;background-color:#a4161a;bottom:0;left:0;opacity:.7;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:.7}}.floating-menu{display:flex;flex-direction:column;gap:1rem;left:80px;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.floating-menu.active{pointer-events:auto}.floating-menu.active .menu-circle{opacity:1;transform:translateX(0) scale(1);transition-delay:calc(var(--index)*.12s)}.floating-menu .menu-circle{align-items:center;background-color:#161a1d;border-radius:50%;color:#f5f3f4;cursor:pointer;display:flex;font-size:.85rem;height:100px;justify-content:center;opacity:0;padding:.5rem;text-align:center;transform:translateX(-70px) scale(0);transform-origin:left center;transition:opacity .35s ease,transform .4s cubic-bezier(.34,1.56,.64,1);width:100px}.floating-menu .menu-circle span{word-wrap:break-word;line-height:1.2}.floating-menu .menu-circle:hover{background-color:#a4161a;color:#f5f3f4;transform:scale(1.25)}.floating-menu .menu-circle.special{background-color:#0b090a;color:#f5f3f4}.floating-menu .menu-circle.special:hover{background-color:#a4161a;color:#f5f3f4}.simple-banner-container{height:100%;width:100%}.simple-banner-container img{display:block;height:100%;margin:auto}body{font-family:Roboto Flex,sans-serif;margin:0}.projects-container{background-color:#0b090a;background-image:url(/static/media/geometricBlack.43c2dfd12d7aa27d9fb7.png);width:100%}.projects-container .projects-banner-container{display:block;margin:auto;width:80%}.projects-container .projects-nav ul{color:#fff;display:flex;margin-top:0}.projects-container .projects-nav ul li{list-style:none;margin-left:15px;margin-right:15px}.projects-container .projects-nav ul li .links{background-color:#0000;border:0;color:#fff;font-size:20px}.projects-container .carousel{height:100vh;overflow:hidden;pointer-events:none;position:relative;z-index:1}.projects-container .carousel-item{--items:10;--width:clamp(150px,30vw,300px);--height:clamp(200px,40vw,400px);--x:calc(var(--active)*400%);--y:calc(var(--active)*100%);--rot:calc(var(--active)*120deg);--opacity:calc(var(--zIndex)/var(--items)*3 - 2);background:#000;border-radius:10px;box-shadow:0 10px 50px 10px #00000080;height:var(--height);left:50%;margin:calc(var(--height)*-.5) 0 0 calc(var(--width)*-.5);overflow:hidden;pointer-events:all;position:absolute;top:50%;transform:translate(var(--x),var(--y)) rotate(var(--rot));transform-origin:0 100%;transition:transform .8s cubic-bezier(0,.02,0,1);-webkit-user-select:none;user-select:none;width:var(--width);z-index:var(--zIndex)}.projects-container .carousel-item .carousel-box{font-family:Orelo-sw-db,serif;height:100%;left:0;position:absolute;top:0;transition:opacity .8s cubic-bezier(0,.02,0,1);width:100%;z-index:1}.projects-container .carousel-item .carousel-box:before{background:linear-gradient(180deg,#0000004d,#0000 30%,#0000 50%,#00000080);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.projects-container .carousel-item .title{bottom:20px;text-shadow:0 4px 4px #0000001a}.projects-container .carousel-item .num,.projects-container .carousel-item .title{color:#fff;font-size:clamp(20px,3vw,30px);left:20px;position:absolute;transition:opacity .8s cubic-bezier(0,.02,0,1);z-index:1}.projects-container .carousel-item .num{top:10px}.projects-container .carousel-item img{height:100%;object-fit:cover;pointer-events:none;width:100%}.projects-container .layout{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.projects-container .layout:before{border:1px solid #fff;border-bottom:none;border-top:none;content:"";height:100%;left:90px;opacity:.15;position:absolute;top:0;width:10px;z-index:1}.projects-container .layout .box{bottom:0;color:#fff;font-size:9px;left:30px;line-height:1.4;opacity:.4;position:absolute;text-transform:uppercase;transform:rotate(-90deg);transform-origin:0 10%}.projects-container .logo{align-items:center;background:#fff;border-radius:50%;color:#000;display:flex;font-family:Orelo-sw-db,serif;font-size:20px;height:30px;justify-content:center;opacity:.5;overflow:hidden;padding-bottom:.1em;pointer-events:all;position:absolute;right:28px;text-decoration:none;top:28px;width:30px;z-index:2}.projects-container .social{bottom:20px;color:#fff;opacity:.4;position:absolute;right:25px;z-index:10}.projects-container .social a{display:inline-block;margin-left:3px}.projects-container .social svg{--fill:#fff;height:35px;width:35px}.projects-container .cursor{--size:40px;border:1px solid #fff3;border-radius:50%;display:none;height:var(--size);left:0;margin:calc(var(--size)*-.5) 0 0 calc(var(--size)*-.5);pointer-events:none;position:fixed;top:0;transition:transform .85s cubic-bezier(0,.02,0,1);width:var(--size);z-index:10}@media(pointer:fine){.projects-container .cursor{display:block}}.projects-container .cursor2{--size:2px;transition-duration:.7s}
/*# sourceMappingURL=main.96e47ed0.css.map*/