:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light dark;--bg-color:light-dark(#fbfaf7,#0f0f11);--text-color:light-dark(#1c1917,#f5f5f4);--text-muted:light-dark(#57534e,#a8a29e);--border-color:light-dark(#e7e5e4,#2e2a24);--accent-color:light-dark(#c2410c,#f97316);--accent-hover:light-dark(#9a3412,#fdba74);--card-bg:light-dark(#fff,#151518);--card-hover-border:light-dark(#a8a29e,#57534e);--max-width:46rem;--nav-height:4rem}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.6;transition:background-color .25s,color .25s,border-color .25s;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.25}h1{letter-spacing:-.025em;margin-top:0;font-size:2.25rem;font-weight:700}h2{letter-spacing:-.015em;border-bottom:1px solid var(--border-color);margin-top:3rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}h3{margin-top:1.5rem;font-size:1.2rem;font-weight:600}p{margin-top:0;margin-bottom:1.25rem}a{color:var(--text-color);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--border-color);transition:color .2s,text-decoration-color .2s}a:hover{color:var(--accent-color);text-decoration-color:var(--accent-color)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}main{flex:1;padding-top:2rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border-color)}.site-nav{height:var(--nav-height);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--text-color)}.nav-socials{border-left:1px solid var(--border-color);align-items:center;gap:1rem;padding-left:1rem;display:flex}.nav-socials a{color:var(--text-muted);align-items:center;display:flex}.nav-socials a:hover{color:var(--text-color)}.nav-actions{align-items:center;gap:1rem;display:flex}.btn-toggle{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;height:1.85rem;padding:0 .65rem;font-family:inherit;font-size:.85rem;transition:background-color .2s,border-color .2s;display:flex}.btn-toggle:hover{border-color:var(--accent-color);background-color:light-dark(#f5f4f0,#1c1c20)}.projects-list{flex-direction:column;gap:0;margin-top:1.5rem;display:flex}.project-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex;position:relative;color:inherit!important;text-decoration:none!important}.project-row-left{flex-direction:column;flex-grow:1;gap:.25rem;padding-right:2rem;display:flex}.project-row-title-container{align-items:baseline;gap:.75rem;display:flex}.project-row-title{color:var(--text-muted);font-size:1.15rem;font-weight:600;transition:color .2s}.project-row:hover .project-row-title{color:var(--text-color)}.project-row-meta{color:var(--text-muted);font-size:.85rem}.project-row-desc{color:var(--text-muted);margin:.25rem 0 0;font-size:.95rem;line-height:1.5}.project-row-arrow{color:var(--text-muted);opacity:0;align-items:center;font-size:1.25rem;transition:opacity .2s,transform .2s,color .2s;display:flex;transform:translate(-8px)}.project-row:hover .project-row-arrow{opacity:1;color:var(--accent-color);transform:translate(0)}.project-row:after{content:"";background-color:var(--accent-color);width:0;height:1px;transition:width .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:-1px;left:0}.project-row:hover:after{width:100%}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-color)}.site-footer{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:6rem;padding:2.5rem 0;font-size:.9rem}.footer-content{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}