@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#f0f0f0;--muted:#555;--rule:#1e1e1e;--sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Fira Code", Consolas, monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:18px;line-height:1.6}body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}#app{max-width:720px;margin:0 auto;padding:0 40px}hr{border:none;border-top:1px solid var(--rule)}section{padding:80px 0}#hero{padding-top:140px;padding-bottom:100px}#hero-name{letter-spacing:-2.5px;color:var(--text);margin-bottom:24px;font-size:clamp(48px,9vw,84px);font-weight:700;line-height:1}#hero-tagline{color:var(--muted);max-width:520px;font-size:clamp(15px,2vw,18px);font-weight:300;line-height:1.65}h2{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-size:10px;font-weight:600}#about p{color:var(--text);max-width:580px;font-size:17px;font-weight:300;line-height:1.8}.timeline{flex-direction:column;gap:16px;display:flex}.timeline-entry{align-items:baseline;gap:32px;display:flex}.year{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:0 0 110px;font-size:12px;font-weight:400}.role{color:var(--text);font-size:15px;font-weight:400}.timeline-divider{letter-spacing:.12em;color:var(--muted);border-top:1px solid var(--rule);margin-top:8px;padding:28px 0;font-size:11px}.stack-list{font-family:var(--mono);color:var(--text);font-size:13px;line-height:2}.links-list{flex-direction:column;gap:16px;list-style:none;display:flex}.links-list a{color:var(--text);align-items:baseline;gap:20px;text-decoration:none;display:flex}.links-list a:hover .link-url{text-underline-offset:3px;text-decoration:underline}.link-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);flex:0 0 70px;font-size:10px;font-weight:600}.link-url{color:var(--text);font-size:15px;font-weight:400}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translate(-48px)}.reveal.visible{opacity:1;transform:translate(0)}@media (width<=600px){#app{padding:0 24px}#hero{padding-top:80px;padding-bottom:72px}section{padding:56px 0}#hero-name{letter-spacing:-1.5px}.timeline-entry{flex-direction:column;gap:4px}.year{flex:none}}