:root{--background:oklch(16% .005 240);--foreground:oklch(96% .005 90);--surface:oklch(19% .006 240);--primary:oklch(89% .22 122);--primary-fg:oklch(16% .005 240);--muted-fg:oklch(65% .01 240);--border:oklch(30% .007 240);--hairline:oklch(100% 0 0/.08);--radius-sm:2px;--muted:#888;--bg:#0a0a0a;--fg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:var(--primary);color:var(--primary-fg)}a{color:inherit;text-decoration:none}.hairline{border-color:var(--hairline)}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--muted-fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.vtext{writing-mode:vertical-rl;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;transform:rotate(180deg)}.grid-bg{background-image:linear-gradient(to right, var(--hairline) 1px, transparent 1px), linear-gradient(to bottom, var(--hairline) 1px, transparent 1px);background-size:80px 80px}.topbar{border-bottom:1px solid var(--hairline);letter-spacing:.25em;color:var(--muted-fg);text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:none}@media (width>=768px){.topbar{display:flex}}.topbar-center{align-items:center;gap:8px;display:flex}.dot-live{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}header{z-index:100;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(16% .005 240/.75);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.nav-logo-icon{border:1px solid var(--primary);width:32px;height:32px;color:var(--primary);place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;transition:background .2s,color .2s;display:grid}.nav-logo:hover .nav-logo-icon{background:var(--primary);color:var(--primary-fg)}.nav-logo .muted{color:var(--muted-fg)}.nav-links{align-items:center;gap:4px;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-links a{letter-spacing:.2em;color:var(--muted-fg);text-transform:uppercase;border:1px solid #0000;padding:8px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;transition:color .2s,border-color .2s}.nav-links a:hover{color:var(--foreground);border-color:var(--border)}.nav-links a.active{color:var(--primary);border-color:oklch(89% .22 122/.4)}.nav-links a .num{color:oklch(89% .22 122/.6);margin-right:8px}.nav-right{display:none}@media (width>=768px){.nav-right{display:flex}}.btn-signin{letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--primary);color:var(--primary);padding:8px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;transition:background .2s,color .2s}.btn-signin:hover{background:var(--primary);color:var(--primary-fg)}.btn-profile{border:1px solid var(--primary);background:var(--primary);width:32px;height:32px;color:var(--primary-fg);border-radius:50%;place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;line-height:1;transition:opacity .2s;display:grid}.btn-profile:hover{opacity:.85}.menu-btn{border:1px solid var(--hairline);color:var(--foreground);cursor:pointer;background:0 0;padding:8px;display:flex}@media (width>=768px){.menu-btn{display:none}}.mobile-nav{border-bottom:1px solid var(--hairline);background:var(--background);flex-direction:column;padding:12px 24px 20px;display:none}.mobile-nav.open{display:flex}.mobile-nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--muted-fg);border-bottom:1px solid var(--hairline);padding:10px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.mobile-nav a:hover{color:var(--foreground)}footer{border-top:1px solid var(--hairline);grid-template-columns:1fr;gap:40px;margin-top:128px;padding:64px 24px;display:grid}@media (width>=768px){footer{grid-template-columns:repeat(12,1fr);padding:64px}.footer-main{grid-column:span 5}.footer-sitemap{grid-column:7}.footer-contact{grid-column:span 3}}.footer-headline{letter-spacing:-.02em;margin-top:16px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:.95}.footer-headline .dim{color:var(--muted-fg)}.footer-nav{flex-direction:column;gap:8px;margin-top:16px;display:flex}.footer-nav a{color:var(--muted-fg);white-space:nowrap;align-items:center;gap:8px;margin-right:6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;transition:color .15s;display:flex}.footer-nav a:hover{color:var(--foreground)}.footer-contact-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.footer-contact-list li{color:var(--muted-fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;list-style:none}.footer-bottom{border-top:1px solid var(--hairline);color:var(--muted-fg);letter-spacing:.25em;text-transform:uppercase;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;align-items:center;padding:16px 64px}}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}#mobile-auth-link{align-items:center;gap:8px;display:inline-flex}#mobile-auth-link .btn-profile{justify-content:center;align-items:center;display:inline-flex}.projects-main{max-width:100%;overflow-x:hidden}.projects-hero{border-bottom:1px solid var(--hairline);padding:6rem 2rem 4rem}.projects-hero .eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--muted-fg);margin-bottom:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.projects-hero .hero-title{letter-spacing:-.03em;margin:.5rem 0;font-size:clamp(3.5rem,12vw,8rem);font-weight:700;line-height:.9}.projects-hero .hero-title .highlight{color:var(--primary);font-style:italic}.projects-hero .hero-subtitle{max-width:600px;color:var(--muted-fg);margin-top:1.5rem;font-size:1.1rem;line-height:1.6}.projects-hero .hero-subtitle .text-foreground{color:var(--foreground)}.sector-section{border-bottom:1px solid var(--hairline);padding:4rem 2rem}.sector-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.sector-header-left .sector-title{letter-spacing:-.02em;color:var(--foreground);margin:.5rem 0;font-size:clamp(2.5rem,5vw,4rem);font-weight:500}.tech-tags{text-transform:uppercase;letter-spacing:.2em;gap:.75rem;margin-top:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;display:flex}.tech-tags span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted-fg);padding:.4rem .8rem}.sector-header-right{flex-wrap:wrap;gap:.75rem;display:flex}.btn-outline{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.2em;color:var(--muted-fg);cursor:pointer;background:0 0;padding:.6rem 1.2rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;transition:all .2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);color:var(--primary-fg);border:1px solid var(--primary);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.85}.game-grid{border:1px solid var(--hairline);text-align:center;color:var(--muted-fg);padding:3rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem}.web-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{border:1px solid var(--hairline);color:inherit;text-decoration:none;transition:border-color .2s;display:block}.project-card:hover{border-color:var(--primary)}.card-preview{aspect-ratio:4/3;border-bottom:1px solid var(--hairline);background:var(--surface);position:relative;overflow:hidden}.window-dots{gap:.4rem;display:flex;position:absolute;top:.75rem;left:.75rem}.window-dots span{border-radius:50%;width:8px;height:8px;display:block}.window-dots span:first-child{background:#ff5f56}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#27c93f}.preview-placeholder{border:1px solid var(--hairline);background:var(--background);justify-content:center;align-items:center;display:flex;position:absolute;inset:2.5rem .75rem .75rem}.preview-placeholder svg{color:var(--primary);opacity:.4;transition:opacity .2s}.project-card:hover .preview-placeholder svg{opacity:1}.card-footer{justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.card-footer h3{color:var(--foreground);margin:0;font-size:1.2rem;font-weight:500}.card-footer p{color:var(--muted-fg);margin:.2rem 0 0;font-size:.75rem}.card-open{text-transform:uppercase;letter-spacing:.2em;color:var(--primary);opacity:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;transition:opacity .2s}.project-card:hover .card-open{opacity:1}.sector-header-simple{margin-bottom:2rem}.sector-header-simple .sector-title{letter-spacing:-.02em;color:var(--foreground);margin:.5rem 0;font-size:clamp(2.5rem,5vw,4rem);font-weight:500}.sector-desc{max-width:600px;color:var(--muted-fg);margin:.5rem 0 0}.repo-list{border:1px solid var(--hairline)}.repo-item{border-bottom:1px solid var(--hairline);color:inherit;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;transition:background .15s;display:flex}.repo-item:last-child{border-bottom:none}.repo-item:hover{background:var(--surface)}.repo-item>div{align-items:center;gap:1rem;display:flex}.repo-item svg{color:var(--muted-fg);flex-shrink:0;transition:color .2s}.repo-item:hover svg{color:var(--primary)}.repo-item h4{color:var(--foreground);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1rem;font-weight:500}.repo-item p{color:var(--muted-fg);margin:.1rem 0 0;font-size:.85rem}.repo-link{text-transform:uppercase;letter-spacing:.2em;color:var(--muted-fg);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;transition:color .2s}.repo-item:hover .repo-link{color:var(--primary)}@media (width<=640px){.sector-header{flex-direction:column;align-items:stretch}.sector-header-right{justify-content:flex-start}.web-grid{grid-template-columns:1fr}.repo-item{flex-direction:column;align-items:flex-start;gap:.5rem}.projects-hero{padding:4rem 1.5rem 3rem}}