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