.menu{width:175px;margin-left:47px;height:calc(100vh - 80px);position:fixed;left:0;z-index:5;top:80px;font-weight:300;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.menu a{text-decoration:none}.menu .logo{display:block;width:119px;margin-bottom:35px}.menu .list{margin:0;padding:0;list-style:none}.menu .list li{list-style:none;padding:0;margin:0 0 35px}.menu .list li a:before{content:"";display:block;position:absolute;left:0;bottom:-3px;width:0;height:1px;background:#fff;transition:all .5s ease}.menu .list li a.nuxt-link-exact-active:before,.menu .list li a:hover:before{width:100%}.menu .preza{padding-left:19px;margin-top:auto;margin-bottom:47px}.menu .preza:before{content:"";display:block;width:14px;height:14px;background:url(/assets/images/download.svg) no-repeat 50%;background-size:contain;left:0;top:0;position:absolute}.menu .preza span{display:block;opacity:.3}@media screen and (min-width:769px){.mobile{display:none}}@media screen and (max-width:768px){.desktop{display:none}}@media screen and (max-width:768px){.menu{margin:0}.menu,.menu .bg{left:0;top:0;width:100%;height:64px}.menu .bg{background:#121212;position:absolute;z-index:10}.menu .bg .openclose{width:30px;height:30px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .5s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.menu .bg .openclose:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.menu .bg .openclose span{display:block;width:6px;height:6px;transition:all .5s ease}.menu .bg .openclose span:after,.menu .bg .openclose span:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:0;top:0;transition:all .5s ease;transition-property:top,bottom}.menu .bg .openclose span:first-child:before{opacity:0}.menu .bg .openclose span:nth-child(2):after,.menu .bg .openclose span:nth-child(2):before{top:auto;bottom:0}.menu .bg .openclose span:nth-child(2):after{opacity:0}.menu .logo{width:93px;height:18px;margin:0;background:url(/assets/images/logo-red.svg) no-repeat 50%;background-size:contain;position:absolute;left:50%;top:50%;z-index:11;transform:translate(-50%,-50%)}.menu .logo svg{display:none}.menu .list{width:100%;height:calc(100% - 128px);padding-bottom:52px;left:0;top:64px;font-size:18px;background:#121212;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;transform:translateY(-50px)}.menu .list,.menu .preza{position:fixed;opacity:0;pointer-events:none;transition:all .5s ease}.menu .preza{left:50%;bottom:84px;transform:translateY(-50px),translateX(-50%);margin-bottom:0}.menu.active .bg .openclose span{height:100%}.menu.active .bg .openclose span:first-child:before{transition-delay:.3s;opacity:1;top:24px}.menu.active .bg .openclose span:nth-child(2):after{transition-delay:.3s;opacity:1;bottom:24px}.menu.active .list{opacity:1;pointer-events:auto;transform:none}.menu.active .preza{transform:translateX(-50%);opacity:1;pointer-events:auto}}@media screen and (max-width:320px){.menu .list li{margin-bottom:20px}}.content.project .inner{line-height:1.6em}.content.project .iframe{width:100%;padding-top:56.25%;height:0;margin-bottom:2.5em;position:relative;background:#000;overflow:hidden}.content.project .iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}