*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#111113;--border:#1e1e22;--accent:#c8a96e;--accent-dim:#7a6540;--text:#e8e4dc;--muted:#6b6760;--ff-display:"Cormorant Garamond", serif;--ff-mono:"DM Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--ff-mono);min-height:100vh;font-size:14px;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#c8a96e0a 0%,#0000 70%);width:60vw;height:60vh;position:fixed;top:-30vh;left:50%;transform:translate(-50%)}.wrapper{z-index:1;max-width:900px;margin:0 auto;padding:0 2rem;position:relative}header{border-bottom:1px solid var(--border);padding:6rem 0 4rem}.header-label{font-family:var(--ff-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:0;margin-bottom:1.5rem;font-size:11px;animation:.6s .1s forwards fadeUp}h1{font-family:var(--ff-display);letter-spacing:-.02em;color:var(--text);opacity:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:300;line-height:1.05;animation:.7s .2s forwards fadeUp}h1 em{color:var(--accent);font-style:italic}.header-role{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);opacity:0;margin-top:1rem;font-size:12px;animation:.7s .35s forwards fadeUp}.header-bio{max-width:520px;color:var(--muted);opacity:0;margin-top:2rem;font-size:13px;line-height:1.8;animation:.7s .5s forwards fadeUp}section{border-bottom:1px solid var(--border);padding:4rem 0}.section-label{letter-spacing:.25em;text-transform:uppercase;color:var(--accent-dim);align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:10px;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.projects{background:var(--border);border:1px solid var(--border);gap:1px;display:grid}.project-card{background:var(--surface);color:inherit;grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:2rem 2.5rem;text-decoration:none;transition:background .2s;display:grid;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--accent);transform-origin:bottom;width:2px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-card:hover{background:#151518}.project-card:hover:before{transform:scaleY(1)}.project-card:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-number{color:var(--accent-dim);letter-spacing:.1em;margin-bottom:.5rem;font-size:10px}.project-name{font-family:var(--ff-display);color:var(--text);letter-spacing:.01em;margin-bottom:.4rem;font-size:1.5rem;font-weight:400}.project-desc{color:var(--muted);max-width:480px;font-size:12px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);padding:.2rem .6rem;font-size:10px}.project-arrow{color:var(--border);margin-top:.2rem;font-size:1.2rem;transition:transform .2s,color .2s}.project-card.coming-soon{cursor:default;opacity:.5}.project-card.coming-soon:hover{background:var(--surface)}.project-card.coming-soon:before{display:none}.stack-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;display:grid}.stack-item{background:var(--surface);color:var(--muted);flex-direction:column;gap:.3rem;padding:1.2rem 1.5rem;font-size:12px;display:flex}.stack-item span{color:var(--text);font-size:13px}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:3rem 0;display:flex}.footer-name{font-family:var(--ff-display);color:var(--muted);font-size:1.1rem}.footer-copy{color:var(--accent-dim);letter-spacing:.1em;font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.reveal.visible{opacity:1;transform:none}@media (width<=600px){header{padding:4rem 0 3rem}.project-card{grid-template-columns:1fr;padding:1.5rem}.project-arrow{display:none}footer{flex-direction:column;align-items:flex-start}}nav{border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;gap:1.5rem;margin-bottom:2rem;padding:1rem 0;font-size:12px;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a.router-link-active{color:var(--accent)}.post-content h1,.post-content h2,.post-content h3{font-family:var(--ff-display);color:var(--text);margin:1.5rem 0 .75rem;font-weight:300}.post-content p{color:var(--muted);margin-bottom:1rem;line-height:1.8}.post-content code{font-family:var(--ff-mono);background:var(--surface);border:1px solid var(--border);padding:.1rem .4rem;font-size:12px}