:root{--bg:#fbfbfa;--fg:#1c1f23;--muted:#5f6670;--line:#e3e4e6;--accent:#0369a1}@media(prefers-color-scheme:dark){:root{--bg:#121417;--fg:#e8e9eb;--muted:#9aa1ab;--line:#2a2e34;--accent:#38bdf8}}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg)}body{margin:0;font:16px/1.65 system-ui,-apple-system,segoe ui,Roboto,sans-serif}.wrap{max-width:44rem;margin:0 auto;padding:0 16px}main.wrap{padding-top:12vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hero{display:flex;gap:1.25rem;align-items:center}.avatar{border-radius:50%;object-fit:cover;flex:none}h1{font-size:1.75rem;margin:0;letter-spacing:-.01em}.role{margin:.25rem 0 0;color:var(--muted)}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:.4rem;margin:2.5rem 0 1rem}.intro{margin-top:1.5rem}.links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem}.projects{list-style:none;padding:0;margin:0}.projects li{margin-bottom:1.1rem}.when{color:var(--muted);font-size:.85rem;margin-left:.4rem}.foot{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-top:4rem;padding-bottom:2rem;border-top:1px solid var(--line);padding-top:1rem}@media(max-width:480px){.hero{flex-direction:column;align-items:flex-start}}