.hero{--hero-accent:var(--primary-color);margin-top:-72px;min-height:100vh;height:calc(100vh + 4rem)}.hero,.imgWrapper{overflow:hidden;position:relative}.imgWrapper{display:flex;justify-content:center;align-items:flex-end;height:100%;margin:0 auto;box-sizing:border-box;padding-top:1rem}.finger{z-index:-1}.logo__half,.niko__image{position:relative;width:clamp(200px,40vw,300px);aspect-ratio:2/5;pointer-events:none}.logo__collision-mask,.logo__half-color{fill:var(--hero-accent);transition:fill .18s ease}.logo__collision-mask{opacity:1;pointer-events:none;stroke:none}.logo__collision-mask--active{opacity:1}.logo__half-ink{fill:var(--secondary-color)}.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(--hero-accent);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;transition:background-color .18s ease}.imageContainer{position:relative;width:fit-content}.globe{--pupil-x:0px;--pupil-y:0px;display:flex;align-items:center;justify-content:center;position:absolute;width:clamp(70px,12vw,150px);height:clamp(70px,12vw,150px);background-color:var(--hero-accent);left:100%;top:35%;border-radius:50%;transform:translate(-100%,-50%);animation:anm__globe 3s ease infinite;will-change:transform;transition:background-color .18s ease}.base{z-index:1}.globe:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:#e85d5d;opacity:0;pointer-events:none}.globe:after{content:"";position:relative;z-index:1;width:clamp(20px,3vw,50px);height:clamp(20px,3vw,50px);background-color:rgb(7,7,30);border-radius:50%;transform:translate(var(--pupil-x),var(--pupil-y)) scaleY(1);transition:transform .11s ease;will-change:transform}.hero--blinking .globe:after{transform:translate(var(--pupil-x),var(--pupil-y)) scaleY(.05)}.hero--eye-hurt .globe:after{transform:translate(var(--pupil-x),var(--pupil-y)) scaleY(.38)}.hero--eye-hurt .globe:before{animation:eyeHurtColorFlash .65s linear forwards}@keyframes eyeHurtColorFlash{0%,20%{opacity:1}25%,45%{opacity:0}50%,70%{opacity:1}75%,to{opacity:0}}.heroHealth{position:absolute;z-index:110;top:calc(72px + 1rem);display:flex;flex-direction:column;gap:.4rem}.heroHealth--player{left:1.25rem}.heroHealth--eye{right:1.25rem;align-items:flex-end}.heroHealth__label{color:var(--secondary-color);font-size:.65rem;font-weight:800;letter-spacing:.14em;line-height:1}.heroHealth__bar{display:flex;gap:4px}.heroHealth__segment{width:22px;height:8px;background:var(--primary-color);border:1px solid var(--secondary-color);transition:opacity .24s ease,transform .24s ease}.heroHealth--eye .heroHealth__segment{background:var(--hero-accent)}.heroHealth__segment--empty{opacity:.16;transform:scaleY(.65)}.heroHealth__segment--hit{animation:healthSegmentHitFlash .65s linear forwards}@keyframes healthSegmentHitFlash{0%,20%{opacity:1;transform:scaleY(1)}25%,45%{opacity:.16;transform:scaleY(.65)}50%,70%{opacity:1;transform:scaleY(1)}75%,to{opacity:.16;transform:scaleY(.65)}}.heroParticles{position:absolute;inset:72px 0 0;overflow:hidden;pointer-events:none}.heroParticle{position:absolute;top:0;left:0;width:var(--particle-size,8px);height:var(--particle-size,8px);color:var(--hero-accent);will-change:transform;transition:color .18s ease,opacity .18s ease}.heroParticle--captured{color:#fff;opacity:.5}.heroParticle svg{display:block;width:100%;height:100%;overflow:visible}.collisionEmergence{position:absolute;z-index:3;width:var(--emergence-size,28px);height:var(--emergence-size,28px);border-radius:50%;background:var(--hero-accent);pointer-events:none;transform:translate(-50%,-50%) scale(.15);transform-origin:center;animation:collisionEmergencePop .62s cubic-bezier(.16,.8,.3,1) forwards}@keyframes collisionEmergencePop{0%{opacity:.95;transform:translate(-50%,-50%) scale(.15)}45%{opacity:.75;transform:translate(-50%,-50%) scale(1.35)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}.eyeLaser{position:fixed;z-index:9999;height:3px;pointer-events:none;transform-origin:left center;visibility:hidden}.eyeLaser span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--hero-active-color,var(--primary-color)),#fff 82%,var(--hero-active-color,var(--primary-color)));box-shadow:0 0 5px #fff,0 0 12px var(--hero-active-color,var(--primary-color));transform:scaleX(0);transform-origin:left center}.eyeLaser:after{content:"";position:absolute;top:50%;right:-5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px var(--hero-active-color,var(--primary-color));opacity:0;transform:translateY(-50%) scale(.4)}.eyeLaser--firing{visibility:visible}.eyeLaser--firing span{animation:eyeLaserShoot .52s ease-out forwards}.eyeLaser--firing:after{animation:eyeLaserHit .52s ease-out forwards}.laserDrop{position:fixed;z-index:9998;width:4px;pointer-events:none;visibility:hidden;transform-origin:top center}.laserDrop span{display:block;width:100%;height:100%;background:linear-gradient(180deg,#fff,var(--hero-active-color,var(--primary-color)) 25%,var(--hero-active-color,var(--primary-color)));box-shadow:0 0 6px #fff,0 0 13px var(--hero-active-color,var(--primary-color));transform:scaleY(0);transform-origin:top center}.laserDrop--active{visibility:visible}.laserDrop--active span{animation:laserDropShoot .48s ease-out .18s forwards}html.cursor-zapped,html.cursor-zapped *{cursor:none!important}.cursorSkull{position:fixed;z-index:10000;width:72px;height:72px;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}.cursorSkull img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px var(--hero-active-color,var(--primary-color)))}.cursorSkull--visible{visibility:visible;animation:cursorSkullPop .65s ease-out forwards}.cursorRevive{position:fixed;z-index:10001;width:0;height:0;pointer-events:none;visibility:hidden}.cursorRevive span{position:absolute;left:0;bottom:10px;width:6px;height:var(--ray-height,24px);border-radius:999px;background:var(--hero-active-color,var(--primary-color));box-shadow:0 0 5px rgba(255,255,255,.9);opacity:0;transform:translateX(-50%) rotate(var(--ray-angle,0deg)) scaleY(.15);transform-origin:50% calc(100% + 10px)}.cursorRevive--visible{visibility:visible}.cursorRevive--visible span{animation:cursorReviveRay .75s cubic-bezier(.2,.8,.25,1) forwards}@keyframes eyeLaserShoot{0%{opacity:0;transform:scaleX(0)}32%{opacity:1;transform:scaleX(1)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes eyeLaserHit{0%,30%{opacity:0;transform:translateY(-50%) scale(.4)}38%{opacity:1;transform:translateY(-50%) scale(1.35)}to{opacity:0;transform:translateY(-50%) scale(.4)}}@keyframes laserDropShoot{0%{opacity:0;transform:scaleY(0)}25%{opacity:1;transform:scaleY(1.08)}to{opacity:0;transform:scaleY(1)}}@keyframes cursorSkullPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}38%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(5deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(10deg)}}@keyframes cursorReviveRay{0%{opacity:0;transform:translateX(-50%) rotate(var(--ray-angle,0deg)) scaleY(.15)}28%{opacity:1;transform:translateX(-50%) rotate(var(--ray-angle,0deg)) scaleY(1.2)}58%{opacity:1;transform:translateX(-50%) rotate(var(--ray-angle,0deg)) scaleY(1)}to{opacity:0;transform:translateX(-50%) rotate(var(--ray-angle,0deg)) scaleY(.25)}}.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:.9rem;font-weight:700}.afterHr,.heroTagline{margin:0;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.heroTagline{font-size:1.2rem;font-weight:500}.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{margin:0;font-weight:900;font-size:110px;line-height:100px;letter-spacing:-.025em;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(--hero-accent);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(--hero-accent)}.get__in__touch{border:2px solid var(--hero-accent);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%)}}@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{width:100%;font-size:.85rem;line-height:1.2}.heroTagline{font-size:1rem}.buttonWrapper{gap:.5rem;text-align:center}}@media (min-width:820px) and (max-width:1025px) and (min-height:1000px) and (orientation:portrait){.hero{min-height:calc(100dvh + 4rem);height:calc(100dvh + 4rem)}.imgWrapper{min-height:0;height:100%}.logo__half,.niko__image{width:min(48vw,490px)}.images{width:100%;height:100%}}@media (max-width:600px){.hero{min-height:calc(50dvh + 72px);height:calc(50dvh + 72px)}.imgWrapper{min-height:0;height:100%;padding-top:0}.logo__half,.niko__image{width:clamp(150px,20vw,300px)}.textWrapper{top:auto;bottom:.75rem;margin-bottom:0;gap:.4rem;transform:translateX(-100%)}.afterHr{font-size:.68rem;line-height:1.15;letter-spacing:.06em;margin:0}.heroTagline{font-size:.9rem}.hrHeadline{font-size:2.8rem;line-height:2.6rem;width:100%;margin:0 0 .2rem}.buttonWrapper{width:8.25rem;flex-direction:column;align-items:stretch}.ctaButton{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 rgba(136,209,212,.25);background:var(--secondary-color);color:var(--tan-color)}.socialMediaInner{width:min(1360px,calc(100% - clamp(3rem, 12vw, 9rem)));margin-inline:auto}.socialMediaTitle{margin:0 0 1.5rem;color:var(--primary-color);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 rgba(136,209,212,.3);background:rgba(136,209,212,.08);color:var(--tan-color);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(--brand-color);color:var(--secondary-color);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 rgba(136,209,212,.25);color:rgba(244,242,223,.72);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:rgba(136,209,212,.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}}.portfolio-showcase{--bg-panel:#ffffff;--ink:var(--color-text-primary,#1a1714);--ink-dim:var(--color-text-secondary,#6b6056);--ink-faint:var(--color-text-muted,#a89c90);--portfolio-accent:var(--brand-color,#88D1D4);--hairline:rgba(30,30,30,0.2);--hairline-soft:rgba(30,30,30,0.12);--font-display:var(--font-sans);--font-body:var(--font-sans);width:100%;padding:clamp(4.5rem,9vw,8rem) 0;background:#ffffff;color:var(--ink);font-family:var(--font-body)}.portfolio-showcase,.portfolio-showcase *,.portfolio-showcase :after,.portfolio-showcase :before{box-sizing:border-box}.portfolio-showcase-inner{width:min(1360px,calc(100% - clamp(3rem, 12vw, 9rem)));margin-inline:auto}.portfolio-showcase-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);padding-bottom:1.25rem;border-bottom:1px solid var(--hairline)}.portfolio-showcase h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;text-transform:none}.portfolio-showcase-count{flex:none;padding-bottom:.25rem;color:var(--ink-faint);font-size:.7rem;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase}.portfolio-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem)}.portfolio-showcase .project-card{min-width:0;box-shadow:0 16px 44px -38px rgba(30,30,30,.5)}.portfolio-showcase .project-card-link{display:flex;height:100%;flex-direction:column}.portfolio-showcase .project-card-media{min-height:0;aspect-ratio:3/5;border-right:0;border-bottom:1px solid var(--hairline-soft)}.portfolio-showcase .project-card-body{flex:1;padding:clamp(.8rem,1.4vw,1.2rem)}.portfolio-showcase .project-card-mark{width:clamp(4.5rem,7vw,7rem)}.portfolio-showcase .project-card-mark-wrap--badge{padding:.6rem .8rem}.portfolio-showcase .project-card-mark-wrap--badge .project-card-mark{width:clamp(5.5rem,9vw,8rem)}.portfolio-showcase .project-card-meta,.portfolio-showcase .project-card-screen,.portfolio-showcase .project-card-software,.portfolio-showcase .project-card-summary{display:none}.portfolio-showcase .project-card-tags{gap:.3rem}.portfolio-showcase .project-card-tags li{padding:0;border:0;color:var(--ink-dim);font-size:clamp(.54rem,.65vw,.64rem);line-height:1.4}.portfolio-showcase .project-card-tag-toggle,.portfolio-showcase .project-card-tags--details li{color:var(--portfolio-accent)}.portfolio-showcase .project-card-title{margin-top:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:700;letter-spacing:-.02em;text-transform:none}.portfolio-showcase .project-card-tagline{margin-top:.35rem;font-size:clamp(.72rem,.9vw,.88rem);line-height:1.35;color:var(--ink-dim)}.portfolio-showcase .project-card-cta{margin-top:auto;padding-top:1rem;font-size:.62rem;color:var(--portfolio-accent)}.portfolio-showcase .project-card-meta dd,.portfolio-showcase .project-card-meta dt,.portfolio-showcase .project-card-software-label,.portfolio-showcase .project-card-summary,.portfolio-showcase .project-card-tagline,.portfolio-showcase .project-card-tags li{font-family:var(--font-body)}@media (max-width:700px){.portfolio-showcase-inner{width:min(100% - 2rem,1360px)}.portfolio-showcase-header{align-items:flex-start;flex-direction:column;gap:.9rem}.portfolio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.portfolio-showcase .project-card-body{padding:.75rem}.portfolio-showcase .project-card-cta{font-size:.56rem;letter-spacing:.07em}}.rsWrapper{display:grid;grid-template-columns:repeat(4,1fr);min-height:25vh;margin-top:0;margin-bottom:0}.rsBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;transition:background-color .18s ease,color .18s ease}.rsBox--primary{background:var(--hero-active-color,var(--primary-color));color:var(--secondary-color)}.rsBox--secondary{background:var(--secondary-color);color:var(--hero-active-color,var(--primary-color))}.rsBox__icon{font-size:2.5rem;opacity:.85}.rsBox__number{font-family:var(--font-sans);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.rsBox__label{font-size:clamp(.75rem,1.2vw,1rem);text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-weight:600}@media (max-width:1025px){.rsWrapper{grid-template-columns:repeat(2,1fr);min-height:50vh}}@media (max-width:600px){.rsWrapper{min-height:50dvh;height:50dvh}.rsBox{gap:.25rem;padding:.75rem .5rem}.rsBox__icon{font-size:1.75rem}.rsBox__number{font-size:2.5rem}.rsBox:nth-child(3){background:var(--secondary-color);color:var(--hero-active-color,var(--primary-color))}.rsBox:nth-child(4){background:var(--hero-active-color,var(--primary-color));color:var(--secondary-color)}}.ctfWrapper{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(1180px,calc(100% - 2rem));margin:0 auto;border:1px solid var(--secondary-color);background:var(--color-surface);box-shadow:18px 18px 0 var(--brand-color)}.ctfIntroPanel{display:flex;flex-direction:column;justify-content:space-between;gap:4rem;padding:clamp(2rem,5vw,4.5rem);background:var(--secondary-color);color:white}.ctfEyebrow,.ctfFormHeader>span{display:block;margin:0 0 1.25rem;color:var(--brand-color);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ctfHeadline{max-width:8ch;margin:0;color:white;font-size:clamp(2.8rem,6vw,5rem);line-height:.98}.ctfBody{max-width:30rem;margin:1.5rem 0 0;color:rgba(255,255,255,.7);font-size:var(--font-size-base);line-height:1.7}.ctfServicesCard{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;background:var(--brand-color);color:var(--secondary-color)}.ctfServicesNumber{font-family:var(--font-mono);font-size:var(--font-size-xs)}.ctfServicesCard p,.ctfServicesLabel{margin:0;font-size:var(--font-size-sm);line-height:1.5}.ctfServicesCard h3{margin:.25rem 0 .5rem;font-size:var(--font-size-xl)}.ctfServicesButton{grid-column:2;justify-content:space-between;margin-top:.5rem;padding:.8rem 0;border-top:1px solid rgba(18,26,65,.35);background:transparent}.ctfServicesButton,.ctfServicesButton:hover{color:var(--secondary-color)}.ctfFormPanel{padding:clamp(2rem,5vw,4.5rem)}.ctfFormHeader{margin-bottom:3rem}.ctfFormHeader h3{margin:0;color:var(--color-text-primary);font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.1}.ctfInputWrapper{display:flex;flex-direction:column;gap:1.5rem}.ctfNameLastnameWrapper{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ctfField{display:flex;flex-direction:column;gap:.55rem;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ctfInput,.ctfTextarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--color-border);border-radius:0;outline:none;padding:.85rem 0;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);text-transform:none;transition:border-color .16s ease}.ctfInput:focus,.ctfTextarea:focus{border-color:var(--color-accent)}.ctfInput::placeholder,.ctfTextarea::placeholder{color:var(--color-text-muted)}.ctfTextarea{min-height:145px;resize:vertical}.ctfButton{display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:700;text-decoration:none;cursor:pointer}.ctfSubmitButton{align-self:flex-start;min-width:220px;padding:1rem 1.25rem;background:var(--secondary-color);color:white;transition:background .16s ease,color .16s ease}.ctfSubmitButton:hover{background:var(--brand-color);color:var(--secondary-color)}.ctfStatus{margin:0;font-size:var(--font-size-sm);font-weight:600}.ctfStatus--success{color:var(--color-success)}.ctfStatus--error{color:var(--color-error)}.ctfRecaptchaNotice{margin:0;color:var(--color-text-muted);font-size:10px;line-height:1.5}.ctfRecaptchaNotice a{color:inherit;text-underline-offset:2px}.grecaptcha-badge{visibility:hidden!important}@media (max-width:850px){.ctfWrapper{grid-template-columns:1fr;box-shadow:10px 10px 0 var(--brand-color)}.ctfIntroPanel{gap:2.5rem}.ctfHeadline{max-width:11ch}}@media (max-width:560px){.ctfNameLastnameWrapper,.ctfServicesCard{grid-template-columns:1fr}.ctfServicesButton{grid-column:1}.ctfSubmitButton{width:100%}}.home_contactSection__Xep_q{padding:clamp(4rem,8vw,7rem) 0;background:var(--tan-color);scroll-margin-top:2rem}