.whatIDO{opacity:1;height:100vh;width:var(--cWidth);z-index:9;justify-content:center;place-items:center;max-width:1920px;margin:auto;display:flex;position:relative}.what-box{z-index:9;justify-content:center;width:50%;display:flex;position:relative}.what-box h2{white-space:nowrap;margin-bottom:60px;margin-right:10%;font-size:calc(3.5vw + 20px);font-weight:600;line-height:1.15}.hat-h2{font-style:italic}.do-h2{color:var(--accentColor)}.what-box-in{flex-direction:column;height:700px;margin-left:200px;display:flex;position:relative}.what-content{box-sizing:border-box;width:450px;height:33.3333%;min-height:33.3333%;padding:30px 50px;transition:all .5s;position:relative}.what-noTouch:hover,.what-content-active{min-height:58%;padding:30px 50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:21%;padding:10px 50px}.what-content p,.what-content h5,.what-content-flex{opacity:0;transition:opacity .3s}.what-noTouch:hover :is(p,h5,.what-content-flex),.what-content-active :is(p,h5,.what-content-flex){opacity:1}.what-content h3{letter-spacing:1px;margin:0;font-size:35px}.what-content p{letter-spacing:.7px;font-size:14px;font-weight:200;line-height:18px}.what-content h4{letter-spacing:1px;opacity:.3;margin:0;font-size:14px;font-weight:300}.what-content-in{opacity:0;animation:.5s 1s forwards whatFlicker}@keyframes whatFlicker{0%,25%,35%,60%{opacity:0}30%,50%,40%,to{opacity:1}}.what-content:before,.what-corner:before,.what-content:after,.what-corner:after{content:"";opacity:0;border:4px solid #fff;width:10px;height:10px;animation:.2s .5s forwards whatCorners;position:absolute}@keyframes whatCorners{to{opacity:1}}.what-content:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.what-corner:before{border-bottom:none;border-left:none;top:-2px;right:-2px}.what-content:after{border-top:none;border-right:none;bottom:-2px;left:-2px}.what-corner:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.what-arrow{border:1px solid #fff;width:25px;height:25px;position:absolute;bottom:20px;right:20px}.what-arrow:before{content:"";border-bottom:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transition:all .5s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.what-noTouch:hover .what-arrow:before,.what-content-active .what-arrow:before{transform:translate(-50%,-20%)rotate(-225deg)}.what-border1{opacity:.8;width:100%;max-width:0%;height:100%;transition:all .5s;animation:1.2s forwards whatBorders;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.what-border1 svg{width:450px;position:absolute;left:50%;transform:translate(-50%)}.what-border2{opacity:.8;width:100%;height:100%;max-height:0%;transition:all .5s;animation:1.2s forwards whatBorders;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.what-border2 svg{height:100%;position:absolute;top:50%;transform:translateY(-50%)}.what-content-in{height:100%;overflow:hidden}.what-content-in h5{opacity:.5;letter-spacing:1px;margin-bottom:5px;font-family:Geist,sans-serif;font-size:12px;font-weight:300}@keyframes whatBorders{80%{opacity:.8}to{opacity:.2;max-width:100%;max-height:100%}}.what-content-flex{flex-wrap:wrap;gap:5px;display:flex}.what-tags{background-color:#ffffff26;border:1px solid #ffffff50;border-radius:30px;padding:2px 7px;font-size:13px;font-weight:400}@media only screen and (max-width:1600px){.what-box h2{margin-right:18%}}@media only screen and (max-width:1400px){.what-box h2{margin-right:20%}.what-box-in{height:640px}.what-content h3{font-size:28px}.what-content{width:400px;padding:30px}.what-content p{font-size:13px}.what-noTouch:hover,.what-content-active{padding:20px 30px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:10px 30px}.what-tags{font-size:12px}.what-box-in{margin-left:50px}.what-content{width:380px}}@media only screen and (max-width:1024px){.whatIDO{height:auto;padding:50px 0}.what-box-in{height:660px;margin-left:-50px}.what-content{width:500px;padding:30px 50px}.what-content p{font-size:14px}.what-noTouch:hover,.what-content-active{min-height:58%;padding:30px 50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:21%;padding:10px 50px}}@media only screen and (max-width:900px){.whatIDO{flex-direction:column}.what-box h2{margin:50px 0;font-size:55px;line-height:53px}.what-box:first-child{justify-content:left}.what-box:last-child{height:640px}.what-box{width:500px;max-width:calc(100% - 50px);margin:auto}.what-content{width:100%}.what-box-in{height:640px;margin-left:0}.what-content{padding:30px}.what-content p{font-size:11px}.what-noTouch:hover,.what-content-active{padding:10px 30px}.what-tags{font-size:11px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:5px 30px}.what-content h3{font-size:25px}}@media only screen and (max-width:550px){.whatIDO{place-items:inherit;justify-content:left;align-items:start}.what-box{max-width:calc(100% - 25px);margin:0}}@media only screen and (min-width:1950px){.what-box h2{font-size:7rem;line-height:6.8rem}}
.work-section{box-sizing:border-box;will-change:transform;justify-content:center;align-items:center;height:100vh;transition:all;display:flex;position:relative;overflow:hidden}.work-container{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:1320px;height:100%;margin:0 auto;padding:0 90px;display:flex}.work-section h2.title{text-align:center;color:#fff;letter-spacing:1px;-webkit-text-fill-color:initial;white-space:nowrap;background:0 0;margin-top:30px;margin-bottom:50px;font-family:Geist,sans-serif;font-size:calc(3.5vw + 20px);font-weight:600;line-height:1.15}.work-section h2.title .hat-h2{font-style:italic}.work-section h2.title .do-h2{color:var(--accentColor)}.work-flex{width:max-content;margin-left:0;padding-left:0;padding-right:0;display:flex;position:relative}.work-box{box-sizing:border-box;border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:30px;width:clamp(380px,32vw,500px);padding:45px 40px;display:flex}.work-flex .work-box:nth-child(2n){flex-direction:column-reverse}.work-title{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:14px;display:flex}.work-title>div{text-align:right}.work-title h3{color:var(--accentColor);margin:0;font-family:Geist,sans-serif;font-size:clamp(36px,3.5vw,54px);font-weight:700;line-height:1}.work-title h4{color:#fff;margin:0;font-family:Geist,sans-serif;font-size:clamp(18px,1.5vw,24px);font-weight:600;line-height:1.25}.work-title p{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-family:Geist,sans-serif;font-size:13px}.work-info h4{color:var(--accentColor);text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 4px;font-family:Geist,sans-serif;font-size:13px;font-weight:600}.work-info p{color:#dcd7e1d1;margin:0;font-family:Geist,sans-serif;font-size:clamp(13px,1.1vw,15px);font-weight:300;line-height:1.6}.work-image{border-radius:12px;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.work-image-in{border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.work-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--accentColor);opacity:0;z-index:5;background-color:#0b080cd9;border:1px solid #ff8b8b4d;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .3s;display:flex;position:absolute;bottom:12px;right:12px}.work-image a:hover .work-link{opacity:1;transform:scale(1.08)}.work-image img{object-fit:cover;border-radius:12px;width:100%;max-height:300px;transition:transform .4s}.work-image-in:hover img{transform:scale(1.03)}.work-box-cta{border-right:none;justify-content:center;align-items:center;display:flex}.see-all-works{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.see-all-works h3{color:#fff;font-family:Geist,sans-serif;font-size:clamp(24px,2.5vw,34px);font-weight:600}.see-all-works p{color:#ffffffa6;max-width:250px;font-family:Geist,sans-serif;font-size:14px;line-height:1.6}.see-all-btn{color:#fff;background:var(--accentColor);text-transform:uppercase;letter-spacing:1px;border-radius:30px;padding:14px 32px;font-family:Geist,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.see-all-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 30px #cf595973}@media only screen and (max-width:1024px){.work-container{padding:0 50px}.work-box{width:360px;padding:35px 25px}}@media only screen and (max-width:768px){.work-section{height:auto;min-height:auto;padding:60px 0}.work-container{padding:0 20px}.work-flex{flex-direction:column;width:100%;margin-left:0;padding-right:0}.work-box{border-bottom:1px solid #ffffff1f;border-right:none;gap:20px;width:100%;max-width:100%;padding:35px 15px}.work-flex .work-box:nth-child(2n){flex-direction:column}.work-section h2{margin-top:30px;margin-bottom:30px;font-size:36px}.work-image img{max-height:220px}.work-box-cta{border-bottom:none;padding:40px 15px}}
.techstack-new{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 0;display:flex;position:relative;overflow:hidden}.techstack-content{z-index:2;width:100%;max-width:1000px;margin:0 auto;padding:0 20px;position:relative}.techstack-content h2.title{text-align:center;color:#fff;letter-spacing:1px;-webkit-text-fill-color:initial;white-space:nowrap;background:0 0;margin-bottom:50px;font-family:Geist,sans-serif;font-size:calc(3.5vw + 20px);font-weight:600;line-height:1.15}.techstack-content h2.title .hat-h2{font-style:italic}.techstack-content h2.title .do-h2{color:var(--accentColor)}.techstack-pyramid{flex-direction:column;align-items:center;gap:12px;display:flex}.techstack-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.techstack-item{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:55px;height:68px;padding:8px;text-decoration:none;transition:all .3s;display:flex}.techstack-item:hover{border-color:var(--accentColor);background:#d7a2a21a;transform:translateY(-6px)scale(1.08);box-shadow:0 8px 30px #d7a2a240}.techstack-item img{object-fit:contain;filter:grayscale()contrast(1.2)brightness(1.5);opacity:.85;width:30px;height:30px;transition:filter .3s,opacity .3s}.techstack-item:hover img{filter:none;opacity:1}.techstack-item span{color:#ffffffb3;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:50px;margin-top:5px;font-size:9px;overflow:hidden}.techstack-item:hover span{color:#fff}@media screen and (max-width:1200px){.techstack-content{max-width:900px}.techstack-item{width:50px;height:62px}.techstack-item img{width:26px;height:26px}.techstack-item span{font-size:8px}}@media screen and (max-width:900px){.techstack-content h2{margin-bottom:35px;font-size:50px}.techstack-pyramid,.techstack-row{gap:8px}.techstack-item{width:45px;height:56px;padding:6px}.techstack-item img{width:22px;height:22px}.techstack-item span{max-width:42px;font-size:7px}}@media screen and (max-width:600px){.techstack-content h2{font-size:36px}.techstack-pyramid,.techstack-row{gap:6px}.techstack-item{border-radius:8px;width:40px;height:50px;padding:5px}.techstack-item img{width:20px;height:20px}.techstack-item span{max-width:38px;margin-top:3px;font-size:6px}}
.cta-section{background-color:var(--backgroundColor);justify-content:center;align-items:center;width:100%;padding:80px 20px;display:flex}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.cta-btn{letter-spacing:.3px;border-radius:8px;align-items:center;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.cta-btn-play{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.cta-btn-play:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 30px #ffffff1a}.cta-btn-hire{background:var(--accentColor);color:#fff;border:1px solid var(--accentColor)}.cta-btn-hire:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d7a2a259}@media only screen and (max-width:768px){.cta-section{padding:60px 20px}.cta-buttons{flex-direction:column;gap:15px}.cta-btn{justify-content:center;padding:12px 28px}}