body.fixed-webgl #hero-element{bottom:unset;position:fixed}@keyframes greenPulse{0%{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}50%{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 100px -20px #64ffda}to{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}}#hero-element{z-index:0;transition:transform 2s cubic-bezier(.65,0,.15,1);position:absolute;inset:0}#hero-element.hero--about{z-index:1;pointer-events:none;transition:transform 2s cubic-bezier(.65,0,.15,1) .8s;transform:translate(65vw)}@media screen and (max-width:1280px){#hero-element.hero--about{transform:translate(65vw)}}@media screen and (max-width:768px){#hero-element.hero--about{transition-delay:0s;transform:translate(120vw)}}#hero-element.hero--contact{z-index:1;pointer-events:none;transition:transform 2s cubic-bezier(.65,0,.15,1) .8s;transform:translate(-65vw)}@media screen and (max-width:1280px){#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{pointer-events:none;backface-visibility:hidden;clip-path:polygon(-40% -40%,140% -40%,140% 140%,-40% 140%);transition:all 2.5s cubic-bezier(.5,0,0,1);animation:6s ease-in-out infinite alternate greenPulse;transform:scale(.9)perspective(400px)rotateX(2deg);box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}@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{pointer-events:none;backface-visibility:hidden;clip-path:polygon(-40% -40%,140% -40%,140% 140%,-40% 140%);transition:all 2.5s cubic-bezier(.5,0,0,1);animation:6s ease-in-out infinite alternate greenPulse;transform:scale(.9)perspective(400px)rotateX(2deg);box-shadow:0 20px 20px -20px #32325d33,30px 10px 60px -30px #54ccb6}@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% 100%,0 100%);pointer-events:none}@media screen and (max-width:992px){#hero-canvas__container.hero--portfolio-single{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#hero-canvas{border-radius:10px;width:100%;height:100%;position:relative}.floating-lang-icon{opacity:.9;z-index:10;justify-content:center;align-items:center;animation:4s ease-in-out infinite floatIcon;display:flex;position:absolute;left:-50px}@keyframes floatIcon{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}.hello-world{position:absolute;top:200px;left:120px}.hello-world .code-line__number{background-color:#065f46!important}@media screen and (max-width:1200px){.hello-world{display:none}}.import-from-orlando{position:absolute;top:260px;left:40px}.import-from-orlando .code-line__number{background-color:#065f46!important}@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}}
.intro-blueprint-stage{--bp-ink:#f2f2f2;--bp-ink-dim:#f2f2f26b;--bp-teal:#54ccb6;--bp-teal-dim:#54ccb659;--bp-line:#f2f2f212;--bp-line-strong:#f2f2f224;--bp-cell:72px;--bp-ease-precise:cubic-bezier(.83,0,.17,1);--bp-ease-out:cubic-bezier(.16,1,.3,1);background-color:#030303;position:absolute;inset:0;overflow:hidden}.intro-blueprint-stage.is-exiting{background-color:#0000;transition:background-color .9s}.bp-grid{z-index:1;pointer-events:none;opacity:0;animation:bpGridIn 1.3s var(--bp-ease-out).15s forwards;position:absolute;inset:0}.bp-grid:before{content:"";background-image:linear-gradient(to right,var(--bp-line)1px,transparent 1px),linear-gradient(to bottom,var(--bp-line)1px,transparent 1px);background-size:var(--bp-cell)var(--bp-cell);position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 90% at 32% 78%,#000 25%,#0000 92%);mask-image:radial-gradient(100% 90% at 32% 78%,#000 25%,#0000 92%)}.bp-grid:after{content:"";background-image:linear-gradient(to right,var(--bp-line-strong)1px,transparent 1px),linear-gradient(to bottom,var(--bp-line-strong)1px,transparent 1px);background-size:calc(var(--bp-cell)*4)calc(var(--bp-cell)*4);position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 90% at 32% 78%,#000 20%,#0000 88%);mask-image:radial-gradient(100% 90% at 32% 78%,#000 20%,#0000 88%)}@keyframes bpGridIn{to{opacity:1}}.intro-blueprint-stage.is-exiting .bp-grid{opacity:0;transition:opacity .65s}.bp-cross-field{z-index:1;pointer-events:none;position:absolute;inset:0}.intro-blueprint-stage.is-exiting .bp-cross-field{opacity:0;transition:opacity .5s}.bp-cross{opacity:0;width:13px;height:13px;animation:bpCrossIn .6s var(--bp-ease-out)forwards;position:absolute}.bp-cross:before,.bp-cross:after{content:"";background:#f2f2f22e;position:absolute}.bp-cross:before{width:1px;height:13px;top:0;left:6px}.bp-cross:after{width:13px;height:1px;top:6px;left:0}.bp-cross--teal:before,.bp-cross--teal:after{background:var(--bp-teal-dim)}@keyframes bpCrossIn{to{opacity:1}}.bp-frame{pointer-events:none;z-index:5;position:fixed;inset:clamp(14px,3vw,32px) clamp(14px,3vw,32px) 78px}.intro-blueprint-stage.is-exiting .bp-frame{opacity:0;transition:opacity .55s}.bp-edge{background:#f2f2f22e;position:absolute}.bp-edge.top{width:0;height:1px;animation:bpGrowX 1.1s var(--bp-ease-precise).5s forwards;top:0;left:0}.bp-edge.bottom{width:0;height:1px;animation:bpGrowX 1.1s var(--bp-ease-precise).5s forwards;bottom:0;right:0}.bp-edge.left{width:1px;height:0;animation:bpGrowY 1.1s var(--bp-ease-precise).7s forwards;bottom:0;left:0}.bp-edge.right{width:1px;height:0;animation:bpGrowY 1.1s var(--bp-ease-precise).7s forwards;top:0;right:0}@keyframes bpGrowX{to{width:100%}}@keyframes bpGrowY{to{height:100%}}.bp-tick{letter-spacing:.18em;color:var(--bp-ink-dim);opacity:0;animation:bpFadeIn .7s var(--bp-ease-out)1.4s forwards;white-space:nowrap;background:#030303;padding:0 8px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;position:absolute}.bp-tick--tl{top:-4.5px;left:18px}.bp-tick--tr{top:-4.5px;right:18px}.bp-tick--bl{bottom:-4.5px;left:18px}.bp-tick--br{bottom:-4.5px;right:18px}.bp-tick em{color:var(--bp-teal);font-style:normal}@keyframes bpFadeIn{to{opacity:1}}.bp-tick--br .bp-blink{background:var(--bp-teal);vertical-align:1px;width:5px;height:5px;margin-right:7px;animation:2.4s step-end infinite bpBlinkDot;display:inline-block}@keyframes bpBlinkDot{0%,60%{opacity:1}60.01%,to{opacity:.15}}.intro-blueprint-hero{z-index:10;position:relative}.intro-blueprint-stage .hero-label,.intro-blueprint-stage .hero-name,.intro-blueprint-stage .heading-char,.intro-blueprint-stage .hero-tags,.intro-blueprint-stage .hero-tag{opacity:1;z-index:3;animation:none;position:relative}.bp-block{width:fit-content;max-width:100%;position:relative}.bp-block--label{margin-bottom:1.5rem}.bp-block--name{margin-bottom:1.2rem}.bp-block--tags{margin-bottom:1.8rem}.bp-coord{letter-spacing:.2em;color:var(--bp-teal);opacity:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;position:absolute;top:-16px;left:0;transform:translateY(4px)}.bp-block--label .bp-coord{animation:.5s 1.3s forwards bpCoordIn}.bp-block--name .bp-coord{animation:.5s 1.55s forwards bpCoordIn}.bp-block--tags .bp-coord{animation:.5s 2s forwards bpCoordIn}@keyframes bpCoordIn{to{opacity:.85;transform:translateY(0)}}.intro-blueprint-stage.is-exiting .bp-coord{opacity:0;transition:opacity .4s}.bp-shutter{background:var(--bp-teal);pointer-events:none;z-index:2;position:absolute;inset:-6px -10px;transform:translate(-110%)}.bp-block--label .bp-shutter{animation:bpShutterSlide .9s var(--bp-ease-precise).9s both}.bp-block--name .bp-shutter{animation:bpShutterSlide .95s var(--bp-ease-precise)1.15s both}.bp-block--tags .bp-shutter{animation:bpShutterSlide .85s var(--bp-ease-precise)1.65s both}@keyframes bpShutterSlide{0%{transform:translate(-110%)}50%{transform:translate(0%)}to{transform:translate(110%)}}@media (max-width:860px){.bp-frame .bp-tick--tr,.bp-frame .bp-tick--bl{display:none}}.intro-blueprint-stage.is-reduced{background-color:#0000!important;transition:none!important}.intro-blueprint-stage.is-reduced .bp-grid,.intro-blueprint-stage.is-reduced .bp-cross-field,.intro-blueprint-stage.is-reduced .bp-frame,.intro-blueprint-stage.is-reduced .bp-coord{opacity:0!important;transition:none!important}.intro-blueprint-stage.is-reduced .bp-shutter{display:none}
@keyframes introBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes introTermLine{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes introFadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes introAccessGranted{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes introFlickerIn{0%{opacity:0}10%{opacity:.9}16%{opacity:.1}22%{opacity:.95}28%{opacity:.3}34%{opacity:1}to{opacity:1}}@keyframes introCinematicSlam{0%{opacity:0;filter:blur(24px);transform:scale(4)translateY(-10px)}55%{opacity:1;filter:blur();transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes introLineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introPulse{0%,to{opacity:.55}50%{opacity:1}}