#root{margin:0;padding:0;text-align:center;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-container{background-color:#050505;color:#fff;min-height:100vh;width:100vw}.hero-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff}.hero-content{text-align:center;position:relative}.hero-model-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:auto}.hero-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;width:100%;padding:3.125vw}.hero-text-overlay h1{font-size:10.2vw;line-height:1;margin:0;text-transform:uppercase;white-space:nowrap;width:100%;text-align:center;box-sizing:border-box}.normal-section{height:100vh;display:flex;justify-content:center;align-items:center;padding:3.125vw;gap:3.125vw}.video-section{height:100vh;width:100%;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}.normal-section-content{display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:start;flex:1}.aboutme{display:flex;flex-direction:column;gap:3.125vw}.aboutme p{font-size:40px;text-align:start;font-weight:500}.hero-text-overlay h2{margin:0;color:var(--main-color);text-align:start;padding-left:1.5625vw}@media(max-width:1024px){.aboutme p{font-size:32px}}.aboutme a{font-size:40px;text-align:start;font-weight:800;text-transform:lowercase;text-decoration:none;background:linear-gradient(to right,var(--green-color) 50%,white 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 2s cubic-bezier(.25,1,.5,1)}@media(max-width:1024px){.aboutme a{font-size:32px}}@media(max-width:768px){.aboutme a{font-size:24px}}.aboutme a:hover{background-position:0% 0}.immersive-text{display:block}.star-wars-sequence{display:inline}.star-wars-sequence img{height:83px;width:90px;vertical-align:baseline;cursor:pointer}.immersive-text p{display:inline;margin:0;font-size:100px;line-height:100px;text-transform:uppercase;font-weight:800}@media(max-width:1024px){.immersive-text p{font-size:70px;line-height:70px}.star-wars-sequence img,.tech-stack-sequence img,.design-sequence img{height:60px;width:65px}}.what-i-do-section{display:flex;flex-direction:column;background-color:#fff;justify-content:start;align-items:center;height:auto}.what-i-do-section h2{font-size:17vw;text-transform:uppercase;margin:0;line-height:13vw;width:100%;font-weight:900;color:var(--main-color)}.infinite-grid-wrapper{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab;background-color:#050505}.infinite-grid-wrapper:active{cursor:grabbing}.infinite-grid-items{width:100%;height:100%;position:relative}.infinite-grid-item{position:absolute;top:0;left:0;width:25vw;height:25vw;display:flex!important;justify-content:center;align-items:center;will-change:transform;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.infinite-grid-item{width:33.33vw;height:33.33vw}}.grid-content{width:calc(100% - 15px);height:calc(100% - 15px);border-radius:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border:1px solid #333;transition:transform .3s ease,border-color .3s ease;position:relative;overflow:hidden}.grid-content:hover{transform:scale(.95);border-color:#fff}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0000004d,#0000001a);z-index:1;transition:background .3s ease}.grid-content:hover .grid-overlay{background:linear-gradient(to top,#000000e6,#00000080,#0003)}.infinite-grid-container{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#050505;border-radius:20px;box-shadow:0 0 30px #00000080}.expertise-section{background-color:#050505;padding-inline:0;padding-block:3.125vw;display:flex;flex-direction:column;justify-content:start;align-items:start;height:auto}.expertise-section>h2{text-transform:lowercase;padding-inline:3.125vw;margin:0}.expertise-container{display:flex;flex-direction:column;height:100%;width:100%}.expertise-item{text-align:start;flex:1;width:100%;border-bottom:1px solid #333;padding-inline:3.125vw;padding-block:1.5625vw;display:flex;justify-content:space-between;align-items:end}.expertise-item h2{margin:0;text-transform:lowercase;font-weight:800;font-size:100px;line-height:100px;transition:transform .5s ease}@media(max-width:1024px){.expertise-item h2{font-size:70px;line-height:70px}}.expertise-item:hover h2{color:var(--green-color);transform:translate(3.125vw);transition:transform .5s ease}.expertise-item:hover span{color:var(--green-color)}.expertise-cursor{position:fixed;top:0;left:0;width:200px;height:200px;background-size:cover;background-position:center;pointer-events:none;z-index:9999;opacity:0;transform:scale(0);border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1)}@media(min-width:769px)and (max-width:1024px){.normal-section{height:100vh;display:flex;justify-content:center;align-items:center;padding:calc(100vw/22);gap:calc(100vw/22)}.expertise-section{background-color:#050505;padding-inline:0;padding-block:calc(100vw/22);display:flex;flex-direction:column;justify-content:start;align-items:start;height:auto}.expertise-section>h2{text-transform:lowercase;padding-inline:calc(100vw/22);margin:0}.expertise-item{text-align:start;flex:1;width:100%;border-bottom:1px solid #333;padding-inline:calc(100vw/22);padding-block:calc(50vw/22);display:flex;justify-content:space-between;align-items:end}.aboutme{display:flex;flex-direction:column;gap:calc(100vw/22)}.profile-pic{height:75%!important}}@media(max-width:768px){.expertise-item h2{font-size:40px;line-height:40px}.expertise-item span{font-size:16px}.expertise-item{padding-block:calc(100vw/12)}.infinite-grid-item{width:50vw;height:50vw}.normal-section{flex-direction:column;padding:calc(100vw/12);gap:calc(100vw/12);height:auto;min-height:auto}.aboutme p{font-size:24px;width:100%}.aboutme{width:100%}.immersive-text p{font-size:40px;line-height:40px}.star-wars-sequence img,.tech-stack-sequence img,.design-sequence img{height:35px;width:38px}.expertise-section{background-color:#050505;padding-inline:0;padding-block:calc(100vw/12);display:flex;flex-direction:column;justify-content:start;align-items:start;height:auto}.expertise-section>h2{text-transform:lowercase;padding-inline:calc(100vw/12);margin:0}.expertise-item{text-align:start;flex:1;width:100%;border-bottom:1px solid #333;padding-inline:calc(100vw/12);padding-block:calc(50vw/12);display:flex;justify-content:space-between;align-items:end}.hero-text-overlay h1{font-size:16vw;line-height:1;margin:0;text-transform:uppercase;white-space:wrap;width:100%;text-align:start;box-sizing:border-box}.hero-text-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);pointer-events:none;z-index:10;width:100%;padding:calc(50vw/12)}}.gallery{position:relative;width:250px;height:200px;transform-style:preserve-3d;animation:animate 20s linear infinite}.gallery span{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,rgba(0,0,0,.5))}.gallery span:nth-child(1){transform:rotateY(45deg) translateZ(400px)}.gallery span:nth-child(2){transform:rotateY(90deg) translateZ(400px)}.gallery span:nth-child(3){transform:rotateY(135deg) translateZ(400px)}.gallery span:nth-child(4){transform:rotateY(180deg) translateZ(400px)}.gallery span:nth-child(5){transform:rotateY(225deg) translateZ(400px)}.gallery span:nth-child(6){transform:rotateY(270deg) translateZ(400px)}.gallery span:nth-child(7){transform:rotateY(315deg) translateZ(400px)}.gallery span:nth-child(8){transform:rotateY(360deg) translateZ(400px)}.gallery span img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px}@keyframes animate{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(360deg)}}.header-container{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding-inline:3.125vw;padding-block:1.5625vw;z-index:100;mix-blend-mode:difference}@media(max-width:768px){.header-container{padding-inline:6.25vw;padding-block:3.125vw}}.logo-link{display:block;line-height:0}.logo-img{height:3.125vw;width:auto;object-fit:contain}@media(max-width:1024px){.logo-img{height:calc(100vw/22)}.header-container{display:flex;align-items:center;padding-inline:calc(100vw/22);padding-block:calc(50vw/22)}}.nav-container{display:flex;gap:1.5625vw;flex:1}@media(max-width:768px){.nav-container{gap:15px}.nav-logo{text-align:center}.logo-img{height:calc(100vw/12)}}.nav-link{color:#fff;text-decoration:none;font-size:24px;text-transform:lowercase;font-weight:700}.nav-link:hover{color:#535bf2;text-decoration:none;font-size:24px;text-transform:lowercase;font-weight:700}.nav-logo{flex:1}@media(max-width:768px){.nav-link,.nav-link:hover{font-size:16px}.header-container{position:fixed;top:0;left:0;width:100%;display:flex;align-items:start;padding-inline:3.125vw;padding-block:1.5625vw;z-index:100;mix-blend-mode:difference;flex-direction:column;gap:calc(50vw/12)}.header-container>:nth-child(1){order:2}.header-container>:nth-child(2){order:1}.header-container>:nth-child(3){order:3}.nav-container{flex-direction:column;gap:calc(50vw/12)}}.footer{display:flex;flex-direction:column;width:100%;background:#0a0a0a;color:#fff;box-sizing:border-box;padding:3.125vw}.footer-top{flex:1;display:flex;justify-content:space-between;align-items:top;box-sizing:border-box;padding-bottom:6.25vw;border-bottom:1px solid rgba(128,128,128,.418)}.footer-logo-link{display:block;width:3.125vw}.footer-text{width:50%}.footer-text h4{font-size:9vw;text-transform:lowercase;font-weight:900;margin:0;line-height:1}.footer-logo-img{width:100%;height:auto;display:block}.footer-bottom{display:flex;justify-content:space-between;align-items:top;box-sizing:border-box;padding-top:3.125vw;gap:3.125vw}.footer-nav-links{display:flex;flex-direction:column;gap:.5rem;justify-content:start;align-items:start}.footer-nav-link{color:#fff9;text-decoration:none;font-size:clamp(.85rem,1.1vw,1rem);transition:color .3s ease}.footer-nav-link:hover{color:#fff}.footer-bottom-column{display:flex;flex-direction:column;align-items:start;justify-content:start}.footer-bottom-container{display:flex;align-items:flex-start;gap:3.125vw}.footer-bottom-copyright{display:flex;align-items:flex-end}@media(min-width:769px)and (max-width:1024px){.footer-logo-link{display:block;width:calc(100vw/22)}}@media(max-width:768px){.footer{padding:calc(100vw/12)}.footer-top{flex-direction:column;gap:calc(100vw/12)}.footer-logo-link{display:block;width:calc(100vw/12)}.footer-text{width:100%;justify-content:start;display:flex}.footer-text h4{font-size:12vw}.footer-bottom,.footer-bottom-container{flex-direction:column;gap:calc(100vw/12)}.footer-bottom-column{flex-direction:column;gap:calc(50vw/12)}.footer-bottom-copyright{flex-direction:column;gap:calc(100vw/12);align-items:start}.footer-bottom-copyright p{font-size:12px}footer h4{margin:0}}.global-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;display:flex;justify-content:center;align-items:center}body,a,button{cursor:none}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-B5cVmYQo.woff) format("woff"),url(/assets/Satoshi-Variable-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic-DeirzIcA.woff) format("woff"),url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}*,*:before,*:after{box-sizing:border-box}:root{font-family:Satoshi,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-color: #242424;--green-color: #8FA31E;--red-color: #dd0c19}p{font-size:20px;margin:0}a{font-weight:700;color:#fff;text-decoration:inherit;mix-blend-mode:difference;font-size:20px}a:hover{font-weight:700}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}h1{font-size:3.2em;line-height:1.1;color:var(--main-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}