.heroSectionWrapper{width:100%;margin:0 auto;display:flex;flex-direction:column}.imagesWrapper{position:relative;margin:0 auto;border-radius:0;width:100%}.imageWrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:440px;height:644px;margin:0 auto;z-index:-1}.imageWrapper:before{content:"";display:block;width:100%;height:80%;position:relative;bottom:-8rem;background:linear-gradient(to bottom,hsla(0,0%,100%,0) 5%,var(--before-background,red) 150%);border-top-left-radius:50%;border-top-right-radius:50%;z-index:-2}.imageWrapper:after{content:"";display:block;width:200px;height:200px;background-color:var(--after-background,red);z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);border-radius:80% 200% 100% 150%;animation:float 15s infinite}@keyframes float{0%{transform:translate(-50%,-80%) rotate(0deg) scale(1);border-radius:80% 200% 100% 150%}15%{transform:translate(-50%,-60%) rotate(40deg) scale(1.3);border-radius:25% 25% 25% 25%}30%{transform:translate(-40%,-90%) rotate(-20deg) scale(.7);border-radius:0 0 0 0}45%{transform:translate(-50%,-60%) rotate(10deg) scale(1.2);border-radius:25% 25% 25% 25%}60%{transform:translate(-20%,-70%) rotate(-15deg) scale(.8);border-radius:50% 50% 50% 50%}75%{transform:translate(-35%,-80%) rotate(10deg) scale(1.2);border-radius:100% 100% 100% 100%}to{transform:translate(-50%,-80%) rotate(0deg) scale(1);border-radius:80% 200% 100% 150%}}.clothingImage{top:100%;width:254px;transform:translate(-50%,-100%)}.clothingImage,.headImage{position:absolute;left:50%}.headImage{top:28.2%;width:94px;transform:translate(-40%);bottom:75%;z-index:10}@keyframes headAnimate{0%{transform:translate(-40%)}50%{transform:translate(-40%)}75%{transform:translate(-40%)}to{transform:translate(-40%,140%)}}.leftHand,.rightHand{position:absolute;width:68px}.leftHand{top:78%;left:68.5%;transform:translate(-30%);z-index:5}@keyframes leftHandAnimate{0%{top:78%;left:68.5%;transform:translate(-30%) rotate(0deg)}50%{top:50%;left:80%;transform:translate(-30%) rotate(-45deg)}75%{top:20%;left:60%;z-index:100;transform:translate(-30%) rotate(25deg)}to{top:50%;left:60%;z-index:100;transform:translate(-30%) rotate(0deg)}}.animate-left{animation:leftHandAnimate 15s infinite}.animate-right{animation:rightHandAnimate 15s infinite}.animate-head{animation:headAnimate 15s infinite}.rightHand{top:75.5%;width:47px;left:24%;transform:translate(-30%);z-index:4}@keyframes rightHandAnimate{0%{top:75.5%;left:24%}50%{top:50%;left:0;transform:rotate(45deg)}75%{top:20.5%;left:33%;transform:rotate(-25deg);z-index:0}to{top:50.5%;left:40%;z-index:100}}@keyframes shapeHandLeftBefore{0%{transform:translate(0) rotate(-25deg) scale(1)}25%{transform:translate(600%,-50%) scale(.6)}50%{transform:translate(500%,-500%) rotate(45deg)}60%{transform:translate(-200%,-800%) scale(1)}75%{transform:translate(-200%,-200%) rotate(45deg) scale(1.3)}to{transform:translate(0) rotate(-25deg) scale(1)}}.leftHandWrapper:after{top:87%;background-color:var(--after-background);animation:shapeHandLeftBefore 20s ease-in-out 1s infinite alternate-reverse;transform:rotate(-20deg)}.leftHandWrapper:after,.leftHandWrapper:before{content:"";position:absolute;left:23%;display:block;width:60px;height:60px}.leftHandWrapper:before{top:85%;background-color:var(--before-background);clip-path:circle(50% at 50% 50%);z-index:3;animation:shapeHandLeftBefore 20s ease-in-out 1s infinite alternate}.iconWrapper{display:flex;justify-content:space-between;z-index:0}.codeIcons,.designIcons,.skillCategory{display:flex;flex-direction:column;align-items:center}.codeIcons,.designIcons{position:relative;gap:.3rem;z-index:10}.skillsText{display:flex;flex-direction:column;align-items:center;font-size:var(--text-xs);margin-bottom:1rem;text-align:left;width:50%;text-align:center;font-style:italic}.skillIcon{cursor:pointer;pointer-events:auto;border-radius:.35rem;box-shadow:0 4px 12px rgba(0,0,0,.1);width:2rem;transition:transform .3s ease,box-shadow .3s ease}.skillIcon.active{filter:grayscale(0);opacity:1;transform:scale(1.6);z-index:10}.skillIcon:hover{box-shadow:0 7px 22px rgba(0,0,0,.2)}.hrLine{pointer-events:none;position:relative;z-index:-1;width:1px;height:20px;background-color:var(--dark-tan-color)}.heroTextWrapper{text-align:center;padding:1em}.heroTextWrapper h3{font-size:var(--text-4xl);margin-bottom:.5em}.heroTextWrapper p{font-size:1em;line-height:1.5}.heroTextWrapper p b{color:var(--link-color,blue)}.imageChat{position:absolute;left:50%;top:0;width:30%;transform:translate(-50%);z-index:20}@media (max-width:1000px){.imageChat{width:80%}.skillIcon.active{transform:scale(1.8)}}.logoItemsWrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.logoWrapper{position:relative;background-color:var(--brand-color);border-radius:50%;cursor:pointer}.logoFormWrapper{display:flex;align-items:center;justify-content:space-between;justify-content:center;margin-top:1rem}.cancelAiChat{flex:0 0 auto;min-width:120px}.humanChat{width:100%;border-radius:.5rem 0 0 .5rem;background-color:hsla(0,0%,100%,.5);backdrop-filter:blur(px)}.humanChat::placeholder{color:var(--foreground);font-style:italic;font-weight:100}.humanChat:active{color:var(--foreground)}.aiReply{position:relative;background-color:rgba(136,210,213,.6);border-radius:.5rem;padding:1rem;margin:0 auto;backdrop-filter:blur(5px)}.humanSendButton{width:30%}.humanSendButton:hover{background-color:#3c3b3b}.humanAiChatWrapper{position:relative;min-width:100%;z-index:15}@keyframes slideLight{0%{left:-30%}to{left:200%}}@keyframes slideLightDelayed{0%{left:-30%}10%{left:-50%}to{left:200%}}.glassessMask.loading:before,.logoWrapper:hover .glassessMask:before{animation:slideLight 1s linear infinite forwards}.glassessMask.loading:after,.logoWrapper:hover .glassessMask:after{animation:slideLightDelayed 1s linear infinite forwards}.beard,.glasses,.hair,.lips{position:absolute;height:30%}.hair{top:12%;background-image:url(/branding/logo/logo_hair.svg)}.glasses,.hair{left:50%;transform:translate(-50%);width:45%;background-repeat:no-repeat}.glasses{position:relative;top:40%;height:15%;background-image:url(/branding/logo/logo_glasess.svg)}.glassessMask{position:relative;height:100%;width:100%;top:-5%;clip-path:polygon(1% 32%,2% 45%,3% 55%,4% 61%,5% 66%,6% 71%,7% 75%,8% 78%,9% 81%,10% 84%,11% 87%,12% 89%,13% 91%,14% 93%,15% 94%,16% 95%,17% 96%,18% 97%,19% 98%,20% 99%,21% 100%,22% 100%,23% 100%,24% 100%,25% 99%,26% 99%,27% 98%,28% 98%,29% 97%,30% 96%,31% 94%,32% 93%,33% 91%,34% 89%,35% 87%,36% 85%,37% 82%,38% 80%,39% 76%,40% 72%,41% 68%,42% 62%,43% 56%,44% 33%,45% 26%,46% 23%,47% 21%,48% 20%,49% 19%,50% 19%,51% 20%,52% 21%,53% 23%,54% 26%,55% 33%,56% 56%,57% 62%,58% 68%,59% 72%,60% 76%,61% 80%,62% 82%,63% 85%,64% 87%,65% 89%,66% 91%,67% 93%,68% 94%,69% 96%,70% 97%,71% 98%,72% 98%,73% 99%,74% 99%,75% 100%,76% 100%,77% 100%,78% 100%,79% 99%,80% 98%,81% 97%,82% 96%,83% 95%,84% 94%,85% 93%,86% 91%,87% 89%,88% 87%,89% 84%,90% 81%,91% 78%,92% 75%,93% 71%,94% 66%,95% 61%,96% 55%,97% 45%,98% 32%,98% 0,0 0)}.glassessMask:after,.glassessMask:before{content:"";position:absolute;top:-50%;width:10%;height:200%;background-color:#fff;transform:rotate(45deg)}.glassessMask:before{left:-30%}.glassessMask:after{left:-50%;width:5%}.beard{top:51%;width:45%;height:45%;background-image:url(/branding/logo/logo_beard.svg)}.beard,.lips{left:50%;transform:translate(-50%);background-repeat:no-repeat}.lips{top:69%;width:9%;background-image:url(/branding/logo/logo_lips.svg)}@media (max-width:1000px){.humanAiChatWrapper,.logoFormWrapper,.logoWrapper{width:100%}.aiReply{max-width:100%}}