:root{--bg: #07090E;--bg-card: #0B0F1A;--bg-card-hover: #0F1525;--cyan: #00CFFF;--cyan-dim: rgba(0, 207, 255, .08);--cyan-mid: rgba(0, 207, 255, .35);--violet: #8B5CF6;--violet-dim: rgba(139, 92, 246, .15);--green: #10B981;--green-dim: rgba(16, 185, 129, .15);--amber: #F59E0B;--text: #B8C4D8;--text-dim: #3E5070;--text-bright: #ECF0F9;--border: rgba(0, 207, 255, .09);--border-hover: rgba(0, 207, 255, .4);--font-mono: "Space Mono", "Courier New", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--header-h: 56px;--radius: 6px;--max-w: 1360px;--pad-x: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(0,207,255,.18) 1px,transparent 1px);background-size:36px 36px;background-position:0 0}.bg-grid:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 60% at 50% 0%,transparent 40%,var(--bg) 85%),radial-gradient(ellipse 60% 100% at 0% 50%,transparent 50%,var(--bg) 90%),radial-gradient(ellipse 60% 100% at 100% 50%,transparent 50%,var(--bg) 90%)}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x)}.header{position:sticky;top:0;z-index:200;height:var(--header-h);margin:0 calc(-1 * var(--pad-x));padding:0 var(--pad-x);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#07090ebf}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--font-mono);font-weight:700;font-size:1.05rem;color:var(--text-bright);letter-spacing:.04em;transition:color .2s}.wordmark:hover,.wordmark .dot{color:var(--cyan)}.nav{display:flex;align-items:center;gap:1.25rem}.nav-link{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.4rem;letter-spacing:.04em;transition:color .2s}.nav-link:hover{color:var(--cyan)}.nav-cta{color:var(--cyan);border:1px solid rgba(0,207,255,.3);padding:.28rem .75rem;border-radius:3px;background:var(--cyan-dim);transition:background .2s,border-color .2s,color .2s}.nav-cta:hover{background:#00cfff26;border-color:var(--cyan-mid);color:var(--cyan)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2.75rem 0 2.25rem;min-height:calc(48vh - var(--header-h))}.hero-text{display:flex;flex-direction:column;gap:.9rem}.eyebrow{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);letter-spacing:.2em;opacity:.8}.cursor{display:inline-block;animation:blink 1.1s step-end infinite;color:var(--cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-name{font-family:var(--font-mono);font-size:clamp(2.6rem,4.5vw,4rem);font-weight:700;color:var(--text-bright);line-height:1.06;letter-spacing:-.025em}.hero-bio{font-size:.88rem;color:var(--text);line-height:1.8;max-width:40ch;font-weight:300}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--cyan);border:1px solid rgba(0,207,255,.25);padding:.18rem .55rem;border-radius:2px;background:var(--cyan-dim)}.hero-canvas-wrap{position:relative;height:270px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#00cfff04}.hero-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);box-shadow:inset 0 0 60px #00cfff0a;z-index:1;pointer-events:none}#hero-canvas{display:block;width:100%;height:100%}.canvas-label{position:absolute;top:.7rem;right:.85rem;z-index:2;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:#00cfff66;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;user-select:none}.projects{padding-bottom:2rem}.section-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.section-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.1em}.section-count{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);opacity:.6}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card--featured{grid-column:span 2}.card--small{grid-column:span 3}.card{position:relative;background:var(--bg-card);padding:1.35rem 1.4rem;display:flex;flex-direction:column;overflow:hidden;cursor:default;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,background .22s ease}.card.visible{opacity:1;transform:translateY(0)}.card:hover,.card:focus-visible{background:var(--bg-card-hover);outline:none}.card:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.card:hover .card-canvas{opacity:.3}.card-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;opacity:.16;pointer-events:none;transition:opacity .3s ease}.card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.55rem;height:100%}.card--featured{min-height:210px}.card--small{min-height:120px}.card-top{display:flex;align-items:center;justify-content:space-between}.card-num{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);letter-spacing:.1em}.badges{display:flex;gap:.3rem}.badge{font-family:var(--font-mono);font-size:.52rem;font-weight:700;letter-spacing:.12em;padding:.12rem .42rem;border-radius:2px;border:1px solid transparent}.badge--xr{background:var(--violet-dim);color:#a78bfa;border-color:#8b5cf647}.badge--ai{background:var(--cyan-dim);color:var(--cyan);border-color:#00cfff38}.badge--data{background:var(--green-dim);color:#34d399;border-color:#10b98147}.badge--sim{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b40}.card-title{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-bright);line-height:1.25;letter-spacing:-.01em}.card--small .card-title{font-size:.88rem}.card-desc{font-size:.78rem;color:var(--text);line-height:1.7;font-weight:300;flex:1}.card--small .card-desc{font-size:.74rem}.stack-row{display:flex;flex-wrap:wrap;gap:.35rem}.tech{font-family:var(--font-mono);font-size:.59rem;letter-spacing:.04em;color:var(--text-dim);background:#ffffff09;border:1px solid rgba(255,255,255,.055);padding:.12rem .42rem;border-radius:2px}.card-link{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:.35rem;opacity:.55;transition:opacity .2s;align-self:flex-start}.card:hover .card-link,.card:focus-visible .card-link{opacity:1}.footer{margin-top:auto;border-top:1px solid var(--border);padding:1.1rem 0;display:flex;align-items:center;justify-content:space-between}.footer-tagline{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);font-style:italic;letter-spacing:.04em;opacity:.7}.footer-links{display:flex;align-items:center;gap:.65rem}.footer-links a{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-sep{color:var(--border);font-size:.9rem;line-height:1}@media (max-width: 960px){.hero{grid-template-columns:1fr;min-height:auto;padding:2rem 0 1.75rem;gap:2rem}.hero-canvas-wrap{height:200px}.grid{grid-template-columns:repeat(4,1fr)}.card--featured,.card--small{grid-column:span 2}}@media (max-width: 600px){:root{--pad-x: 1rem}.hero-name{font-size:2.4rem}.grid{grid-template-columns:1fr}.card--featured,.card--small{grid-column:span 1}.card--featured{min-height:180px}.card--small{min-height:auto}.footer{flex-direction:column;gap:.6rem;text-align:center}}