:root{--ink:#0c1220;--panel:#151d30;--hairline:#2b3550;--text:#eceef3;--text-muted:#8791a8;--amber:#e8a33d;--teal:#4fc1b0;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--rail-width:300px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}.mono{font-family:var(--font-mono)}.layout{max-width:1180px;min-height:100vh;margin:0 auto;display:flex}.rail{width:var(--rail-width);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;padding:56px 32px 40px 0;display:flex;position:sticky;top:0}.rail-top h1{font-size:1.6rem;line-height:1.25}.rail-role{color:var(--text-muted);max-width:22ch;margin-top:10px;font-size:.95rem}.rail-nav{flex-direction:column;gap:14px;margin-top:40px;display:flex}.rail-nav a{color:var(--text);border-left:2px solid #0000;padding-left:12px;font-size:.95rem;transition:border-color .15s,color .15s}.rail-nav a:hover{border-color:var(--amber);color:var(--amber);text-decoration:none}.rail-bottom{flex-direction:column;gap:8px;font-size:.9rem;display:flex}.rail-bottom a{color:var(--text-muted)}.rail-bottom a:hover{color:var(--teal)}.main{border-left:1px solid var(--hairline);flex:1;min-width:0;padding:56px 0 120px 56px}section{margin-bottom:96px}.section-label{align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-label span{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.section-label:after{content:"";background:var(--hairline);flex:1;height:1px}.hero-scan{font-family:var(--font-mono);color:var(--teal);min-height:1.4em;margin-bottom:28px;font-size:.85rem}.hero-scan .cursor{background:var(--teal);width:7px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero h2{max-width:16ch;font-size:2.6rem;line-height:1.15}.hero h2 .accent{color:var(--amber)}.hero p{max-width:56ch;color:var(--text-muted);margin-top:22px;font-size:1.05rem}.about p{max-width:62ch;font-size:1.02rem}.about p+p{margin-top:16px}.project{border-top:1px solid var(--hairline);grid-template-columns:1fr 2fr;gap:24px;padding:28px 0;display:grid}.project:last-child{border-bottom:1px solid var(--hairline)}.project-name{margin-bottom:8px;font-size:1.15rem}.project-status{font-family:var(--font-mono);border:1px solid var(--hairline);color:var(--text-muted);border-radius:3px;padding:2px 8px;font-size:.75rem;display:inline-block}.project-status.live{color:var(--teal);border-color:var(--teal)}.project-status.building{color:var(--amber);border-color:var(--amber)}.project-desc{color:var(--text-muted);font-size:.98rem}.project-desc p{margin:0 0 12px}.project-stack{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project-stack span{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.project-stack span:before{content:"· "}.project-stack span:first-child:before{content:""}.project-link{margin-top:12px;font-size:.9rem;display:inline-block}.contact p{color:var(--text-muted);max-width:50ch}.contact-links{flex-wrap:wrap;gap:28px;margin-top:24px;display:flex}.contact-links a{font-family:var(--font-mono);font-size:.95rem}footer{border-top:1px solid var(--hairline);color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);margin-top:40px;padding-top:24px}@media (width<=860px){.layout{flex-direction:column}.rail{width:100%;height:auto;padding:32px 24px;position:relative}.rail-nav{flex-flow:wrap;margin-top:24px}.main{border-left:none;border-top:1px solid var(--hairline);padding:40px 24px 80px}.hero h2{font-size:2rem}.project{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}}