@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@600;700&family=Space+Grotesk:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Sora:wght@700;800&display=swap";.loader{z-index:9999;color:#f7fbff;background:radial-gradient(circle,#7df9ff21,#0000 32%),linear-gradient(#020304 0%,#05070a 100%);place-items:center;transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),visibility 1s;display:grid;position:fixed;inset:0;overflow:hidden}.loader:before{content:"";opacity:.13;background:linear-gradient(#0000 0 49%,#ffffff09 50%,#0000 51%) 0 0/100% 7px;position:absolute;inset:0}.loader-hidden{opacity:0;filter:blur(18px);visibility:hidden;pointer-events:none;transform:scale(1.04)}.loader-marquee{pointer-events:none;z-index:2;width:100vw;position:absolute;left:0;overflow:hidden}.loader-marquee-top{top:calc(50% - 132px)}.loader-marquee-bottom{top:calc(50% + 92px)}.loader-marquee-track{color:#f7fbff;letter-spacing:-.07em;text-transform:uppercase;white-space:nowrap;will-change:transform;gap:5vw;width:max-content;font-size:clamp(26px,7.4vw,82px);font-weight:950;line-height:.84;display:flex}.loader-marquee-track span{white-space:nowrap;display:block}.loader-left-to-right{animation:7s linear infinite moveLeftToRight;transform:translate(-50%)}.loader-right-to-left{animation:7s linear infinite moveRightToLeft}.loader-center{z-index:4;text-align:center;gap:13px;width:min(470px,76vw);display:grid;position:relative}.loader-count{letter-spacing:-.08em;color:#f8fbff;text-shadow:0 0 44px #7df9ff2e;font-family:JetBrains Mono,monospace;font-size:clamp(48px,11.5vw,104px);font-weight:700;line-height:.82}.loader-bar{background:#ffffff29;height:2px;display:block;position:relative;overflow:visible}.loader-bar:before,.loader-bar:after{content:"";background:#f8fbff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 16px #7df9ffcc}.loader-bar:before{left:0}.loader-bar:after{right:0}.loader-bar span{background:linear-gradient(90deg,#7df9ff,#fff);height:2px;transition:width 90ms linear;display:block;box-shadow:0 0 24px #7df9ffcc}.loader-caption{color:var(--accent);letter-spacing:.34em;text-transform:uppercase;font-size:9px;font-weight:950}.loader-welcome{z-index:5;color:#f8fbff;letter-spacing:-.08em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,11vw,126px);font-weight:700;animation:.7s cubic-bezier(.16,1,.3,1) both welcomeIn;position:relative}@keyframes moveLeftToRight{0%{transform:translate(-55%)}to{transform:translate(0)}}@keyframes moveRightToLeft{0%{transform:translate(0)}to{transform:translate(-55%)}}@keyframes welcomeIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=860px){.loader-marquee-top{top:calc(50% - 104px)}.loader-marquee-bottom{top:calc(50% + 72px)}.loader-marquee-track{gap:9vw;font-size:clamp(34px,13.2vw,66px)}.loader-center{gap:11px;width:min(74vw,330px)}.loader-bar,.loader-bar span{height:2px}.loader-caption{font-size:8px}.loader-count{font-size:clamp(44px,14vw,78px)}}.hero-page{color:#f7f7f7;opacity:0;background:#000;min-height:220svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .65s}.hero-page.hero-ready{opacity:1}.hero-section{isolation:isolate;background:radial-gradient(circle at 51% 56%,#00f6ff21 0%,#00f6ff0d 22%,#0000 47%),radial-gradient(circle at 50% 100%,#ffffff17 0%,#0000 37%),#000;min-height:100svh;position:sticky;top:0;overflow:hidden}.hero-section:before{content:"";z-index:-4;opacity:.42;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 58%,#000 0%,#0000 68%);mask-image:radial-gradient(circle at 50% 58%,#000 0%,#0000 68%)}.hero-section:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#00000070 0%,#0000 22% 66%,#00000094 100%),radial-gradient(circle,#0000 0% 50%,#000000a3 100%);position:absolute;inset:0}.hero-corner-light{z-index:-3;pointer-events:none;background:radial-gradient(circle,#00ffff57 0%,#00ffff21 36%,#00ffff0a 58%,#0000 74%);border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;left:-125px}.hero-grid-light{z-index:-3;aspect-ratio:1;filter:blur(18px);opacity:.74;pointer-events:none;background:radial-gradient(circle,#00f6ff42 0%,#00f6ff14 35%,#0000 68%);border-radius:50%;width:82vw;max-width:840px;position:absolute;bottom:-14%;left:50%;transform:translate(-50%)}.hero-orb{z-index:-2;pointer-events:none;filter:blur(18px);opacity:.5;border-radius:999px;animation:5s ease-in-out infinite heroPulse;position:absolute}.hero-orb-one{background:#00f6ff2e;width:120px;height:120px;top:21%;right:11%}.hero-orb-two{background:#ff006026;width:92px;height:92px;animation-delay:1.4s;bottom:22%;left:12%}.hero-brand{z-index:8;color:#f7f7f7;letter-spacing:-.055em;text-shadow:0 0 22px #00f6ff33;margin:0;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:800;line-height:1;position:absolute;top:24px;left:19px}.hero-nav{z-index:8;flex-direction:column;align-items:flex-end;gap:17px;min-width:74px;display:flex;position:absolute;top:24px;right:18px}.hero-nav a{color:#f7f7f7;text-align:right;letter-spacing:-.055em;opacity:.86;width:100%;font-size:14px;font-weight:800;line-height:1;text-decoration:none;transition:color .25s,opacity .25s,transform .25s;display:block}.hero-nav a:hover{color:#00f6ff;opacity:1;transform:translate(-4px)}.hero-intro{z-index:8;pointer-events:none;transform:translate3d(var(--intro-x,0),0,0);opacity:var(--intro-opacity,1);transition:opacity 80ms linear;position:absolute;top:91px;left:19px;right:12px}.hero-intro p{color:#00f6ff;letter-spacing:-.055em;text-shadow:0 0 18px #00f6ff57;margin:0 0 7px;font-size:24px;font-weight:400;line-height:.95}.hero-intro h1,.hero-glitch-title{color:#f7f7f7;letter-spacing:-.055em;text-shadow:0 18px 45px #000000b3;width:min(86vw,760px);min-height:56px;margin:0;font-size:24px;font-weight:800;line-height:.96;display:block;position:relative}.hero-glitch-title:after{content:"";opacity:0;transform-origin:0;background:linear-gradient(90deg,#0000,#00f6fff2,#ff0050cc,#0000);height:2px;animation:9s step-end infinite heroScanFlash;position:absolute;top:50%;left:-4px;right:0;transform:translateY(-50%)scaleX(0)}.hero-glitch-word{opacity:0;filter:drop-shadow(0 0 16px #00f6ff29);will-change:opacity,transform,clip-path;gap:1px;display:grid;position:absolute;inset:0 auto auto 0;transform:translate(0,0)}.hero-glitch-word span{display:block}.hero-glitch-word:before,.hero-glitch-word:after{content:attr(data-text);opacity:0;white-space:nowrap;pointer-events:none;width:100%;position:absolute;top:0;left:0}.hero-glitch-word:before{color:#00f6ff;text-shadow:0 0 14px #00f6ffc7;transform:translate(-2px)}.hero-glitch-word:after{color:#ff004c;text-shadow:0 0 14px #ff004cb3;transform:translate(2px)}.hero-glitch-word-name{animation:9s step-end infinite heroWordName,9s step-end infinite heroGlitchHit}.hero-glitch-word-name:before,.hero-glitch-word-name:after{animation:9s step-end infinite heroRgbName}.hero-glitch-word-developer{animation:9s step-end infinite heroWordDeveloper,9s step-end infinite heroGlitchHit}.hero-glitch-word-developer:before,.hero-glitch-word-developer:after{animation:9s step-end infinite heroRgbDeveloper}.hero-glitch-word-designer{animation:9s step-end infinite heroWordDesigner,9s step-end infinite heroGlitchHit}.hero-glitch-word-designer:before,.hero-glitch-word-designer:after{animation:9s step-end infinite heroRgbDesigner}.hero-character-wrap{z-index:4;width:min(82vw,430px);height:min(76svh,640px);transform:translate3d(calc(-50% + var(--character-x,0px)),0,0) rotate(var(--character-rotate,0deg));opacity:var(--character-opacity,1);pointer-events:none;will-change:transform,opacity;margin:0;position:absolute;bottom:-3px;left:50%}.hero-character-backlight{z-index:-2;aspect-ratio:1;filter:blur(16px);background:radial-gradient(circle,#00f6ff47 0%,#00f6ff21 32%,#ff005614 50%,#0000 72%);border-radius:50%;width:96%;animation:4.8s ease-in-out infinite heroGlow;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-character{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 0 18px #00f6ff26)drop-shadow(0 28px 52px #000000b8);-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:min(74svh,630px);animation:4.8s ease-in-out infinite heroFloat;display:block;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.hero-character-shadow{z-index:1;filter:blur(8px);opacity:.92;background:radial-gradient(#000000db 0%,#00f6ff1f 45%,#0000 72%);border-radius:50%;width:72%;height:34px;animation:4.8s ease-in-out infinite heroShadow;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-banner{z-index:6;transform:translate3d(var(--about-x,112vw),0,0) scale(var(--about-scale,.9));opacity:var(--about-opacity,0);pointer-events:none;will-change:transform,opacity;place-items:center;padding:88px 18px 34px;display:grid;position:absolute;inset:0}.about-hud-frame{clip-path:polygon(0 22px,22px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#070c12d1,#1300069e),radial-gradient(circle at 16% 12%,#ff004038,#0000 32%),radial-gradient(circle at 85% 70%,#00f6ff2e,#0000 36%);border:1px solid #00f6ff9e;grid-template-rows:auto 1fr auto;gap:20px;width:min(92vw,920px);min-height:min(62svh,560px);padding:22px;display:grid;position:relative;box-shadow:0 0 42px #00f6ff2e,inset 0 0 44px #00f6ff14,inset 0 0 64px #ff003612}.about-hud-frame:before{content:"";clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);pointer-events:none;border:1px solid #ff003e5c;position:absolute;inset:8px}.about-hud-frame:after{content:"";mix-blend-mode:screen;opacity:.22;pointer-events:none;background:repeating-linear-gradient(#ffffff0e 0 1px,#0000 1px 8px);animation:3.4s linear infinite hudScan;position:absolute;inset:0}.about-hud-topline,.about-hud-stats{z-index:2;color:#00f6ff;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:10px;font-family:Space Grotesk,Inter,sans-serif;font-size:11px;font-weight:800;display:flex;position:relative}.about-hud-topline span:last-child{color:#ff2b4f}.about-hud-core{z-index:2;align-self:center;max-width:720px;position:relative}.about-kicker{color:#00f6ff;letter-spacing:.22em;background:#00f6ff14;border:1px solid #00f6ff59;margin-bottom:12px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 18px #00f6ff1f}.about-hud-core h2{letter-spacing:-.075em;color:#f7f7f7;text-shadow:4px 0 #ff0040cc,-4px 0 #00f6ffc7,0 0 34px #00f6ff3d;margin:0 0 18px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(46px,11vw,118px);font-weight:800;line-height:.82}.about-hud-core p{color:#f7f7f7d1;letter-spacing:-.025em;max-width:670px;margin:0 0 14px;font-size:clamp(14px,2.2vw,19px);line-height:1.55}.about-hud-stats{flex-wrap:wrap;justify-content:flex-start;align-items:center}.about-hud-stats span{color:#f7f7f7;background:linear-gradient(90deg,#ff00402e,#00f6ff14);border:1px solid #ff004059;padding:9px 12px;box-shadow:0 0 18px #ff00401f}@keyframes heroWordName{0%,25%,75%,to{opacity:1}25.1%,74.9%{opacity:0}}@keyframes heroWordDeveloper{0%,24.9%{opacity:0}25%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes heroWordDesigner{0%,49.9%{opacity:0}50%,74.9%{opacity:1}75%,to{opacity:0}}@keyframes heroRgbName{0%,21%,27%,71%,78%,to{opacity:0;clip-path:inset(0)}22%{opacity:.95;clip-path:inset(0 0 58%)}23%{opacity:.7;clip-path:inset(52% 0 18%)}24%{opacity:.95;clip-path:inset(12% 0 64%)}72%{opacity:.9;clip-path:inset(34% 0 38%)}73%{opacity:.7;clip-path:inset(4% 0 74%)}74%{opacity:.95;clip-path:inset(68% 0 8%)}}@keyframes heroRgbDeveloper{0%,46%,52%,to{opacity:0;clip-path:inset(0)}47%{opacity:.95;clip-path:inset(8% 0 66%)}48%{opacity:.7;clip-path:inset(48% 0 22%)}49%{opacity:.95;clip-path:inset(64% 0 6%)}}@keyframes heroRgbDesigner{0%,71%,77%,to{opacity:0;clip-path:inset(0)}72%{opacity:.95;clip-path:inset(18% 0 52%)}73%{opacity:.7;clip-path:inset(58% 0 12%)}74%{opacity:.95;clip-path:inset(6% 0 70%)}}@keyframes heroGlitchHit{0%,21%,26%,46%,51%,71%,76%,to{filter:drop-shadow(0 0 16px #00f6ff29);transform:translate(0,0)skew(0)}22%,47%,72%{filter:drop-shadow(0 0 22px #00f6ff6b);transform:translate(-6px,1px)skew(-7deg)}23%,48%,73%{transform:translate(7px,-1px)skew(8deg)}24%,49%,74%{transform:translate(-3px)skew(-3deg)}25%,50%,75%{transform:translate(0,0)skew(0)}}@keyframes heroScanFlash{0%,21%,26%,46%,51%,71%,76%,to{opacity:0;transform:translateY(-50%)scaleX(0)}22%,47%,72%{opacity:1;transform:translateY(-50%)scaleX(1)}24%,49%,74%{opacity:.65;transform:translateY(30%)scaleX(.78)}25%,50%,75%{opacity:0;transform:translateY(-50%)scaleX(0)}}@keyframes heroFloat{0%,to{transform:translate(-50%)translateY(0)rotate(0)}50%{transform:translate(-50%)translateY(-12px)rotate(-.8deg)}}@keyframes heroShadow{0%,to{opacity:.86;transform:translate(-50%)scaleX(1)}50%{opacity:.58;transform:translate(-50%)scaleX(.88)}}@keyframes heroGlow{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}@keyframes heroPulse{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.68;transform:scale(1.12)}}@keyframes hudScan{0%{background-position:0 -80px}to{background-position:0 80px}}@media (width>=641px){.hero-brand{font-size:29px;top:46px;left:34px}.hero-nav{gap:24px;min-width:122px;top:46px;right:54px}.hero-nav a{font-size:23px}.hero-intro{top:145px;left:34px}.hero-intro p{font-size:39px}.hero-intro h1,.hero-glitch-title{min-height:86px;font-size:40px}.hero-glitch-word{gap:2px}.hero-character-wrap{width:min(49vw,555px);height:min(86svh,735px);bottom:-7px}.hero-character{height:min(85svh,730px)}.about-banner{padding:104px 34px 42px}.about-hud-frame{padding:32px}}@media (width>=1024px){.hero-brand{top:48px;left:56px}.hero-nav{top:48px;right:64px}.hero-intro{top:148px;left:56px}.hero-intro p{font-size:clamp(42px,4vw,66px)}.hero-intro h1,.hero-glitch-title{min-height:clamp(95px,9vw,150px);font-size:clamp(44px,4.25vw,72px)}.hero-character-wrap{width:min(43vw,630px);height:min(89svh,800px)}.hero-character{height:min(89svh,790px)}.about-hud-frame{width:min(82vw,980px)}}@media (width<=380px){.hero-brand{font-size:16px;top:22px;left:18px}.hero-nav{min-width:70px;top:22px;right:16px}.hero-nav a{font-size:13px}.hero-intro{top:87px;left:18px}.hero-intro p{font-size:23px}.hero-intro h1,.hero-glitch-title{min-height:52px;font-size:22px}.hero-character-wrap{width:86vw;height:72svh}.hero-character{height:70svh}.about-hud-frame{min-height:64svh;padding:18px}.about-hud-topline{font-size:9px}.about-hud-core h2{font-size:44px}}@media (height<=690px){.hero-character-wrap{width:min(72vw,375px);height:69svh}.hero-character{height:67svh}.about-hud-frame{min-height:62svh}.about-hud-core h2{font-size:42px}.about-hud-core p{font-size:13px;line-height:1.42}}@media (prefers-reduced-motion:reduce){.hero-character,.hero-character-shadow,.hero-character-backlight,.hero-orb,.hero-glitch-word,.hero-glitch-word:before,.hero-glitch-word:after,.hero-glitch-title:after,.about-hud-frame:after{animation:none}.hero-glitch-word-name{opacity:1}.hero-glitch-word-developer,.hero-glitch-word-designer{opacity:0}.hero-nav a{transition:none}}html.portfolio-locked,body.portfolio-locked{overscroll-behavior:none;touch-action:none;width:100%;height:100%;overflow:hidden}.hero-page{height:100svh;overflow:hidden;min-height:100svh!important}.hero-section{height:100svh;min-height:100svh;background:#000!important;position:relative!important}.hero-section:before,.hero-section:after,.hero-corner-light,.hero-grid-light,.hero-orb,.tech-marquee-layer{display:none!important}.tech-marquee{animation:none!important}.tech-marquee-layer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.about-banner{background:#000!important}.about-banner>div[aria-hidden=true],.about-character-wrap>div[aria-hidden=true]{display:none!important}.about-character-wrap img{filter:none!important}.hero-character-wrap,.hero-intro,.about-banner,.hero-brand,.hero-nav{will-change:transform, opacity;backface-visibility:hidden;transform-style:preserve-3d;transition-duration:.14s!important;transition-timing-function:cubic-bezier(.16,1,.3,1)!important}.what-i-do-page{will-change:transform, opacity;backface-visibility:hidden;transform-style:preserve-3d;contain:layout paint;transform:translate3d(0, calc((1 - var(--what-opacity,0)) * 86svh), 0) scale(var(--what-scale,1))!important;transition-duration:.18s!important;transition-timing-function:cubic-bezier(.16,1,.3,1)!important}.works-page{visibility:hidden;will-change:transform, opacity;backface-visibility:hidden;transform-style:preserve-3d;contain:layout paint;transform:translate3d(0, calc(var(--works-y,100svh) + 24svh), 0)!important;opacity:0!important;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),visibility 0s linear .18s!important}.hero-page[style*="--works-opacity: 0.25"] .works-page,.hero-page[style*="--works-opacity: 0.3"] .works-page,.hero-page[style*="--works-opacity: 0.4"] .works-page,.hero-page[style*="--works-opacity: 0.5"] .works-page,.hero-page[style*="--works-opacity: 0.6"] .works-page,.hero-page[style*="--works-opacity: 0.7"] .works-page,.hero-page[style*="--works-opacity: 0.8"] .works-page,.hero-page[style*="--works-opacity: 0.9"] .works-page,.hero-page[style*="--works-opacity: 1"] .works-page{visibility:visible;transform:translate3d(0, var(--works-y,100svh), 0)!important;opacity:var(--works-opacity,0)!important;transition-delay:0s!important}.hero-character,.about-character-wrap img,.what-i-do-shell,.what-i-do-copy,.what-i-do-cards,.works-shell,.works-copy,.works-projects,.works-globe-stage{backface-visibility:hidden;will-change:transform, opacity;transform:translateZ(0)}.what-card,.work-project-card{transition-duration:.2s!important;transition-timing-function:cubic-bezier(.16,1,.3,1)!important}.works-stars,.works-orbit,.works-globe-glow{will-change:transform, opacity;animation-duration:18s!important}@media (width<=640px){.works-stars,.works-orbit,.works-globe-glow{opacity:.55!important}}.about-copy span{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif!important}.about-copy h2{display:none!important}.about-copy p{color:#f7f7f7d6!important;letter-spacing:-.018em!important;text-align:center!important;text-shadow:0 14px 30px #000000bd!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#00000057!important;border:1px dashed #ffffff3d!important;border-radius:0!important;width:min(88vw,650px)!important;max-width:650px!important;margin:24px auto 0!important;padding:22px 20px 24px!important;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(.9rem,2.85vw,1.04rem)!important;font-weight:500!important;line-height:1.62!important;position:relative!important;overflow:visible!important;box-shadow:0 0 34px #00f6ff1f,inset 0 0 28px #00f6ff0b,0 22px 58px #00000075!important}.about-copy p:before,.about-copy p:after{content:"";pointer-events:none;width:22px;height:22px;position:absolute}.about-copy p:before{border-top:5px solid #ffffffeb;border-left:5px solid #ffffffeb;top:-5px;left:-5px}.about-copy p:after{border-bottom:5px solid #ffffffeb;border-right:5px solid #ffffffeb;bottom:-5px;right:-5px}.about-character-wrap{transform:translate(-5px,calc(5.5svh - 10px))!important}.about-character-wrap>div:first-child{filter:blur(9px)!important;background:radial-gradient(#000000e6 0%,#00f6ff33 45%,#0000 78%)!important;width:72%!important;height:34px!important}.about-character-wrap>div:nth-child(2){filter:blur(22px)!important;background:radial-gradient(circle,#00f6ff4d 0%,#00f6ff21 34%,#ff005614 55%,#0000 74%)!important;width:86%!important;bottom:-3%!important}.about-character-wrap img{content:url(/about-character.png?v=2)!important;filter:drop-shadow(0 0 20px #00f6ff38)drop-shadow(0 28px 54px #000000c7)!important;max-width:92%!important;height:min(68svh,520px)!important}.what-i-do-shell{pointer-events:auto!important}.what-card{padding-bottom:52px!important}.what-card-number{color:#0000!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;background:#00000024!important;border:1px solid #ffffff94!important;width:27px!important;height:27px!important;display:grid!important;bottom:18px!important;right:34px!important;transform:none!important}.what-card p:after{color:#f7f7f7c7!important;letter-spacing:.09em!important;text-transform:uppercase!important;opacity:0!important;max-height:0!important;margin-top:0!important;padding-right:0!important;font-family:Manrope,Inter,sans-serif!important;font-size:.66rem!important;font-weight:800!important;line-height:1.9!important;transition:max-height .32s,margin-top .32s,opacity .24s,transform .24s!important;display:block!important;overflow:hidden!important;transform:translateY(-6px)!important}.what-card:first-child p:after{content:"React  •  Next.js  •  JavaScript  •  TypeScript  •  Node.js  •  Firebase"!important}.what-card:nth-child(2) p:after{content:"Figma  •  Photoshop  •  Illustrator  •  Canva  •  Branding  •  UI/UX"!important}.what-card:nth-child(3) p:after{content:"SEO  •  Vercel  •  GitHub  •  Performance  •  Responsive QA  •  Launch Fixes"!important}.what-card:hover p:after,.what-card:active p:after,.what-card:focus-within p:after,.what-card-open p:after{opacity:1!important;max-height:90px!important;margin-top:12px!important;transform:translateY(0)!important}.what-card:hover .what-card-number,.what-card:active .what-card-number,.what-card:focus-within .what-card-number,.what-card-open .what-card-number{background:#ffffff14!important;border-color:#fffc!important}.what-card:hover .what-card-number:after,.what-card:active .what-card-number:after,.what-card:focus-within .what-card-number:after,.what-card-open .what-card-number:after{transform:translateY(2px)rotate(225deg)!important}@media (width<=420px){.about-copy p{width:min(86vw,360px)!important;margin-top:22px!important;padding:20px 18px 22px!important;font-size:.9rem!important;line-height:1.58!important}.about-character-wrap img{content:url(/about-character.png?v=2)!important;max-width:88%!important;height:min(62svh,470px)!important}.what-card{padding-bottom:50px!important}.what-card-number{bottom:16px!important;right:34px!important}}.what-i-do-page{z-index:7;opacity:1;transform:translate3d(0, calc((1 - var(--what-opacity,0)) * 104svh), 0);pointer-events:none;will-change:transform;padding:34px 22px 18px;display:block;position:absolute;inset:0;overflow:hidden}.what-i-do-bg{z-index:0;background:linear-gradient(115deg,#ffffff0e 0%,#0000 22%),radial-gradient(circle at 50% 10%,#ffffff0b 0%,#0000 28%),radial-gradient(circle at 50% 100%,#ffffff09 0%,#0000 34%),linear-gradient(#050505 0%,#000 48%,#030303 100%);position:absolute;inset:0}.what-i-do-bg:before{content:"";opacity:.75;pointer-events:none;background:linear-gradient(135deg,#0000 0%,#ffffff09 42%,#0000 72%),radial-gradient(circle at 18% 6%,#ffffff0e,#0000 24%);position:absolute;inset:0}.what-i-do-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0% 50%,#000000c2 100%);position:absolute;inset:0}.what-i-do-grid{display:none}.what-i-do-shell{z-index:2;pointer-events:auto;flex-direction:column;gap:22px;width:min(100%,760px);min-height:calc(100svh - 52px);margin:0 auto;display:flex;position:relative}.what-i-do-copy{text-align:center;width:100%;max-width:none;opacity:clamp(0, calc((var(--what-opacity,0) - .28) * 3.2), 1);transform:translate3d(0, calc((1 - var(--what-opacity,0)) * 22px), 0)}.what-i-do-kicker{color:#00f6ff;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 18px #00f6ff57;justify-content:center;align-items:center;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:800;display:inline-flex}.what-i-do-copy h2,.what-i-do-copy p{display:none}.what-i-do-cards{opacity:clamp(0, calc((var(--what-opacity,0) - .72) * 5), 1);gap:0;display:grid;position:relative;transform:translateY(30px)}.what-i-do-cards:before{display:none}.what-card{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;transform:translate3d(0, calc((1 - var(--what-opacity,0)) * 28px), 0);background:#00000014;border:1px dashed #fff3;border-radius:0;padding:20px 34px 52px;transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .28s,background .28s,box-shadow .28s;position:relative;overflow:hidden}.what-card:first-child{opacity:clamp(0, calc((var(--what-opacity,0) - .74) * 5), 1)}.what-card:nth-child(2){opacity:clamp(0, calc((var(--what-opacity,0) - .8) * 5), 1);margin-top:-1px}.what-card:nth-child(3){margin-top:-1px;opacity:1!important}.what-card:nth-child(3),.what-card:nth-child(3) *{opacity:1!important;filter:none!important}.what-card:hover,.what-card:active,.what-card-open{transform:translate3d(0, calc(((1 - var(--what-opacity,0)) * 28px) - 4px), 0);background:#ffffff06;border-color:#ffffff75;box-shadow:inset 0 0 24px #ffffff09,0 18px 44px #00000057}.what-card:before,.what-card:after{content:"";width:20px;height:20px;box-shadow:none;pointer-events:none;background:0 0;border-radius:0;transition:transform .28s,border-color .28s;position:absolute;transform:scale(.9)}.what-card:before{border-top:5px solid #f7f7f7;border-left:5px solid #f7f7f7;top:-5px;left:-5px}.what-card:after{border-bottom:5px solid #f7f7f7;border-right:5px solid #f7f7f7;bottom:-5px;right:-5px}.what-card:hover:before,.what-card:hover:after,.what-card:active:before,.what-card:active:after,.what-card-open:before,.what-card-open:after{border-color:#fff;transform:scale(1.06)}.what-card-number{z-index:4;color:#0000;opacity:1;cursor:pointer;pointer-events:auto;background:#00000024;border:1px solid #ffffff94;place-items:center;width:27px;height:27px;font-size:0;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,background .28s;display:grid;position:absolute;bottom:16px;right:34px;transform:none}.what-card-number:after{content:"";border-bottom:2px solid #ffffffeb;border-right:2px solid #ffffffeb;width:10px;height:10px;transform:translateY(-1px)rotate(45deg)}.what-card h3{color:#0000;margin:0 0 8px;font-size:0;line-height:.9;position:relative}.what-card h3:before{color:#f4f1f8;letter-spacing:-.07em;text-transform:uppercase;font-family:Sora,Space Grotesk,Inter,sans-serif;font-size:clamp(1.8rem,6.8vw,3rem);font-weight:900;line-height:.86;transition:color .28s,text-shadow .28s,transform .28s;display:block}.what-card:hover h3:before,.what-card:active h3:before,.what-card-open h3:before{color:#fff;text-shadow:0 0 18px #ffffff29;transform:translateY(-1px)}.what-card:first-child h3:before{content:"DEVELOP"}.what-card:nth-child(2) h3:before{content:"DESIGN"}.what-card:nth-child(3) h3:before{content:"DELIVER";text-shadow:0 0 18px #ffffff2e;color:#fff!important;opacity:1!important;filter:none!important}.what-card h3:after{content:"Description";color:#ffffff24;letter-spacing:.015em;text-transform:none;margin-top:8px;font-family:Manrope,Inter,sans-serif;font-size:clamp(.82rem,2.6vw,1rem);font-weight:500;line-height:1;display:block}.what-card:nth-child(3) h3:after{color:#ffffff6b!important;opacity:1!important}.what-card p{color:#f7f7f79e;letter-spacing:.012em;overflow-wrap:break-word;max-width:calc(100% - 8px);margin:12px 0 0;font-family:Manrope,Inter,sans-serif;font-size:clamp(.74rem,2.28vw,.9rem);line-height:1.4;transition:color .28s,transform .28s;position:relative}.what-card:hover p,.what-card:active p,.what-card-open p{color:#ffffffc7;transform:translateY(-1px)}.what-card:nth-child(3) p{color:#ffffffd1!important;opacity:1!important}.what-card-stack{opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;width:100%;max-width:calc(100% - 38px);max-height:0;margin:0 38px 0 0;transition:max-height .32s,margin-top .32s,opacity .24s,transform .24s;display:flex;overflow:hidden;transform:translateY(-6px)}.what-card-open .what-card-stack{opacity:1;pointer-events:auto;max-height:128px;margin-top:12px;transform:translateY(0)}.what-card-stack span{color:#f7f7f7d1;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;background:#00f6ff0f;border:1px solid #00f6ff3d;flex:none;justify-content:center;align-items:center;min-height:22px;padding:4px 8px;font-family:Manrope,Inter,sans-serif;font-size:.55rem;font-weight:800;line-height:1;display:inline-flex!important}.what-card-active{box-shadow:none;border-color:#fff3;scale:1}@media (width>=860px){.what-i-do-page{padding:44px 44px 28px}.what-i-do-shell{gap:26px;width:min(84vw,980px);min-height:calc(100svh - 72px);display:flex}.what-card{padding:22px 52px 54px}.what-card:nth-child(2),.what-card-active{transform:translate3d(0, calc((1 - var(--what-opacity,0)) * 28px), 0)}.what-card:nth-child(2):hover,.what-card-active:hover,.what-card:nth-child(2):active,.what-card-active:active,.what-card-open{transform:translate3d(0, calc(((1 - var(--what-opacity,0)) * 28px) - 4px), 0)}.what-card h3:before{font-size:clamp(2.2rem,4vw,3.5rem)}.what-card p{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.what-card,.what-card:before,.what-card:after,.what-card-number,.what-card h3:before,.what-card p,.what-card-stack{transition:none}}.what-card{overflow:hidden!important}.what-card-number{place-items:center!important;width:27px!important;height:27px!important;display:grid!important}.what-card-number:after{transform:translateY(-1px)rotate(45deg)!important}.what-card p{overflow-wrap:break-word!important;max-width:calc(100% - 8px)!important}.what-card p:after,.what-card:hover p:after,.what-card:active p:after,.what-card:focus-within p:after,.what-card-open p:after{content:none!important;opacity:0!important;max-height:0!important;margin-top:0!important;display:none!important}.what-card:hover .what-card-number:after,.what-card:active .what-card-number:after,.what-card:focus-within .what-card-number:after{transform:translateY(-1px)rotate(45deg)!important}.what-card-stack{opacity:0!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;width:100%!important;max-width:calc(100% - 46px)!important;max-height:0!important;margin:0 46px 0 0!important;transition:max-height .32s,margin-top .32s,opacity .24s,transform .24s!important;display:flex!important;overflow:hidden!important;transform:translateY(-6px)!important}.what-card-open .what-card-stack{opacity:1!important;max-height:120px!important;margin-top:12px!important;transform:translateY(0)!important}.what-card-stack span{color:#f7f7f7d1!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important;background:#00f6ff0f!important;border:1px solid #00f6ff3d!important;flex:0 auto!important;justify-content:center!important;align-items:center!important;max-width:100%!important;min-height:22px!important;padding:4px 8px!important;font-family:Manrope,Inter,sans-serif!important;font-size:.58rem!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.what-card-open .what-card-number{background:#ffffff14!important;border-color:#fffc!important}.what-card-open .what-card-number:after{transform:translateY(1px)rotate(225deg)!important}@media (width<=420px){.what-card-stack{gap:6px!important;max-width:calc(100% - 34px)!important;margin-right:34px!important}.what-card-stack span{padding:4px 7px!important;font-size:.55rem!important}}.works-page{z-index:8;opacity:var(--works-opacity,0);transform:translate3d(0, var(--works-y,100svh), 0);will-change:transform, opacity;padding:28px 18px 16px;position:absolute;inset:0;overflow:hidden}.works-bg,.works-stars{pointer-events:none;position:absolute;inset:0}.works-bg{z-index:0;background:radial-gradient(circle at 50% 28%,#00f6ff38 0%,#0000 26%),radial-gradient(circle at 18% 78%,#ff005621 0%,#0000 28%),radial-gradient(circle at 88% 18%,#ffffff14 0%,#0000 22%),linear-gradient(#02070a 0%,#000 52%,#030305 100%)}.works-stars{z-index:1;opacity:.58;background-image:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.5px),radial-gradient(circle,#00f6ff9e 0 1px,#0000 1.5px);background-position:0 0,20px 28px;background-size:46px 46px,78px 78px;animation:18s linear infinite worksStarDrift;-webkit-mask-image:radial-gradient(circle,#000 0% 52%,#0000 82%);mask-image:radial-gradient(circle,#000 0% 52%,#0000 82%)}.works-shell{z-index:2;grid-template-rows:auto minmax(220px,34svh) 1fr;gap:14px;width:min(100%,760px);min-height:calc(100svh - 44px);margin:0 auto;display:grid;position:relative}.works-copy{text-align:center;transform:translateY(calc((1 - var(--works-opacity,0)) * 22px))}.works-kicker{color:#00f6ff;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 18px #00f6ff5c;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:900;display:inline-flex}.works-copy h2{color:#f7f7f7;letter-spacing:-.09em;text-transform:uppercase;text-shadow:0 0 30px #00f6ff38,0 20px 54px #000000e6;margin:9px 0 8px;font-family:Sora,Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.6rem,12vw,5.8rem);font-weight:950;line-height:.82}.works-copy p{color:#f7f7f7ad;max-width:560px;margin:0 auto;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.78rem,2.7vw,.98rem);line-height:1.5}.works-globe-stage{perspective:900px;place-items:center;min-height:220px;display:grid;position:relative}.works-globe-glow{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#00f6ff4d 0%,#00f6ff1f 36%,#ff005614 52%,#0000 72%);border-radius:999px;width:min(76vw,330px);animation:4.8s ease-in-out infinite worksPulse;position:absolute}.works-globe{aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#ffffffb8 0%,#ffffff14 20%,#0000 34%),radial-gradient(circle at 72% 72%,#003c78c7 0%,#000816f2 54%,#000 100%);border:1px solid #91f4ff9e;border-radius:999px;width:min(58vw,250px);position:relative;overflow:hidden;transform:rotateX(7deg)rotate(-10deg);box-shadow:inset -24px -28px 44px #000000d1,inset 12px 10px 24px #ffffff1f,0 0 34px #00f6ff47,0 26px 60px #000000b8}.works-globe-map{opacity:.86;filter:drop-shadow(0 0 8px #00f6ff6b);background:radial-gradient(at 12% 32%,#41ffc6eb 0 5%,#0000 5.5%) 0 0/46% 100%,radial-gradient(at 26% 52%,#41ffc6bd 0 7%,#0000 7.5%) 0 0/42% 100%,radial-gradient(at 41% 27%,#41ffc6d1 0 6%,#0000 6.6%) 0 0/40% 100%,radial-gradient(at 55% 56%,#41ffc6b3 0 8%,#0000 8.8%) 0 0/44% 100%,radial-gradient(at 70% 35%,#41ffc6e0 0 5.5%,#0000 6%) 0 0/40% 100%,radial-gradient(at 85% 62%,#41ffc6bd 0 6%,#0000 6.7%) 0 0/42% 100%,linear-gradient(90deg,#0000 0 8%,#00f6ff33 8.5% 9%,#0000 9.5% 17%,#00f6ff29 17.5% 18%,#0000 18.5% 100%) 0 0/18% 100%;animation:14s linear infinite worksGlobeSpin;position:absolute;inset:-4% -80%}.works-globe-shine{border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(105deg,#ffffff4d 0%,#0000 18% 72%,#00f6ff29 100%),radial-gradient(circle at 28% 20%,#ffffff61,#0000 26%);position:absolute;inset:0}.works-globe-shadow{border-radius:inherit;background:radial-gradient(circle at 72% 62%,#0000 0% 40%,#000000ad 78%,#000000eb 100%);position:absolute;inset:0}.works-orbit{aspect-ratio:1;border:1px solid #00f6ff38;border-radius:999px;width:min(82vw,350px);position:absolute;transform:rotateX(66deg)rotate(-18deg)}.works-orbit:after{content:"";background:#00f6ff;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:-4px;box-shadow:0 0 18px #00f6ffe6}.works-orbit-one{animation:9s linear infinite worksOrbit}.works-orbit-two{border-color:#ffffff2e;width:min(68vw,295px);animation:13s linear infinite reverse worksOrbit;transform:rotateX(62deg)rotate(42deg)}.works-projects{align-content:end;gap:9px;padding-bottom:2px;display:grid}.work-project-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(calc((1 - var(--works-opacity,0)) * 22px));background:linear-gradient(135deg,#ffffff17,#ffffff06);border:1px solid #ffffff24;border-radius:18px;grid-template-columns:38px 1fr;align-items:start;gap:12px;padding:12px 13px;display:grid;box-shadow:0 14px 36px #00000057,inset 0 1px #ffffff1f}.work-project-card span{color:#00f6ff;border:1px solid #00f6ff57;border-radius:999px;place-items:center;width:34px;height:34px;font-family:Manrope,Inter,sans-serif;font-size:.72rem;font-weight:900;display:grid;box-shadow:inset 0 0 18px #00f6ff14}.work-project-card p,.work-project-card h3,.work-project-card small{margin:0}.work-project-card p{color:#ffffff75;letter-spacing:.18em;text-transform:uppercase;font-family:Manrope,Inter,sans-serif;font-size:.68rem;font-weight:800}.work-project-card h3{color:#fff;letter-spacing:-.05em;margin-top:2px;font-family:Sora,Space Grotesk,Inter,sans-serif;font-size:clamp(1.08rem,4.4vw,1.55rem);font-weight:900}.work-project-card small{color:#f7f7f79e;margin-top:5px;font-family:Manrope,Inter,sans-serif;font-size:.72rem;line-height:1.38;display:block}@keyframes worksGlobeSpin{0%{transform:translate(0)}to{transform:translate(40%)}}@keyframes worksOrbit{0%{rotate:0deg}to{rotate:360deg}}@keyframes worksPulse{0%,to{opacity:.74;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes worksStarDrift{0%{background-position:0 0,20px 28px}to{background-position:46px 46px,98px 106px}}@media (width>=860px){.works-page{padding:44px 44px 30px}.works-shell{grid-template-rows:auto 1fr;grid-template-columns:.95fr 1.05fr;align-items:center;column-gap:34px;width:min(88vw,1120px)}.works-copy{text-align:left;grid-column:1/2}.works-copy p{margin-left:0}.works-globe-stage{grid-area:1/2/3/3;min-height:520px}.works-projects{grid-column:1/2;align-content:start}.work-project-card{padding:14px 15px}}@media (height<=720px){.works-shell{grid-template-rows:auto minmax(170px,28svh) 1fr;gap:10px}.works-copy h2{font-size:clamp(2.1rem,10vw,4.8rem)}.works-copy p{display:none}.work-project-card{padding:9px 11px}.work-project-card small{display:none}}@media (prefers-reduced-motion:reduce){.works-stars,.works-globe-map,.works-orbit,.works-globe-glow{animation:none}}.what-i-do-page{transform:translate3d(calc((1 - var(--what-opacity,0)) * 104vw), 0, 0);opacity:var(--what-opacity,0);will-change:transform, opacity}.what-i-do-shell{transform:translate3d(calc((1 - var(--what-opacity,0)) * 12vw), 0, 0) scale(var(--what-scale,1));will-change:transform}.works-page{transform:translate3d(var(--works-y,100svh), 0, 0) scale(calc(.96 + (var(--works-opacity,0) * .04)));will-change:transform, opacity}.works-shell{transform:translate3d(calc((1 - var(--works-opacity,0)) * 10vw), 0, 0);will-change:transform}.works-copy{transform:translate3d(calc((1 - var(--works-opacity,0)) * 18px), calc((1 - var(--works-opacity,0)) * 12px), 0)}.works-globe-stage{transform:translate3d(calc((1 - var(--works-opacity,0)) * 24px), 0, 0) scale(calc(.9 + (var(--works-opacity,0) * .1)));opacity:clamp(0, calc(var(--works-opacity,0) * 1.3), 1);will-change:transform, opacity}.work-project-card{transform:translate3d(calc((1 - var(--works-opacity,0)) * 22px), calc((1 - var(--works-opacity,0)) * 18px), 0)}.earth-globe-canvas{z-index:3;aspect-ratio:1;filter:drop-shadow(0 28px 60px #000000b8);border-radius:999px;width:min(76vw,360px);position:relative;overflow:visible}.earth-globe-canvas canvas{display:block;width:100%!important;height:100%!important}.works-bg{background:linear-gradient(#020507 0%,#000 48%,#020202 100%)}.works-stars,.works-globe-glow,.works-orbit,.works-copy h2,.works-copy p,.works-projects{display:none!important}.works-shell{grid-template-rows:auto 1fr;place-items:center;gap:18px;min-height:calc(100svh - 44px)}.works-copy{text-align:center;align-self:end}.works-kicker{margin-top:34px}.works-globe-stage{align-self:start;width:100%;min-height:62svh}@media (width>=860px){.earth-globe-canvas{width:min(38vw,460px)}.works-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;width:min(88vw,1120px)}.works-copy,.works-globe-stage{grid-area:auto/1/auto/-1}}@media (height<=720px){.earth-globe-canvas{width:min(58vw,240px)}.works-globe-stage{min-height:50svh}}:root{--bg:#030406;--panel:#0b0d12;--panel-soft:#10141d;--text:#f5f7fb;--muted:#9aa3b2;--line:#ffffff1a;--accent:#7df9ff;--accent-soft:#7df9ff2e;--radius:28px;--max:1180px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-shell{background:#000;min-height:100svh}a{-webkit-tap-highlight-color:transparent}