*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#121212;--border:#242424;--text:#f5f5f5;--muted:#b8b8b8;--faint:#6b6b6b;--accent:#c8ff00;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-weight:400;line-height:1.6;display:flex}.container{width:100%;max-width:960px;margin:0 auto;padding:0 2rem}nav{background:var(--bg);z-index:10;border-bottom:1px solid #0000;padding:2rem 0;transition:border-color .3s;position:sticky;top:0}nav.scrolled{border-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-size:.9rem;font-weight:500;text-decoration:none}.wordmark span{color:var(--accent)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:.04em;font-size:.85rem;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.hero{flex:1;align-items:center;padding:10rem 0 8rem;display:flex}.hero-inner{max-width:700px}.hero-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.75rem;display:flex}.hero-label:before{content:"";background:var(--accent);width:2rem;height:1px;display:block}h1{letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;line-height:1.1}h1 em{color:var(--faint);font-style:normal}.hero-sub{color:var(--muted);max-width:480px;font-size:1.1rem;line-height:1.7}section{border-top:1px solid var(--border);padding:6rem 0}.section-label{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--faint);margin-bottom:3rem;font-size:.7rem}.projects-grid{background:var(--border);gap:1px;display:grid}.project-card{background:var(--bg);color:inherit;grid-template-rows:auto 1fr auto;gap:1rem;padding:2.5rem;text-decoration:none;transition:background .2s;display:grid}.project-card:hover{background:var(--surface)}.project-card:hover .project-arrow{transform:translate(3px,-3px)}.project-name{color:var(--text);letter-spacing:-.01em;font-size:1.2rem;font-weight:500}.project-desc{color:var(--muted);font-size:.9rem;line-height:1.6}.project-footer{justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.project-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px solid var(--border);padding:.25rem .6rem;font-size:.7rem}.project-arrow{color:var(--accent);font-size:1rem;line-height:1;transition:transform .2s}.principles-grid{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid}.principle{background:var(--bg);padding:2rem 2rem 2.5rem}.principle-num{font-family:var(--mono);letter-spacing:.2em;color:var(--faint);margin-bottom:1.25rem;font-size:.65rem;display:block}.principle-title{color:var(--text);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1rem;font-weight:500}.principle-body{color:var(--muted);font-size:.875rem;line-height:1.7}.about-cols{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text{color:var(--muted);font-size:1rem;line-height:1.8}.about-text strong{color:var(--text);font-weight:500}.about-text+.about-text{margin-top:1.2rem}.about-meta{flex-direction:column;gap:1.5rem;display:flex}.meta-item{border-top:1px solid var(--border);padding-top:1.25rem}.meta-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem;font-size:.65rem;display:block}.meta-value{color:var(--muted);font-size:.95rem}.meta-value a{color:var(--text);border-bottom:1px solid var(--border);text-decoration:none;transition:border-color .2s}.meta-value a:hover{border-color:var(--muted)}@media (width<=640px){.about-cols{grid-template-columns:1fr;gap:3rem}.principles-grid{grid-template-columns:1fr}}footer{border-top:1px solid var(--border);padding:2rem 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--muted);font-size:.8rem;font-family:var(--mono)}@media (width<=640px){.hero{padding:6rem 0 4rem}.nav-links{display:none}.footer-inner{text-align:center;flex-direction:column;gap:.5rem}}.blog-grid{background:var(--border);gap:1px;display:grid}.blog-card{background:var(--bg);color:inherit;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:2.5rem;text-decoration:none;transition:background .2s;display:grid}.blog-card:hover{background:var(--surface)}.blog-card:hover .blog-arrow{transform:translate(3px)}.blog-meta{align-items:center;gap:1rem;display:flex}.blog-date{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.7rem}.blog-title{color:var(--text);letter-spacing:-.02em;font-size:1.5rem;font-weight:500;line-height:1.3}.blog-excerpt{color:var(--muted);font-size:.9rem;line-height:1.7}.blog-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.blog-read{color:var(--muted);letter-spacing:.02em;font-size:.85rem}.blog-arrow{color:var(--accent);font-size:1.2rem;line-height:1;transition:transform .2s}.blog-post{padding:4rem 0 6rem}.blog-container{width:100%;max-width:780px;margin:0 auto;padding:0 2rem}.post-header{border-bottom:1px solid var(--border);margin-bottom:4rem;padding-bottom:2.5rem}.post-back{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-flex}.post-back:hover{color:var(--accent)}.post-date{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:1.25rem;font-size:.7rem}.post-title{letter-spacing:-.025em;color:var(--text);max-width:640px;font-size:clamp(2rem,5vw,2.75rem);font-weight:500;line-height:1.25}.post-content{color:var(--muted);font-size:1.0625rem;line-height:1.85}.post-content p{margin-bottom:1.75rem}.post-content .post-lead{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2.5rem;font-size:1.25rem;font-weight:400;line-height:1.75}.post-content h2{color:var(--text);letter-spacing:-.02em;margin-top:4rem;margin-bottom:1.75rem;padding-top:1rem;font-size:1.75rem;font-weight:500;line-height:1.3}.post-content h2:before{content:"";background:var(--accent);width:2.5rem;height:2px;margin-bottom:1.5rem;display:block}.post-content h3{color:var(--text);letter-spacing:-.01em;margin-top:3rem;margin-bottom:1.25rem;font-size:1.25rem;font-weight:500;line-height:1.4}.post-content strong{color:var(--text);font-weight:500}.post-content a{color:var(--accent);font-weight:400;text-decoration:none;transition:opacity .2s;position:relative}.post-content a:hover{opacity:.8}.post-content ol,.post-content ul{margin-bottom:2rem;padding-left:1.5rem}.post-content li{margin-bottom:1rem;line-height:1.75}.post-content ol{counter-reset:item;list-style:none}.post-content ol li{counter-increment:item;padding-left:2rem;position:relative}.post-content ol li:before{content:counter(item) ".";color:var(--accent);font-weight:500;font-family:var(--mono);font-size:.95rem;position:absolute;left:0}.post-content .callout{background:var(--surface);border-left:3px solid var(--accent);color:var(--text);margin:3rem 0;padding:2rem 2.5rem;font-size:1.125rem;font-weight:400;line-height:1.75}.post-footer{border-top:1px solid var(--border);margin-top:5rem;padding-top:2.5rem}.post-back-bottom{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.5rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-flex}.post-back-bottom:hover{color:var(--accent)}@media (width<=640px){.blog-card{padding:2rem}.blog-post{padding:3rem 0 4rem}.post-header{margin-bottom:3rem;padding-bottom:2rem}.post-back{margin-bottom:2rem}.post-content{font-size:1rem}.post-content .post-lead{margin-bottom:2rem;padding-bottom:2rem;font-size:1.125rem}.post-content h2{margin-top:3rem;margin-bottom:1.5rem;font-size:1.5rem}.post-content h2:before{width:2rem;margin-bottom:1.25rem}.post-content h3{margin-top:2.5rem;margin-bottom:1rem;font-size:1.125rem}.post-content .callout{margin:2.5rem 0;padding:1.5rem 1.75rem;font-size:1rem}.post-content ol li{padding-left:1.75rem}.post-footer{margin-top:4rem}}