body.fixed-webgl #hero-element{bottom:unset;position:fixed}#hero-element{transition:transform 2s cubic-bezier(.65,0,.15,1);position:absolute;inset:0}#hero-element.hero--about{transition-delay:.8s;transform:translate(60vw)}@media screen and (max-width:1200px){#hero-element.hero--about{transform:translate(70vw)}}@media screen and (max-width:768px){#hero-element.hero--about{transition-delay:0s;transform:translate(120vw)}}#hero-element.hero--contact{transition-delay:.8s;transform:translate(-50vw)}@media screen and (max-width:1200px){#hero-element.hero--contact{transform:translate(-65vw)}}@media screen and (max-width:768px){#hero-element.hero--contact{transition-delay:0s;transform:translate(-120vw)}}#hero-canvas__container{object-fit:cover;z-index:-1;clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%);background-color:#030205;border-radius:0;width:100%;height:100%;transition:all 1.8s cubic-bezier(.7,0,0,1);position:relative;box-shadow:0 0 20px -10px #0000,0 13px 156px -10px #0000}#hero-canvas__container.hero--about{backface-visibility:hidden;clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%);border-radius:10px;transition:all 2.5s cubic-bezier(.5,0,0,1);overflow:hidden;transform:scale(.8)perspective(400px)rotateX(2deg);box-shadow:0 40px 20px -20px #32325d33,-80px 13px 156px -120px #742bff}@media screen and (max-width:1200px){#hero-canvas__container.hero--about{box-shadow:none}}@media screen and (max-width:768px){#hero-canvas__container.hero--about{transform:scale(.9)}}#hero-canvas__container.hero--contact{backface-visibility:hidden;clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%);border-radius:10px;transition:transform 1.5s cubic-bezier(.85,0,.15,1);overflow:hidden;transform:scale(.8)perspective(400px)rotateX(2deg);box-shadow:0 40px 20px -20px #32325d33,-80px 13px 156px -120px #742bff}@media screen and (max-width:1200px){#hero-canvas__container.hero--contact{box-shadow:none}}@media screen and (max-width:768px){#hero-canvas__container.hero--contact{transform:scale(.9)}}#hero-canvas__container.hero--portfolio-single{clip-path:polygon(0 0,100% 0,100% 50%,0 65%)}@media screen and (max-width:1200px){#hero-canvas__container.hero--portfolio-single{clip-path:polygon(0 0,100% 0,100% 35%,0 52%)}}#hero-canvas{width:100%;height:100%;position:relative}.hero-canvas__sidebar{z-index:2;background-color:#e6ecf3;width:220px;height:100%;padding:20px;transition:transform 2s cubic-bezier(.65,0,.15,1);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.hero-canvas__sidebar.hero--about,.hero-canvas__sidebar.hero--contact{transition:transform 1s cubic-bezier(.65,0,.15,1);transform:translate(0)}@media screen and (max-width:1200px){.hero-canvas__sidebar.hero--about,.hero-canvas__sidebar.hero--contact{transform:translate(-170px)}}.line-numbers{opacity:.8;flex-direction:column;align-items:flex-end;gap:15px;display:flex;position:absolute;top:20px;right:20px}.hello-world{position:absolute;top:200px;left:120px}@media screen and (max-width:1200px){.hello-world{display:none}}.import-from-orlando{position:absolute;top:260px;left:40px}@media screen and (max-width:1200px){.import-from-orlando{display:none}}.await-fetch-contact{position:absolute;bottom:260px;right:280px}@media screen and (max-width:1200px){.await-fetch-contact{display:none}}.click-discovery{position:absolute;bottom:200px;right:80px}@media screen and (max-width:1200px){.click-discovery{display:none}}.orange-bar{z-index:1;transform-origin:100%;background:linear-gradient(90deg,#f6f606,#f36c35);border-radius:1px;width:20%;height:8px;animation:1s cubic-bezier(.65,0,.15,1) .8s forwards orangeBarIn;position:absolute;bottom:7.8%;left:25%;transform:scaleX(0);box-shadow:0 2px 8px #6363631a}@keyframes orangeBarIn{0%{transform:scaleX(0)translateZ(0)}to{transform:scaleX(1)translateZ(0)}}.js-icon{z-index:1;width:140px;position:absolute;top:160px;right:120px}@media screen and (max-width:992px){.js-icon{display:none}}.vue-icon{z-index:1;width:60px;position:absolute;bottom:140px;left:130px}@media screen and (max-width:992px){.vue-icon{display:none}}.icon-pop-enter-active,.icon-pop-leave-active{transition:all 1s cubic-bezier(.7,0,0,1)}.icon-pop-enter-from,.icon-pop-leave-to{opacity:0;transform:scale(.3)}