.link-b{position:relative}.link-b:hover:after{width:0;left:50%;transition:width .28s cubic-bezier(.04,.51,.04,.99),left .28s cubic-bezier(.04,.51,.04,.99)}.link-b:hover a{background-image:unset;animation:unset;color:#fff}.link-b:hover a:after{height:100%;background:#006560;background-image:unset;animation:unset;z-index:-1;border-radius:.175rem .175rem 0 0}.link-b:hover a:hover{background-image:unset;animation:unset}.link-b:hover a:hover:after{height:100%;background:#006560;background-image:unset;animation:unset}.link-b:after{content:"";position:absolute;left:0;bottom:1px;height:.1875rem;width:100%;background:#006560;z-index:-2;transition:width .28s cubic-bezier(.04,.51,.04,.99),left .28s cubic-bezier(.04,.51,.04,.99);animation:scale-in-left 1.5s .4s both}.link{display:inline-flex;overflow:hidden;height:100%;color:#fff;font-size:inherit;line-height:inherit;position:relative;margin:0 -2px .05rem!important;margin-top:-.5rem;background:#ffffff0a;padding:.375rem .625rem .475rem;border-radius:.125rem;border-bottom-right-radius:0;border-bottom-left-radius:0;text-decoration:none}.link:before{position:absolute;top:94%;left:6.25rem;height:.1875rem;width:100%;background:#463d36;z-index:-1;pointer-events:none}.link:hover{color:#fff}.link:hover:after{height:100%;z-index:-1;bottom:0;border-radius:.125rem;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:height .3s cubic-bezier(.04,.51,.04,.99),border-radius .2s cubic-bezier(.04,.51,.04,.99),transform .3s cubic-bezier(.04,.51,.04,.99)}.link:after{content:"";position:absolute;height:.0875rem;width:100%;left:0;bottom:0;border-radius:30rem 30rem 0 0;background:#ba4b2d;background-image:linear-gradient(65deg,#fb9d84 25%,#d9729a),linear-gradient(65deg,#fb9d84 25%,#b2e477);animation:hue 20s infinite;background-blend-mode:hard-light;transition:height .2s cubic-bezier(.04,.51,.04,.99),border-radius .2s cubic-bezier(.04,.51,.04,.99),transform .3s cubic-bezier(.04,.51,.04,.99)}.link:nth-child(2):after{background-image:linear-gradient(65deg,#d9729a 25%,#fb9d84),linear-gradient(65deg,#b2e477 25%,#fb9d84)}.social-links .link-b{margin-right:.5rem}.social-links .link-b .link{margin:0 0rem .05rem}.bio-wrapper .img{height:350px;overflow:hidden}.bio-wrapper .img img{animation:scale-down-center 3s cubic-bezier(.04,.51,.04,.99);width:100%;height:auto}hr{color:#fff;opacity:1}.creative-fe{color:#fff;font-family:Monument UltraLight,sans-serif;font-size:var(--hp-font-body);line-height:calc(var(--hp-font-body) + 1.4rem);letter-spacing:.0875rem;margin-left:0;height:100%}.creative-fe.home{margin-left:0}.creative-fe.home .intro{margin:0 auto;max-width:93%}.creative-fe .intro{display:block;width:63rem;max-width:100%;margin:0;font-family:Poppins;font-size:1.8rem;line-height:3.2rem;color:rgba(var(--textColor),.63)}.creative-fe .intro .link-b{color:rgba(var(--textColor),.63)}.creative-fe .intro .img-ctr{margin:0 .63rem;transform:translateY(.3rem) translate(-.084rem);display:inline-flex;overflow:hidden}.creative-fe .intro .img-ctr img{width:1.875rem;height:1.875rem;transform:scale(1.8) translate(.04rem) translateY(0)!important;opacity:1!important}.creative-fe .intro .italics{display:inline-flex;margin:0 -.1rem;font-family:Georgia,serif;font-size:2.4rem;letter-spacing:.07rem;transform:scaleY(.84) translateY(-.15rem);transform-origin:bottom}.creative-fe .intro .italics.white{color:rgba(var(--textColor),1)}.creative-fe .intro .italics{font-style:italic}.creative-fe .intro .underline{border-bottom:3px solid rgba(var(--color1),.21)}.creative-fe .intro .script{font-weight:600;color:rgba(var(--color1),1);letter-spacing:.02rem;text-shadow:0 0 10px rgba(var(--color1),.3);position:relative;display:inline-block;transform:rotate(-1deg);transition:all .3s ease;animation:script-float 4s ease-in-out infinite;animation-delay:1.5s,2.3s}.creative-fe .intro .script:before{content:"";position:absolute;top:-2px;left:-4px;right:-4px;bottom:-2px;border-radius:4px;z-index:-1;opacity:.6;transition:opacity .3s ease;background:#ff6b6b26}.creative-fe .intro .script:hover{animation-play-state:paused;transform:rotate(0) scale(1.05);text-shadow:0 0 15px rgba(var(--color1),.5)}.creative-fe .intro .script:hover:before{opacity:.8}.creative-fe .intro .script~.script{transform:rotate(1deg);animation-delay:1.7s,2.5s;animation-duration:4.2s;--float-angle: -1.5deg}.creative-fe .intro .script~.script:before{background:#6b8eff26}.creative-fe .intro .script~.script:hover{transform:rotate(.5deg) scale(1.05)}.creative-fe .intro .script~.script~.script{transform:rotate(-.75deg);animation-delay:1.8s,2.6s;animation-duration:3.8s;--float-angle: 1.5deg}.creative-fe .intro .script~.script~.script:before{background:#ff9f6b26}.creative-fe .intro .script~.script~.script:hover{transform:rotate(-.25deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script{transform:rotate(1.75deg);animation-delay:1.9s,2.7s;animation-duration:4.5s;--float-angle: -2deg}.creative-fe .intro .script~.script~.script~.script:before{background:#6bff8e26}.creative-fe .intro .script~.script~.script~.script:hover{transform:rotate(1deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script{transform:rotate(-1.25deg);animation-delay:2s,2.8s;animation-duration:3.3s;--float-angle: 1.75deg}.creative-fe .intro .script~.script~.script~.script~.script:before{background:#ff6bc026}.creative-fe .intro .script~.script~.script~.script~.script:hover{transform:rotate(-.75deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script~.script{transform:rotate(.5deg);animation-delay:2.1s,2.9s;animation-duration:4s;--float-angle: -1deg}.creative-fe .intro .script~.script~.script~.script~.script~.script:before{background:#c06bff26}.creative-fe .intro .script~.script~.script~.script~.script~.script:hover{transform:rotate(.25deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script{transform:rotate(-2deg);animation-delay:2.2s,3s;animation-duration:3.7s;--float-angle: 2.5deg}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script:before{background:#6bffff26}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script:hover{transform:rotate(-1deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script{transform:rotate(1.5deg);animation-delay:2.3s,3.1s;animation-duration:4.1s;--float-angle: -1.8deg}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script:before{background:#ffc10726}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script:hover{transform:rotate(.8deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script{transform:rotate(-1.8deg);animation-delay:2.4s,3.2s;animation-duration:3.6s;--float-angle: 2.2deg}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script:before{background:#9c27b026}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script:hover{transform:rotate(-.9deg) scale(1.05)}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script~.script{transform:rotate(.8deg);animation-delay:2.5s,3.3s;animation-duration:4.3s;--float-angle: -1.3deg}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script~.script:before{background:#00968826}.creative-fe .intro .script~.script~.script~.script~.script~.script~.script~.script~.script~.script:hover{transform:rotate(.4deg) scale(1.05)}.creative-fe .intro .white{color:rgba(var(--textColor),1)!important}.creative-fe .intro .inline-gif{display:inline-block;width:20px;height:20px;margin:0 .3rem;vertical-align:middle;border-radius:3px;opacity:.8;transition:all .3s ease}.creative-fe .intro .inline-gif:hover{opacity:1;transform:scale(1.1)}.creative-fe>span{text-align:left;animation:fade-in 2.5s cubic-bezier(.04,.51,.04,.99)}.creative-fe>span p{display:block;margin:0;padding:0;width:100%}.creative-fe>span b{display:inline-block;font-weight:400;color:#fff;position:relative;cursor:pointer;margin:2rem 0;line-height:2.8}@media (min-width: 768px){.creative-fe>span b{margin:unset;line-height:unset}}.creative-fe>span b a:after{height:3px;background:#006560;background-image:unset;animation:unset}.creative-fe a svg{filter:invert(1);border-radius:50%;border:.125rem solid #000;width:4.8125rem;height:4.8125rem;padding:1.0625rem;margin-right:.75rem;margin-left:-.3125rem}.creative-fe .marquee{height:auto;margin-right:25px}.creative-fe .marquee-container{overflow:hidden;height:182px}.creative-fe .cur-at{margin-top:4.9rem;margin-left:0;text-align:left}.creative-fe .cur-at i{display:inline-block;transform:scale(1.5);margin:0 7px;color:#cdf6f4}.creative-fe .cur-at::-webkit-scrollbar-track{background-color:#fff0}.creative-fe .cur-at::-webkit-scrollbar{width:5px;height:7px;background-color:#fff0}.creative-fe .cur-at::-webkit-scrollbar-thumb{border-radius:50px;background-color:#31beb9a2;opacity:.5}.creative-fe .cur-at::-webkit-scrollbar-thumb:hover{background:#31beb969}.creative-fe .cur-at{display:flex;overflow-y:hidden;overflow-x:auto;margin:7.77rem 7.77rem 7.77rem 0rem;width:70rem;max-width:100%}.creative-fe .cur-at span{display:flex;margin-bottom:unset;align-items:center;text-align:center;line-height:1.7;width:auto;border-radius:7px}.creative-fe .cur-at-img{display:inline-flex;background:#00656073;margin:0;height:100px;min-width:min(180px,49%);max-width:min(180px,50%);padding:14px;display:flex;align-items:center;place-content:center;overflow:hidden}.creative-fe .cur-at-img img{border-radius:6px;transition:all .3s ease;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;background:#fff}.creative-fe .cur-at-img img.vori{padding:23px 15px}.creative-fe .cur-at-img img.loop{padding:10px 15px}.creative-fe .cur-at-img img.indo{padding:0 15px;filter:contrast(150%)}.creative-fe .cur-at-img img.appno{padding:25px 15px}.creative-fe .cur-at-img img.mix{padding:0 15px;height:70px}.creative-fe .cur-at-img img.kic{padding:7px 0;height:70px}.creative-fe .cur-at-img img:hover{transform:scale(1.3);filter:brightness(1) contrast(1.1)}.creative-fe .cur-at-img-wrapper{padding:0}.creative-fe .cur-at-img .gatsby-image-wrapper.loop img,.creative-fe .cur-at-img .gatsby-image-wrapper.mix img{padding:1.875rem}.creative-fe .cur-at-img .gatsby-image-wrapper img{width:100%;height:100%}.creative-fe b .link:after{height:0}.tonye-images{display:flex;gap:1rem;width:98.7%;margin:7rem 0;position:relative}.tonye-images .gatsby-image-wrapper:nth-child(1){animation:2.5s fade-in-bottom2 0s cubic-bezier(.04,.51,.04,.99);height:35rem}.tonye-images .gatsby-image-wrapper:nth-child(2){animation:2.5s fade-in-bottom2 .25s cubic-bezier(.04,.51,.04,.99);height:28rem}.tonye-images .gatsby-image-wrapper:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#0e1c19;mix-blend-mode:color}.demo{display:flex;align-items:center;color:#fff}.demo-reel{color:#fff;padding:0;overflow:hidden}.demo-reel-text{display:flex;align-items:center;margin-top:10rem;margin-left:0rem}.demo-reel-text .creative-fe .intro{margin:0 auto;max-width:93%}@media (min-width: 768px){.demo-reel-text{margin-top:5rem;margin-left:0}}.demo-reel video{position:absolute;left:0;top:0;width:100%;height:100%;animation:scale-down-center 3s cubic-bezier(.04,.51,.04,.99)!important}.section.home .for-at .cur-at-img{min-width:182px;width:33%;background:#fff;opacity:.14;transition:opacity 2.5s cubic-bezier(.04,.51,.04,.99)}.section.home .for-at .cur-at-img.current{opacity:1;position:relative}.section.home .for-at .cur-at-img.current:before{position:absolute;top:-24px;left:48%;width:17px;height:17px;background:#206e6a;transform:rotate(45deg) skew(15deg,15deg) translate(-50%);z-index:-1}.section.home .for-at .cur-at-img.current:after{content:"Current Employer";position:absolute;top:-42px;left:0;font-family:Monument Ultra Light;display:inline-flex;width:100%;height:23px;max-height:23px;padding:2px 0 0;color:#fff;font-size:11px;line-height:1.7;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;z-index:1}.section.home .for-at .cur-at-img:hover{opacity:1}.section.home .for-at .cur-at-img .gatsby-image-wrapper img{width:auto}.after{position:absolute;left:7.9375rem;bottom:-3.0625rem;bottom:6.9375rem;width:15.625rem;height:17.5rem;background:#52a7ff;background:#f88982;z-index:-1}@keyframes typing{0%,50%{transform:translateY(0) scale(1)}25%{transform:translateY(-2px) scale(1.1)}75%{transform:translateY(2px) scale(.95)}}@keyframes paint-brush{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.02)}}@keyframes zap{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.2) rotate(180deg);filter:brightness(1.5) hue-rotate(60deg)}}@keyframes rocket-launch{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-5px) rotate(-5deg) scale(1.1)}50%{transform:translateY(-10px) rotate(5deg) scale(1.15)}75%{transform:translateY(-3px) rotate(-2deg) scale(1.05)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.2) rotate(90deg);opacity:.8}50%{transform:scale(.8) rotate(180deg);opacity:1.2}75%{transform:scale(1.1) rotate(270deg);opacity:.9}}.decorative.hello .image-wrapper:nth-child(1){animation:fade-in-bottom 1.4s both;transition-timing-function:cubic-bezier(.04,.51,.04,.99);animation-delay:.496s}@keyframes script-entrance{0%{opacity:0;transform:scale(.3)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes script-float{0%,to{transform:rotate(calc(var(--float-angle, 1deg) * -1)) translateY(0)}25%{transform:rotate(calc(var(--float-angle, 1deg) * .5)) translateY(-2px)}50%{transform:rotate(var(--float-angle, 1deg)) translateY(0)}75%{transform:rotate(calc(var(--float-angle, 1deg) * .5)) translateY(2px)}}