@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-bg:#0d0f0c;--color-panel:#3a3d35;--color-panel-hover:#5c6152;--color-border:#5c6152;--color-text:#f7f5ee;--color-secondary:#9fae8f;--color-muted:#7c8b6f;--color-accent:#c9542c;--color-live-status:#b5493a;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:5rem}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{color:var(--color-bg);background:var(--color-secondary)}.site-shell{width:min(100% - 6.5rem,1360px);margin:0 auto}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.75rem;display:flex}.wordmark,.site-nav a,.eyebrow,.quote-label,.quote-source,.project-index,.project-kind,.tag-list,.project-link,.archive-list,.tbd-label,.demo-bar,.demo-output,.demo-caption,.site-footer{font-family:var(--font-mono)}.wordmark{color:var(--color-text);font-size:.82rem;font-weight:700;text-decoration:none}.wordmark span{color:var(--color-secondary)}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.8rem 1.75rem;display:flex}.site-nav a{color:var(--color-secondary);font-size:.75rem;text-decoration:none;transition:color .14s}.site-nav a:hover{color:var(--color-text)}.hero{grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:3rem;min-height:25rem;padding:4.2rem 0 3.6rem;animation:.5s both rise-in;display:grid}.hero-copy{max-width:44rem}.eyebrow{color:var(--color-accent);margin:0 0 1.35rem;font-size:.78rem;font-weight:500}.hero h1{font-family:var(--font-mono);flex-direction:column;margin:0;font-size:3.8rem;font-weight:600;line-height:1.08;display:flex}.hero h1 span{color:var(--color-secondary);font-size:2.45rem;font-weight:400}.hero-summary{max-width:35rem;color:var(--color-secondary);margin:1.55rem 0 0;font-size:1rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.7rem;display:flex}.button{border:1px solid var(--color-border);min-height:2.7rem;color:var(--color-text);font-family:var(--font-mono);border-radius:2px;justify-content:center;align-items:center;gap:1.1rem;padding:.65rem .9rem;font-size:.78rem;text-decoration:none;transition:background-color .14s,border-color .14s;display:inline-flex}.button-primary{border-color:var(--color-accent);background:var(--color-accent)}.button-primary:hover{background:#df6840;border-color:#df6840}.button-quiet:hover{border-color:var(--color-secondary);background:var(--color-panel)}.hero-art{justify-self:center;width:100%;max-width:16rem;display:block}.quote-strip{border:1px solid var(--color-border);background:var(--color-panel);grid-template-columns:12rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:5.2rem;padding:1rem 1.25rem;display:grid}.quote-label,.quote-source{color:var(--color-secondary);margin:0;font-size:.7rem}.quote-label span{color:var(--color-muted);margin-top:.2rem;display:block}.quote-strip blockquote{color:var(--color-text);font-family:var(--font-mono);margin:0;font-size:.9rem}.quote-source{color:var(--color-muted);text-align:right}.content-section{padding:5.8rem 0 0}.section-heading{margin-bottom:1.6rem}.section-heading .eyebrow,.archive-intro .eyebrow,.contact-section .eyebrow{margin-bottom:.75rem}.section-heading h2,.archive-intro h2,.contact-section h2{font-family:var(--font-mono);margin:0;font-size:1.6rem;font-weight:500}.section-note,.archive-intro>p:last-child,.contact-section>div>p:last-child{color:var(--color-secondary);margin:.6rem 0 0;font-size:.9rem;line-height:1.6}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--color-border);background:var(--color-panel);flex-direction:column;min-height:17rem;padding:1.25rem;transition:background-color .15s,transform .15s;display:flex}.project-card:hover{background:var(--color-panel-hover);transform:translateY(-2px)}.project-topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-index,.project-kind{color:var(--color-muted);font-size:.68rem}.project-card h3{font-family:var(--font-mono);margin:2rem 0 .65rem;font-size:1.15rem;font-weight:500}.project-card>p{color:var(--color-secondary);margin:0;font-size:.85rem;line-height:1.55}.tag-list{color:var(--color-muted);flex-wrap:wrap;gap:.45rem;margin:1.2rem 0;padding:0;font-size:.65rem;list-style:none;display:flex}.tag-list li{border:1px solid var(--color-border);padding:.25rem .45rem}.project-link{border-top:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:.7rem;font-size:.7rem;text-decoration:none;display:flex}.project-link:hover,.archive-list a:hover strong,.site-footer a:hover{color:var(--color-accent)}.archive-section{grid-template-columns:minmax(14rem,.8fr) minmax(0,1.2fr);gap:4rem;padding:6rem 0 0;display:grid}.archive-intro>p:last-child{max-width:25rem}.archive-list{border-top:1px solid var(--color-border)}.archive-list a{border-bottom:1px solid var(--color-border);min-height:4rem;color:var(--color-secondary);grid-template-columns:2rem minmax(6rem,.65fr) minmax(0,1fr) 1rem;align-items:center;gap:.8rem;font-size:.7rem;text-decoration:none;display:grid}.archive-list a>span:first-child,.archive-list small{color:var(--color-muted)}.archive-list strong{color:var(--color-text);font-weight:500}.archive-list small{font-size:.67rem}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.tbd-label{color:var(--color-muted);padding-bottom:.15rem;font-size:.68rem}.demo-frame{border:1px solid var(--color-border);background:#11140f;overflow:hidden}.demo-bar{border-bottom:1px solid var(--color-border);min-height:2.8rem;color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;font-size:.68rem;display:flex}.text-button{color:var(--color-secondary);cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;padding:.35rem 0;font-size:.68rem}.text-button:hover{color:var(--color-text)}.demo-output{min-height:8.5rem;color:var(--color-secondary);white-space:pre-wrap;margin:0;padding:1rem;font-size:.8rem;line-height:1.8}.demo-command{color:var(--color-text)}.demo-caption{color:var(--color-muted);margin:0;padding:0 1rem .9rem;font-size:.65rem}.contact-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:2rem;margin-top:6rem;padding:2rem 0;display:flex}.contact-section h2{font-size:1.35rem}.contact-section>div>p:last-child{max-width:38rem}.site-footer{color:var(--color-muted);justify-content:space-between;gap:1rem;padding:1.4rem 0 2rem;font-size:.67rem;display:flex}.site-footer a{color:var(--color-secondary);text-decoration:none}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.site-shell{width:min(100% - 2rem,42rem)}.topbar{align-items:flex-start;min-height:auto;padding:1.1rem 0}.site-nav{gap:.6rem 1rem}.hero{grid-template-columns:minmax(0,1fr) 6rem;gap:.8rem;min-height:0;padding:4rem 0 2.5rem}.hero h1{font-size:2.8rem}.hero h1 span{font-size:1.7rem}.hero-art{width:6rem}.quote-strip{grid-template-columns:minmax(0,1fr) auto;gap:.55rem 1rem}.quote-label,.quote-source{grid-column:1/-1}.quote-source{text-align:left}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-section{grid-template-columns:1fr;gap:1.75rem}}@media (width<=520px){.topbar{flex-direction:column;gap:.9rem}.site-nav{justify-content:space-between;gap:.7rem;width:100%}.site-nav a{font-size:.68rem}.hero{padding-top:3.2rem;display:block}.hero h1{font-size:2.55rem}.hero h1 span{margin-top:.25rem;font-size:1.45rem}.hero-art{width:8rem;margin:2rem auto 0}.quote-strip{grid-template-columns:1fr}.quote-label,.quote-source{grid-column:auto}.project-grid{grid-template-columns:1fr}.project-card{min-height:15rem}.section-heading-row,.contact-section{flex-direction:column;align-items:flex-start}.archive-list a{grid-template-columns:1.5rem minmax(0,1fr) 1rem;gap:.6rem;padding:.75rem 0}.archive-list small{grid-column:2}.archive-list a>span:last-child{grid-area:1/3/span 2}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}