@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i");*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font:16px sans-serif;font-weight:100;vertical-align:baseline;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}@keyframes lineAnimation{to{stroke-dashoffset:0}}.fromBottom{overflow:hidden;opacity:0}.fromBottom span{display:inline-block;transform:translateY(100px);white-space:pre;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.fromBottom span.appeared{transform:translateY(0)}.loader__logo .bottom polygon,.loader__logo .bottom polyline,.loader__logo .face polyline,.loader__logo .side .polygon--longest,.loader__logo .side polygon,.loader__logo path{animation:lineAnimation 2s linear infinite}html{font-size:100%}body{background:url(noise.e4a4e1a1.png);background-size:256px 256px;background-repeat:repeat;background-attachment:fixed;cursor:crosshair;height:100%;overflow:hidden;opacity:0;transition:opacity .1s}body,body *{touch-action:none}body *{font-family:Raleway,sans-serif;color:#fff}::-webkit-scrollbar{width:0;background:transparent;touch-action:none}section{height:100vh;width:100vw;position:relative}section h2{font-size:3.5rem;text-transform:uppercase;font-weight:700;position:absolute;top:80%;left:10%}.border{right:0;z-index:10000;border:800px solid #060008;pointer-events:none;transition:all 1s cubic-bezier(.165,.84,.44,1)}.border,.colorFilter{height:100vh;width:100vw;position:fixed;top:0}.colorFilter{z-index:-10;background:rgba(123,0,134,.05)}.loader__text{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:20000;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader__text .loader__logo{height:13vh;position:absolute;top:20%}.loader__text .loader__logo path{stroke-dasharray:400;stroke-dashoffset:400}.loader__text .loader__logo .face polyline{stroke-dasharray:350;stroke-dashoffset:350}.loader__text .loader__logo .bottom polygon{stroke-dasharray:500;stroke-dashoffset:500}.loader__text .loader__logo .bottom polyline{stroke-dasharray:400;stroke-dashoffset:400}.loader__text .loader__logo .side polygon{stroke-dasharray:300;stroke-dashoffset:300}.loader__text .loader__logo .side .polygon--longest{stroke-dasharray:350;stroke-dashoffset:350}.loader__text p:first-of-type span{font-size:5rem;font-weight:700;letter-spacing:1.5rem;text-transform:uppercase}.loader__text p:nth-of-type(2) span,.loader__text p:nth-of-type(3) span{font-size:1.2rem;font-style:italic}canvas{height:100vh;width:100vw;position:fixed;top:0}canvas.canvas3D{z-index:-30}canvas.canvas2D{z-index:-40}.temporaryText{display:none}@media (max-width:1200px){html{font-size:70%}.leftNav,.loader__text p,main{display:none}.rightNav{opacity:0}.temporaryText{display:block;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5vh}.temporaryText p{font-size:1.2rem;text-align:center;line-height:2}.temporaryText p:first-child{font-size:1.4rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase}.temporaryText p:nth-child(3){margin-top:2em}.temporaryText .socialmedias{margin:1.5em 0;display:flex;flex-direction:row;justify-content:space-between}.temporaryText .socialmedias img{height:30px}.temporaryText .socialmedias a{margin:0 .3em}}header{height:16.66667vh;width:100%;text-align:center;padding:20px;position:fixed;z-index:50}header .logo{height:70%}.leftNav{height:100%;width:16.66667vh;position:fixed;z-index:50}.leftNav ul{position:absolute;top:50%;left:0;transform:translateY(-50%)}.leftNav ul li{width:16.66667vh;height:8vh;font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.165,.84,.44,1)}.leftNav ul li:before{content:"";height:2px;width:0;background:#fff;left:0}.leftNav ul li:before,.leftNav ul li span{position:absolute;transition:all .5s cubic-bezier(.165,.84,.44,1)}.leftNav ul li span{left:80%;color:transparent;text-transform:uppercase;font-weight:700}.leftNav ul .active,.leftNav ul li:hover{margin-left:2vw;text-shadow:0 0 6px hsla(0,0%,100%,.98),0 0 12px rgba(196,248,255,.58),0 0 22px rgba(153,240,255,.84),0 0 38px rgba(153,240,255,.84),0 0 60px rgba(136,241,255,.58);cursor:pointer}.leftNav ul .active span,.leftNav ul li:hover span{text-shadow:none}.leftNav ul .active:before,.leftNav ul li:hover:before{width:40px}.leftNav ul li:hover span{color:#fff;text-shadow:0 0 20px #fff}.rightNav{height:100%;width:16.66667vh;position:fixed;right:0;z-index:10;justify-content:center}.rightNav,.rightNav ul{display:flex;flex-direction:column;align-items:center}.rightNav ul{justify-content:space-between;height:6.5rem}.rightNav ul li{height:45px;width:45px;border:0;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.rightNav ul li img{height:40%;width:40%;opacity:.7}.rightNav ul li:first-child img{transform:rotate(180deg)}.rightNav ul .triggered,.rightNav ul li:hover{border:1.5px solid #fff;box-shadow:inset 0 0 10px #fff,0 0 10px #fff;cursor:pointer}.rightNav ul .triggered img,.rightNav ul li:hover img{opacity:1}footer{height:16.66667vh;width:calc(100% - 20px);position:fixed;bottom:0}footer p{font-size:.7rem;position:absolute;right:2%;bottom:20%}.intro__text{width:60vw;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;position:absolute;left:0;right:0;top:30%;margin:auto}.intro__text p:first-child{margin-bottom:1em}.intro__text p:first-child span{font-size:1.5rem;font-style:italic}.intro__text h1{font-size:3.3rem;font-weight:700;letter-spacing:.3rem;text-transform:uppercase}.intro__text h1,.intro__text p:nth-of-type(3){margin-bottom:1em}.intro__text p:nth-of-type(4){text-transform:uppercase}.scrollIcon{position:absolute;bottom:7vh;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .8s}.scrollIcon p{font-size:.7rem;text-transform:uppercase;font-style:italic;margin-bottom:1em}.scrollIcon .scrollIcon__icon{height:3.2rem;width:1.8rem;border:1.5px solid #fff;border-radius:50px}.scrollIcon .scrollIcon__icon:after{content:"";height:5px;width:5px;border-radius:50%;background:#fff;position:absolute;left:50%;transform:translate(-50%,10px);animation:scrollDown 1.5s infinite}@keyframes scrollDown{20%{transform:translateX(-50%,10px);opacity:1}to{transform:translate(-50%,30px);opacity:0}}.appeared{opacity:1}.works .projects{height:70%;width:70%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;position:absolute;top:15%;left:0;right:0;margin:auto}.works .projects div{height:50%;width:25%;transition:transform .5s ease-out;transform-origin:center;transform:perspective(800px) rotateY(90deg);position:relative;overflow:hidden}.works .projects div h3{font-size:2rem;font-weight:700;position:absolute;z-index:300;height:100%;width:100%;text-align:center;padding-top:40%;background:rgba(0,0,0,.5);transition:all .3s}.works .projects div h3 span{display:block;margin-top:1rem;font-style:italic}.works .projects div img{height:100%;object-fit:cover;position:absolute}.works .projects div:hover{cursor:pointer;background:#d3d3d3}.works .projects div:hover h3,.works .projects div:hover span{color:transparent;background:transparent}.works .projects div:nth-child(0){transition-delay:0s}.works .projects div:first-child{transition-delay:.1s}.works .projects div:nth-child(2){transition-delay:.2s}.works .projects div:nth-child(3){transition-delay:.3s}.works .projects div:nth-child(4){transition-delay:.4s}.works .projects div:nth-child(5){transition-delay:.5s}.works .projects div:nth-child(6){transition-delay:.6s}.works .projects div:nth-child(7){transition-delay:.7s}.works .projects div:nth-child(8){transition-delay:.8s}.works .projects div:nth-child(9){transition-delay:.9s}.works .projects div:first-child img{left:-40%}.works .projects div:nth-child(2) img,.works .projects div:nth-child(3) img,.works .projects div:nth-child(4) img,.works .projects div:nth-child(5) img,.works .projects div:nth-child(8) img{left:-30%}.works .projects div:nth-child(6) img{width:100%}.works .projects div:nth-child(7) img{width:150%;left:-25%}.works .is-reached div{transform:perspective(0) rotateY(0)}.works .opened__project{height:0%;width:0;background-size:cover;background-position:50%;border-radius:10px;position:absolute;top:0;left:0;transition:all .8s cubic-bezier(.165,.84,.44,1)}.works .opened__project *{display:none}.works .clicked{height:100%;width:100%;padding:1em;z-index:100}.works .clicked *{display:block}.works .clicked .opened__project__text{top:50%;left:4em;transform:translateY(-50%);position:absolute;width:30%}.works .clicked .opened__project__text .opened__project__logo{height:6em;margin-bottom:1em}.works .clicked .opened__project__text .logo--longest{transform:translateX(-7%)}.works .clicked .opened__project__text h4{font-size:1.5rem;font-weight:700;margin-bottom:2em}.works .clicked .opened__project__text .opened__project__description{line-height:2;font-size:.9rem;margin-bottom:2em}.works .clicked .opened__project__text .opened__project__tools{display:flex;flex-direction:row;width:100%;justify-content:space-between}.works .clicked .opened__project__text .opened__project__tools li{font-style:italic;text-shadow:2px 4px 3px rgba(0,0,0,.5)}.works .clicked .opened__project__links{height:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}.works .clicked .opened__project__links a{text-transform:uppercase;font-weight:700;transition:all .3s}.works .clicked .opened__project__links a:hover{text-shadow:0 0 20px #fff}.works .clicked .links--translate{transform:translate(110%)}.works .clicked .opened__project__asset{width:30%;position:absolute;right:4em;margin-top:1em}.works .crossIcon{height:20px;width:20px;opacity:1;position:absolute;z-index:5000;top:1em;left:1em;pointer-events:none;display:none}.leftNav ul .works li:hover,.works .active,.works .leftNav ul li:hover{display:block;pointer-events:all;cursor:pointer}.works .uryo{background-image:url(uryo_bg.45685f46.png)}.works .easyjet{background-image:url(easyjet_bg.3d0f97ea.png)}.works .nespresso{background-image:url(nespresso_bg.0c695847.png)}.works .o2die{background-image:url(o2die_bg.6021e586.png)}.works .butellaForest,.works .insideOfUs{background-image:url(earth_bg.09fb597c.jpg);background-color:#000}.works .butellaForest h3,.works .insideOfUs h3{font-size:3rem;text-transform:uppercase;margin-bottom:1rem}.works .butellaForest .opened__project__asset,.works .insideOfUs .opened__project__asset{margin-top:0;top:50%;transform:translateY(-50%);width:40%}.works .theSphinx{background-image:url(thesphinx.bfb937bb.png);background-size:auto 130%}.works .insideOfUs{background-image:url(em_bg.858d6a25.jpg);background-size:auto 130%}.skills .skills__circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:72%}.skills .skills__circle .path{stroke-dasharray:620;stroke-dashoffset:620;transition:all 2s cubic-bezier(.165,.84,.44,1)}.skills .skills__circle .offset{stroke-dashoffset:0}.skills .items{position:absolute;top:15%;left:51%;transform:translateX(-50%);flex-direction:row;width:70%;height:70%}.skills .items,.skills .skillsList{display:flex;justify-content:space-between}.skills .skillsList{flex-direction:column;height:100%}.skills .skillsList p{transition:all .3s;text-transform:uppercase}.skills .skillsList p:hover{text-shadow:0 0 20px #fff;cursor:pointer}.skills .skillsList__left{text-align:right}.skills .skillsList__left p:first-child,.skills .skillsList__left p:nth-child(5){transform:translateX(110%)}.skills .skillsList__left p:nth-child(2),.skills .skillsList__left p:nth-child(4){transform:translateX(20%)}.skills .skillsList__right p:first-child,.skills .skillsList__right p:nth-child(5){transform:translateX(-110%)}.skills .skillsList__right p:nth-child(2),.skills .skillsList__right p:nth-child(4){transform:translateX(-20%)}.about .about__content{position:relative;display:flex;flex-direction:row;justify-content:space-between;top:15%;left:0;right:0;margin:auto;height:70%;width:70%}.about .about__content .about__photo{height:100%;opacity:.9;position:absolute}.about .about__content .about__text{max-width:45%;position:absolute;top:25%;right:0;line-height:2}.about h2{position:absolute;top:80%;left:10%}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact p:first-child{text-align:center;font-size:3.3rem;font-weight:700;letter-spacing:.5rem;text-transform:uppercase;margin:.5em 0}.contact p:nth-child(2) span{font-size:1.3rem}.contact .socialmedias{margin-top:3em;width:20%;display:flex;flex-direction:row;justify-content:space-between}.contact .socialmedias img{height:30px}