:root{--bg-0:#070613;--bg-1:#0c0a1f;--bg-2:#13102b;--panel:#16132e;--panel-2:#1c1839;--line:rgba(140,120,220,.14);--line-2:rgba(140,120,220,.28);--text:#ECEAF7;--text-dim:#A39CC4;--text-mute:#6B6588;--accent:#8B5CF6;--accent-2:#A78BFA;--accent-soft:rgba(139,92,246,.18);--accent-glow:rgba(139,92,246,.42);--cyan:#67E8F9;--pink:#F472B6;--shadow-lg: 0 30px 60px -20px rgba(0,0,0,.7), 0 18px 36px -18px rgba(0,0,0,.6);--radius-lg:18px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1100px 600px at 20% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(103,232,249,.08),transparent 60%),var(--bg-0);min-height:100vh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1180px;margin:0 auto;padding:0 28px}.hero{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;padding-top:64px}.hero-sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(800px 500px at 50% 20%,rgba(139,92,246,.22),transparent 60%),radial-gradient(600px 400px at 80% 40%,rgba(103,232,249,.1),transparent 60%),linear-gradient(180deg,#050416,#0a0824,#110a36)}.hero-stars,.hero-stars-2{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none}.hero-stars{background-image:radial-gradient(1px 1px at 7% 12%,#fff 100%,transparent),radial-gradient(1px 1px at 23% 28%,#fff 100%,transparent),radial-gradient(1.5px 1.5px at 36% 18%,#d6c8ff 100%,transparent),radial-gradient(1px 1px at 49% 36%,#fff 100%,transparent),radial-gradient(1px 1px at 61% 8%,#fff 100%,transparent),radial-gradient(1.5px 1.5px at 76% 30%,#c4b3ff 100%,transparent),radial-gradient(1px 1px at 88% 16%,#fff 100%,transparent),radial-gradient(1px 1px at 92% 44%,#d6c8ff 100%,transparent),radial-gradient(1px 1px at 14% 50%,#fff 100%,transparent),radial-gradient(1px 1px at 31% 62%,#fff 100%,transparent),radial-gradient(1.5px 1.5px at 56% 54%,#d6c8ff 100%,transparent),radial-gradient(1px 1px at 70% 64%,#fff 100%,transparent);background-size:1200px 700px;opacity:.85;animation:twinkle 6s ease-in-out infinite alternate}.hero-stars-2{background-image:radial-gradient(1px 1px at 18% 22%,#fff 100%,transparent),radial-gradient(1px 1px at 42% 44%,#c4b3ff 100%,transparent),radial-gradient(1px 1px at 67% 12%,#fff 100%,transparent),radial-gradient(1px 1px at 84% 38%,#fff 100%,transparent),radial-gradient(1px 1px at 9% 70%,#d6c8ff 100%,transparent),radial-gradient(1px 1px at 47% 76%,#fff 100%,transparent);background-size:900px 600px;opacity:.6;animation:twinkle 4.4s ease-in-out infinite alternate-reverse}@keyframes twinkle{0%{opacity:.4}to{opacity:.95}}.hero-moon{position:absolute;right:8%;top:14%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d6c8ff 60%,#8a7fbd);box-shadow:0 0 60px #d6c8ff59,0 0 120px #8b5cf640;z-index:-1}.hero-skyline{position:absolute;left:0;right:0;bottom:90px;z-index:-1;height:160px;opacity:.55;filter:drop-shadow(0 0 12px rgba(139,92,246,.15))}.nav{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 36px;font-size:13px}.nav .brand{display:flex;align-items:center;gap:10px;font-family:"Press Start 2P";font-size:11px;letter-spacing:1px;color:var(--text)}.nav .brand .dot{width:10px;height:10px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);border-radius:2px}.nav-links{display:flex;gap:22px;color:var(--text-dim)}.nav-links a{transition:color .2s;font-weight:500}.nav-links a:hover{color:var(--text)}.nav-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff08;color:var(--text-dim);font-family:JetBrains Mono;font-size:11px}.nav-pill .pulse{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39988;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 28px 0;min-height:calc(100vh - 64px)}.hello{font-family:"Press Start 2P";font-size:11px;letter-spacing:5px;color:var(--text-dim);margin-bottom:24px;display:inline-flex;align-items:center;gap:14px}.hello:before,.hello:after{content:"";height:1px;width:38px;background:var(--line-2)}.name-block{position:relative;display:inline-block;margin-top:18px;padding-bottom:140px;margin-bottom:8px}.name{font-family:"Press Start 2P",Sora,sans-serif;font-weight:400;font-size:clamp(22px,5.4vw,72px);line-height:1.05;letter-spacing:.02em;margin:0;white-space:nowrap;flex-wrap:nowrap;user-select:none;position:relative;display:inline-flex;justify-content:center;align-items:flex-end;gap:0}.name .word{display:inline-flex}.name .gap{width:.6em;display:inline-block}.name .ltr{display:inline-block;position:relative;color:transparent;-webkit-text-stroke:1.5px rgba(236,234,247,.85);transition:color .25s ease,-webkit-text-stroke-color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1),text-shadow .35s ease;will-change:transform,color}.name .ltr:before{content:attr(data-ch);position:absolute;inset:0;color:transparent;-webkit-text-stroke:0;background:repeating-linear-gradient(90deg,#ECEAF7 0 6px,transparent 6px 12px);-webkit-background-clip:text;background-clip:text;pointer-events:none;transition:opacity .25s ease}.name .ltr.active{color:#a78bfa;-webkit-text-stroke:1.5px transparent;text-shadow:0 0 18px rgba(139,92,246,.85),0 0 36px rgba(139,92,246,.45);animation:ltr-pop .45s cubic-bezier(.34,1.56,.64,1)}.name .ltr.active:before{opacity:0}@keyframes ltr-pop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1.18)}60%{transform:translateY(-4px) scale(1.04)}to{transform:translateY(0) scale(1)}}.spark{position:absolute;pointer-events:none;width:6px;height:6px;border-radius:50%;background:#fcd34d;box-shadow:0 0 8px #fcd34d,0 0 16px #f472b6;animation:spark-fly .55s ease-out forwards}@keyframes spark-fly{to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}.role-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px;flex-wrap:wrap;font-family:JetBrains Mono;font-size:13px;letter-spacing:1px;color:var(--text-dim)}.role-row .chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);background:#8b5cf612;color:var(--text)}.role-row .chip.accent{border-color:#8b5cf699;background:#8b5cf629;color:#e9deff;box-shadow:inset 0 0 12px #8b5cf633}.role-row .sep{color:var(--line-2)}.tagline{margin-top:20px;max-width:620px;color:var(--text-dim);font-size:17px;line-height:1.55}.tagline strong{color:var(--text);font-weight:600}.cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid var(--line-2);background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;position:relative}.btn:hover,.btn:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-color:#a78bfab3;color:#fff;box-shadow:0 1px #ffffff2e inset,0 12px 32px -8px #8b5cf6bf}.btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.btn .icon{width:16px;height:16px}.hero-stage{position:absolute;left:0;right:0;bottom:0;height:160px;pointer-events:none}.platform{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,#281c4800,#1c1232e6 30%,#140c28)}.platform-top{position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,#2a1f55 0 32px,#1a1240 32px 34px);border-top:2px solid rgba(167,139,250,.5);box-shadow:0 0 20px #8b5cf666,0 -1px #a78bfa4d}.platform-grid{position:absolute;inset:14px 0 0;background-image:repeating-linear-gradient(90deg,transparent 0 31px,rgba(167,139,250,.1) 31px 32px),repeating-linear-gradient(0deg,transparent 0 19px,rgba(167,139,250,.07) 19px 20px)}.name-stage{position:absolute;left:0;right:0;bottom:0;height:130px;pointer-events:none}.char{position:absolute;bottom:8px;left:0;width:72px;height:96px;object-fit:contain;object-position:bottom center;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(139,92,246,.25))}.char-shadow{position:absolute;bottom:6px;width:52px;height:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);pointer-events:none;transition:opacity .2s,transform .2s}.name-ground{position:absolute;left:-12px;right:-12px;bottom:0;height:14px;background:repeating-linear-gradient(90deg,#2a1f55 0 24px,#1a1240 24px 26px);border-top:2px solid rgba(167,139,250,.55);border-radius:3px;box-shadow:0 0 24px #8b5cf673}.name-ground:after{content:"";position:absolute;left:0;right:0;top:14px;height:18px;background:linear-gradient(180deg,#1c1232d9,#07061300)}.char-wrap-OLD,.char-wrap{display:none}.OLD-char{animation:char-walk 14s linear infinite}@keyframes char-walk{0%{left:-5%}48%{left:55%}50%{left:55%;transform:scaleX(-1)}98%{left:-5%;transform:scaleX(-1)}to{left:-5%;transform:scaleX(1)}}@keyframes char-bob{0%{translate:0 0}to{translate:0 -2px}}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-dim);font-family:JetBrains Mono;font-size:10px;letter-spacing:3px;z-index:3;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.scroll-cue svg{width:18px;height:18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:120px 0 36px;border-bottom:1px solid var(--line);margin-bottom:48px}.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em;margin:0}.section-head .eyebrow{font-family:"Press Start 2P";font-size:10px;letter-spacing:4px;color:var(--accent-2);margin-bottom:14px}.section-head .meta{font-family:JetBrains Mono;font-size:12px;color:var(--text-mute);white-space:nowrap}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:64px 0}.project.reverse{grid-template-columns:1fr 1.15fr}.project.reverse .video-card{order:2}.project.reverse .copy{order:1}.video-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-2);background:#0a0820;aspect-ratio:16 / 10;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;box-shadow:var(--shadow-lg)}.video-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #ffffff0a}.video-card:hover{transform:translateY(-4px) scale(1.012);border-color:#a78bfa80;box-shadow:0 30px 80px -20px #8b5cf673,var(--shadow-lg)}.video-thumb svg{width:100%;height:100%;display:block}.video-embed{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-lg);background:#0a0820}.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0706130d,#0706138c);transition:background .35s ease}.video-card:hover .video-overlay{background:linear-gradient(180deg,#0706131a,#070613b3)}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 12px 40px #0006}.play-btn:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(167,139,250,.4);opacity:0;transition:opacity .3s ease,transform .3s ease}.video-card:hover .play-btn{background:#8b5cf6f2;border-color:#fff;box-shadow:0 0 40px #8b5cf6b3,0 12px 40px #0006;transform:translate(-50%,-50%) scale(1.05)}.video-card:hover .play-btn:before{opacity:1;transform:scale(1.1)}.play-btn svg{width:30px;height:30px;margin-left:4px}.video-controls{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;gap:10px;font-family:JetBrains Mono;font-size:11px;color:#ffffffd9;z-index:2}.video-controls .ico{width:14px;height:14px;opacity:.85}.video-controls .progress{flex:1;height:3px;border-radius:2px;background:#ffffff2e;position:relative;overflow:hidden}.video-controls .progress:after{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:2px}.video-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#070613a6;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font-family:JetBrains Mono;font-size:10px;letter-spacing:1px;color:var(--text)}.video-card:has(.video-embed) .video-overlay,.video-card:has(.video-embed) .video-badge,.video-card:has(.video-embed) .play-btn,.video-card:has(.video-embed) .video-controls{display:none}.copy .num{display:inline-block;font-family:"Press Start 2P";font-size:14px;color:var(--accent-2);margin-bottom:14px;letter-spacing:2px}.copy h3{font-size:clamp(34px,4vw,48px);font-weight:700;letter-spacing:-.02em;margin:0 0 4px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tag{display:inline-block;padding:4px 10px;border-radius:6px;font-family:JetBrains Mono;font-size:10px;letter-spacing:1.5px;border:1px solid}.tag.dev{background:#f59e0b1a;color:#fcd34d;border-color:#f59e0b66}.tag.jam{background:#f472b61a;color:#fbcfe8;border-color:#f472b666}.tag.ship{background:#34d3991a;color:#6ee7b7;border-color:#34d39966}.copy .role{margin-top:6px;font-family:JetBrains Mono;font-size:13px;color:var(--accent-2)}.copy .role b{color:var(--text-dim);font-weight:500;margin-right:6px}.bullets{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}.bullets li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--text-dim)}.bullets .b-ico{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;margin-top:1px}.bullets .b-ico svg{width:12px;height:12px;color:var(--accent-2)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.actions .btn{padding:11px 18px;font-size:13px}.actions .btn .icon{width:14px;height:14px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent);margin:32px 0}.about{padding-bottom:24px}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}.about-bio p{margin:0 0 20px;color:var(--text-dim);font-size:16px;line-height:1.75}.about-bio p strong{color:var(--text);font-weight:600}.about-bio .lead{font-size:19px;line-height:1.65;color:var(--text)}.about-bio .lead b{color:var(--accent-2);font-weight:600}.about-cta{margin-top:30px;padding:18px 20px;border:1px solid rgba(167,139,250,.45);border-radius:var(--radius-md);background:var(--accent-soft);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.about-cta .flag{flex:none;font-family:"Press Start 2P";font-size:8px;letter-spacing:1px;line-height:1.6;color:#0d0a1e;background:var(--accent-2);padding:7px 9px;border-radius:var(--radius-sm)}.about-cta p{margin:0;flex:1 1 260px;font-size:15px;line-height:1.6;color:var(--text)}.about-cta p strong{color:var(--accent-2);font-weight:600}.about-also{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.about-also .label{font-family:JetBrains Mono;font-size:10px;letter-spacing:2px;color:var(--text-mute);margin-bottom:14px}.about-also .links{display:flex;flex-wrap:wrap;gap:10px}.side-link{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--line-2);background:#ffffff08;font-family:JetBrains Mono;font-size:12px;color:var(--text-dim);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.side-link:hover,.side-link:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-color:#a78bfab3;color:#fff;box-shadow:0 1px #ffffff2e inset,0 12px 32px -8px #8b5cf6bf}.side-link:hover .tail,.side-link:focus-visible .tail{color:#ffffffbf}.side-link svg{width:14px;height:14px;flex:none}.side-link .tail{color:var(--text-mute)}.about-panel{border:1px solid var(--line-2);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);box-shadow:var(--shadow-lg);padding:30px 30px 26px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.stat b{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--accent-2);margin-bottom:8px}.stat span{display:block;font-family:JetBrains Mono;font-size:11px;line-height:1.55;color:var(--text-mute)}.skill-block{padding-top:22px}.skill-block h4{margin:0 0 12px;font-family:"Press Start 2P";font-size:9px;letter-spacing:2px;color:var(--accent-2);font-weight:400}.skill-block+.skill-block{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff05;font-family:JetBrains Mono;font-size:11px;color:var(--text-dim)}.chips span.hot{border-color:#a78bfa73;background:var(--accent-soft);color:var(--text)}.project-note{margin-top:22px;font-family:JetBrains Mono;font-size:11px;letter-spacing:.5px;color:var(--text-mute);display:inline-flex;align-items:center;gap:8px}.project-note:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-mute);flex:none}@media(max-width:880px){.about-grid{grid-template-columns:1fr;gap:36px}.about-panel{padding:24px 22px 22px}.stat-grid{gap:18px 16px}}footer{margin-top:120px;padding:60px 0 40px;border-top:1px solid var(--line);color:var(--text-mute);font-family:JetBrains Mono;font-size:12px}footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}footer a{color:var(--text-dim);transition:color .2s}footer a:hover{color:var(--text)}footer .footer-links{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:880px){.project,.project.reverse{grid-template-columns:1fr;gap:28px;padding:48px 0}.project.reverse .video-card{order:1}.project.reverse .copy{order:2}.nav{padding:18px 22px}.nav-links{display:none}.name{font-size:clamp(16px,6.4vw,40px)}}.video-card{position:relative;aspect-ratio:16 / 10;overflow:hidden}.video-thumb{position:absolute;inset:0;width:100%;height:100%}.video-embed{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.video-embed iframe{width:100%;height:100%;border:0;display:block}.video-card.is-static{cursor:default}.video-card.is-static .play-btn,.video-card.is-static .video-badge,.video-card.is-static .video-controls{display:none}.video-link{position:absolute;inset:0;z-index:3;display:block}.video-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:-3px}