:root{--bg:#f5f5f2;--text:#1a1a1a;--muted:#8b8b86;--rule:#d9d9d4;--highlight:#f6e86a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:clamp(1.25rem, 5vw, 5rem)}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--text:#f5f5f2;--muted:#8f8f8a;--rule:#2a2a2a;--highlight:#e9d94f}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-size:1rem;font-weight:400;line-height:1.55}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3{font-weight:400}.muted{color:var(--muted)}b{color:var(--text);font-weight:400}mark{background:var(--highlight);color:#0f0f0f;white-space:nowrap;border-radius:.2em;margin:0 -.1em;padding:.05em .3em}.arrow{margin-left:.35em;transition:transform .15s;display:inline-block}a:hover .arrow{transform:translate(2px,-2px)}.site{justify-content:center;gap:0 var(--gutter);padding:5rem var(--gutter) 6rem;grid-template-columns:14rem minmax(0,32rem);min-height:100vh;display:grid}.side{flex-direction:column;align-self:start;gap:1.25rem;font-size:.9rem;display:flex;position:sticky;top:5rem}.side-top{flex-direction:column;gap:.15rem;display:flex}.name{font-size:1rem;font-weight:500}.email:hover{color:var(--muted)}.socials{color:var(--muted);flex-direction:column;gap:.35rem;display:flex}.socials a:hover{color:var(--text)}.story{flex-direction:column;gap:2.5rem;display:flex}.intro{flex-direction:column;gap:1rem;display:flex}.intro h2{letter-spacing:-.02em;margin:-.2rem 0 .25rem;font-size:1.5rem;line-height:1.2}.intro p{font-size:1rem}.story section+section{border-top:1px solid var(--rule);padding-top:1.5rem}.label{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.lead{margin-bottom:1rem}.projects{flex-direction:column;gap:1.25rem;display:flex}.projects li,.projects a{flex-direction:column;gap:.2rem;display:flex}.projects a:hover .muted,.inline-link{color:var(--text)}.inline-link:hover{color:var(--muted)}@media (width<=760px){.site{padding:2.5rem var(--gutter) 4rem;grid-template-columns:minmax(0,1fr);gap:2.5rem}.side{border-bottom:1px solid var(--rule);gap:1rem;padding-bottom:2rem;position:static}.socials{flex-direction:row;gap:1.25rem}.story{gap:2rem}}