.hero{margin-top:-72px;height:100vh}.hero,.imgWrapper{overflow:hidden;position:relative}.imgWrapper{display:flex;justify-content:center;align-items:flex-end;height:100%;margin:0 auto}.finger{z-index:-1}.logo__half,.niko__image{position:relative;width:clamp(200px,40vw,300px);aspect-ratio:2/5;pointer-events:none}.images{position:absolute;inset:0;object-fit:contain}.shadow{mix-blend-mode:screen;z-index:2}.highlight{mix-blend-mode:overlay;z-index:2}.color__mask{position:absolute;inset:0;background-color:var(--primary-color);z-index:1;-webkit-mask-image:url(/images/personal/base.webp);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/images/personal/shadow.webp);mask-size:contain;mask-repeat:no-repeat;mask-position:center;mix-blend-mode:multiply}.imageContainer{position:relative;width:fit-content}.globe{display:flex;align-items:center;justify-content:center;position:absolute;width:clamp(70px,12vw,150px);height:clamp(70px,12vw,150px);background-color:var(--primary-color);left:100%;top:35%;border-radius:50%;transform:translate(-100%,-50%);animation:anm__globe 3s ease infinite;will-change:transform}.base{z-index:1}.globe:after{content:"";width:clamp(20px,3vw,50px);height:clamp(20px,3vw,50px);background-color:rgb(7,7,30);border-radius:50%;animation:blinking 3s ease infinite}.statusWrapper{display:flex;flex-direction:row-reverse;background-color:rgba(192,194,204,.5);padding:.5rem 1rem;border-radius:2rem;color:rgb(21,13,75);align-items:center;gap:.5rem;z-index:12;backdrop-filter:blur(3px);font-weight:600}.hrStatusLight{background-color:var(--green-color);width:13px;height:13px;border-radius:50%;animation:glowing 1.5s infinite alternate}@keyframes glowing{0%{box-shadow:0 0 2px var(--green-color)}to{box-shadow:0 0 30px var(--green-color)}}.beforeHr{font-size:.9rem;color:gray}.afterHr{font-size:1.3rem;line-height:1.2rem}.textWrapper{display:flex;flex-direction:column;align-items:end;gap:1rem;position:absolute;left:50%;padding-right:1rem;transform:translate(-100%);bottom:1rem;text-align:right;z-index:100;margin-bottom:1rem}.hrHeadline{font-weight:800;font-size:110px;line-height:100px;color:var(--secondary-color)}.buttonWrapper{display:flex;gap:1rem}.ctaButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1rem;font-weight:600;font-size:1rem;background-color:var(--primary-color);color:var(--secondary-color);border:none;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.ctaButton svg{transition:transform .3s ease}.ctaButton:hover{background-color:var(--secondary-color);color:var(--primary-color)}.get__in__touch:hover svg{transform:translateX(4px)}.download__CV:hover svg{transform:translateY(4px)}.download__CV{background:var(--primary-color)}.get__in__touch{border:2px solid var(--secondary-color);background:transparent}.download__CV:hover,.get__in__touch:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:white}@keyframes anm__globe{0%{transform:translate(-100%,-50%)}50%{transform:translate(-85%,-65%)}75%{transform:translate(-90%,-80%)}to{transform:translate(-100%,-50%)}}@keyframes blinking{0%,85%,to{transform:scaleY(1)}90%{transform:scaleY(.05)}}@media (max-width:1025px){.ctaButton{padding:.5rem;font-size:10px}.hero{height:auto}.imgWrapper{min-height:calc(50vh - 72px);height:auto}.hrHeadline{font-size:110px;line-height:100px}.textWrapper{gap:.5rem}.afterHr{font-size:2rem;line-height:2rem;width:80%}.buttonWrapper{gap:.5rem;text-align:center}}@media (max-width:600px){.logo__half,.niko__image{width:clamp(150px,20vw,300px)}.afterHr{font-size:1.1rem;line-height:1.1rem}.hrHeadline{font-size:2.8rem;line-height:2.6rem;width:100%}.svgIcon{display:none}}.heroSectionWrapper{width:80%;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,rgba(255,255,255,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%,to{transform:translate(-40%)}31%{transform:translate(-40%)}52%{transform:translate(-40%)}75%{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%,to{top:78%;left:68.5%;transform:translate(-30%) rotate(0deg)}31%{top:50%;left:80%;transform:translate(-30%) rotate(-45deg)}52%{top:20%;left:60%;z-index:100;transform:translate(-30%) rotate(25deg)}73%{top:50%;left:60%;z-index:100;transform:translate(-30%) rotate(0deg)}}.animate-left{animation:leftHandAnimate 7.5s infinite}.animate-right{animation:rightHandAnimate 7.5s infinite}.animate-head{animation:headAnimate 7.5s infinite}.rightHand{top:75.5%;width:47px;left:24%;transform:translate(-30%);z-index:4}@keyframes rightHandAnimate{0%,to{top:75.5%;left:24%}31%{top:50%;left:0;transform:rotate(45deg)}52%{top:20.5%;left:33%;transform:rotate(-25deg);z-index:0}75%{top:50.5%;left:40%;z-index:100}}@keyframes shapeHandLeftBefore{0%,to{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)}85%{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;width:100%;z-index:0}.skillCategory{gap:.5rem;height:100%}.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:3rem;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:768px){.heroSectionWrapper{width:100%}.imageChat{width:80%}.skillIcon.active{transform:scale(1.8)}}.socialMediaSection{width:100%;padding:clamp(3rem,6vw,5rem) 0 1.25rem;border-top:1px solid var(--color-border);background:var(--tan-color);color:var(--color-text-primary)}.socialMediaInner{width:min(1360px,calc(100% - clamp(3rem, 12vw, 9rem)));margin-inline:auto}.socialMediaTitle{margin:0 0 1.5rem;color:var(--color-text-primary);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.socialMediaGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(.5rem,1vw,.9rem)}.socialMediaItem{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.65rem;border:1px solid var(--color-border);background:rgba(255,255,255,.45);color:var(--color-text-primary);text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.socialMediaIcon{display:flex;flex:0 0 auto;width:24px;height:24px;align-items:center;justify-content:center}.socialMediaItem:focus-visible,.socialMediaItem:hover{border-color:var(--brand-color);background:var(--color-accent-light);transform:translateY(-3px)}.socialMediaItem:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.socialMediaLabel{overflow:hidden;font-size:.72rem;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.socialMediaBottom{display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}@media (max-width:768px){.socialMediaInner{width:min(100% - 2rem,1360px)}.socialMediaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.socialMediaBottom{align-items:flex-start;flex-direction:column;gap:.45rem}}@media (prefers-reduced-motion:reduce){.socialMediaItem{transition:none}.socialMediaItem:focus-visible,.socialMediaItem:hover{transform:none}}.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:rgba(255,255,255,.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:rgb(136,210,213,.6);border-radius:.5rem;padding:1rem;margin:0 auto;backdrop-filter:blur(5px)}.humanSendButton{width:30%}.humanSendButton:hover{background-color:rgb(60,59,59)}.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:white;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:768px){.humanAiChatWrapper,.logoFormWrapper,.logoWrapper{width:100%}.aiReply{max-width:100%}}.loadingWrapper{.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--tan-color);z-index:9999}}.project-card{--card-accent:var(--accent);position:relative;border:1px solid var(--hairline-soft);border-radius:4px;background:var(--bg-panel);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.project-card:focus-within,.project-card:hover{border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);transform:translateY(-3px);box-shadow:0 22px 48px -28px color-mix(in srgb,var(--card-accent) 60%,transparent)}.project-card-link{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}.project-card-link:focus-visible{outline:2px solid var(--card-accent);outline-offset:-2px}.project-card-media-link{display:block}.project-card-cta:focus-visible,.project-card-media-link:focus-visible,.project-card-tag-toggle:focus-visible,.project-card-title a:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.project-card-media{position:relative;min-height:26rem;overflow:hidden;border-right:1px solid var(--hairline-soft)}.project-card-cover{object-fit:cover;transition:transform .6s ease}.project-card:hover .project-card-cover{transform:scale(1.04)}.project-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,24,.45),rgba(7,13,24,.5) 40%,rgba(7,13,24,.85))}.project-card-mark-wrap{position:absolute;top:46%;left:50%;translate:-50% -50%;display:grid;width:max-content;max-width:calc(100% - 3rem);place-items:center;transition:translate .4s ease}.project-card-mark-wrap--badge{padding:clamp(.8rem,1.8vw,1.15rem) clamp(1rem,2.5vw,1.7rem);border:1px solid rgba(255,255,255,.5);border-radius:9px;background:rgba(255,244,232,.94);box-shadow:0 18px 40px rgba(0,0,0,.28)}.project-card-mark{width:clamp(7rem,13vw,10.5rem);height:auto}.project-card-mark-wrap--badge .project-card-mark{width:clamp(9rem,18vw,14rem)}.project-card:hover .project-card-mark-wrap{translate:-50% -58%}.project-card-screen{position:absolute;right:clamp(1rem,3vw,2.25rem);bottom:-8rem;width:clamp(7rem,15vw,10rem);border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);border-radius:6px 6px 0 0;overflow:hidden;rotate:-4deg;box-shadow:0 24px 44px -18px rgba(0,0,0,.75);transition:bottom .45s ease,rotate .45s ease}.project-card:hover .project-card-screen{bottom:-6rem;rotate:-2deg}.project-card-screen img{width:100%;height:auto}.project-card-body{padding:clamp(1.75rem,3.5vw,2.75rem);display:flex;flex-direction:column;align-items:flex-start}.project-card-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--card-accent)}.project-card-title{margin-top:.7rem;font-size:clamp(2.2rem,4vw,3rem);line-height:1}.project-card-title a{color:inherit}.project-card-tagline{margin-top:.5rem;font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--ink-dim)}.project-card-summary{margin-top:1.1rem;max-width:46ch;font-size:.92rem;line-height:1.7;color:var(--ink-dim)}.project-card-software{margin-top:1.6rem}.project-card-software-label{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.project-card-software-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;list-style:none}.project-card-software-list li{padding:.28rem .65rem;border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);border-radius:3px;font-size:.7rem;color:var(--ink);background:color-mix(in srgb,var(--card-accent) 8%,transparent)}.project-card-meta{display:flex;flex-wrap:wrap;gap:0 2.25rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--hairline-soft);width:100%}.project-card-meta dt{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.project-card-meta dd{margin-top:.3rem;font-size:.88rem;color:var(--ink)}.project-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;list-style:none}.project-card-hashtags{width:100%;margin-top:auto;padding-top:1.25rem}.project-card-hashtags .project-card-tags{margin-top:0}.project-card-tags--details{margin-top:.55rem!important}.project-card-tag-toggle{margin-top:.7rem;padding:0;border:0;border-bottom:1px solid;background:transparent;color:var(--card-accent);cursor:pointer;font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.06em}.project-card-tags li{padding:.28rem .6rem;border:1px solid var(--hairline-soft);border-radius:999px;font-size:.68rem;color:var(--ink-dim)}.project-card-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:0;padding-top:1.75rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--card-accent)}.project-card-cta:after{content:"\2192";transition:transform .25s ease}.project-card:hover .project-card-cta:after{transform:translateX(4px)}@media (max-width:900px){.project-card-link{grid-template-columns:1fr}.project-card-media{min-height:17rem;border-right:none;border-bottom:1px solid var(--hairline-soft)}.project-card-screen{display:none}.project-card-mark-wrap{top:50%}}@media (prefers-reduced-motion:reduce){.project-card,.project-card-cover,.project-card-cta:after,.project-card-mark-wrap,.project-card-screen{transition:none}.project-card:hover,.project-card:hover .project-card-cover,.project-card:hover .project-card-cta:after{transform:none}.project-card:hover .project-card-mark-wrap{translate:-50% -50%}.project-card:hover .project-card-screen{bottom:-8rem;rotate:-4deg}}