.nav-container[data-v-c827c893]{position:absolute;right:30px;top:30px;z-index:100}@media screen and (max-width:1680px){.nav-container[data-v-c827c893]{right:30px}}@media screen and (max-width:992px){.nav-container[data-v-c827c893]{display:block;position:fixed;right:20px;top:20px;z-index:1000}}.nav-container .nav-icon[data-v-c827c893]{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:30px}.nav-container .nav-icon__line[data-v-c827c893]{background-color:#fff;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a;height:2px;pointer-events:none;transition:transform .5s cubic-bezier(.7,0,0,1);width:100%}.nav-container .nav-links[data-v-c827c893]{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);display:flex;flex-direction:row;gap:30px;position:absolute;right:90px;top:-30px;transition:clip-path .5s cubic-bezier(.7,0,0,1)}@media screen and (max-width:1400px){.nav-container .nav-links[data-v-c827c893]{gap:20px}}@media screen and (max-width:992px){.nav-container .nav-links[data-v-c827c893]{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);flex-direction:row;gap:15px;justify-content:flex-end;position:absolute;right:120px;top:10px}}@media screen and (max-width:768px){.nav-container .nav-links[data-v-c827c893]{flex-direction:column;gap:12px;right:80px;top:60px}}@media screen and (max-width:480px){.nav-container .nav-links[data-v-c827c893]{gap:10px;right:60px;top:50px}}.nav-container .nav-links a[data-v-c827c893]{background:none;border:none;color:#fff;cursor:pointer;font-family:N27,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;margin:0;padding:30px;position:relative;text-decoration:none;text-shadow:0 2px 1px rgba(0,0,0,.4);text-transform:uppercase}@media screen and (max-width:992px){.nav-container .nav-links a[data-v-c827c893]{font-size:14px;padding:15px 8px;text-align:center;transition:all .3s ease}.nav-container .nav-links a[data-v-c827c893]:hover{color:#7a4fee;transform:none}}@media screen and (max-width:768px){.nav-container .nav-links a[data-v-c827c893]{font-size:13px;padding:12px 8px}}@media screen and (max-width:480px){.nav-container .nav-links a[data-v-c827c893]{font-size:12px;padding:10px 6px}}.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:first-child{transform:rotate(45deg) translate(5px,8px)}.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:nth-child(2){transform:translate(-800px);transition:transform .7s cubic-bezier(.7,0,0,1)}@media screen and (max-width:992px){.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:nth-child(2){transform:translate(-200px)}}@media screen and (max-width:768px){.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:nth-child(2){transform:translate(-150px)}}@media screen and (max-width:480px){.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:nth-child(2){transform:translate(-100px)}}.nav-container.nav-container--open .nav-icon__line[data-v-c827c893]:nth-child(3){transform:rotate(-45deg) translate(5px,-8px)}.nav-container.nav-container--open .nav-links[data-v-c827c893]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .7s cubic-bezier(.7,0,0,1)}@media screen and (max-width:992px){.nav-container.nav-container--open .nav-links[data-v-c827c893]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}html:not(.dark) .nav-container[data-page-type=about-contact] .nav-icon__line{background-color:#000!important;box-shadow:0 1px 1px #ffffff80,0 2px 2px #ffffff4d!important}html:not(.dark) .nav-container[data-page-type=about-contact] .nav-links a{color:#000!important;text-shadow:0 2px 1px hsla(0,0%,100%,.8)!important}html:not(.dark) .nav-container[data-page-type=about-contact] .nav-links a:hover{color:#7a4fee!important}@media screen and (max-width:991px){html:not(.dark) body.portfolio-detail-page .nav-container .nav-icon__line{background-color:#000!important;box-shadow:0 1px 1px #ffffff80,0 2px 2px #ffffff4d!important}html:not(.dark) body.portfolio-detail-page .nav-container .nav-links a{color:#000!important;text-shadow:0 2px 1px hsla(0,0%,100%,.8)!important}}.main-logo[data-v-4b3ee867]{display:block}