: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}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.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}}:root[data-theme=terminal]{--ab-accent:#3fb950;--ab-accent-deep:#1a7f37;--ab-highlight:#58a6ff;--ab-surface:#161b22;--ab-black:#0d1117;--ab-paper:#f6f8fa;--ab-ink:#0d1117;--ab-hero-stripe:#f6f8fa;--ab-hero-tag:#0d1117;--ab-highlight-bg:#ddf4ff;--cs-accent:#3fb950;--cs-accent-deep:#2ea043;--cs-highlight:#58a6ff;--cs-surface:#161b22;--cs-black:#0d1117;--cs-text-dim:#9da7b3;--primary:#3fb950;--primary-fg:#0d1117;--admin-accent:#3fb950}