:root{--background:#ffffff;--text-primary:#111111;--text-secondary:#6b7280;--link:#111111;--link-hover:#000000;--placeholder-bg:#f2f2f2}@media (prefers-color-scheme:dark){:root{--background:#0c0c0c;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--link:#f5f5f5;--link-hover:#ffffff;--placeholder-bg:#1a1a1a}}body{background:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.6}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem;margin-top:0}h2{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem;color:var(--text-secondary)}h2,h3{font-weight:600}h3{font-size:1.1rem;margin-bottom:.25rem}h3,p{margin-top:0}p{margin-bottom:1rem;font-size:1rem}a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}a:hover{color:var(--link-hover);border-color:currentColor}.container{max-width:760px;margin:0 auto;padding:2rem 1rem 3rem}header{margin-bottom:2.5rem}header h2{font-size:1rem;font-weight:500;margin-top:0;margin-bottom:1.5rem}.tagline,header h2{color:var(--text-secondary)}.tagline{font-size:1.05rem;margin-bottom:1rem}section{margin-bottom:3rem}.period{color:var(--text-secondary);margin-top:0;margin-bottom:1rem}.item,.project{margin-bottom:2rem;display:flex;gap:1rem}.item-image{flex-shrink:0;width:120px;height:120px;border-radius:6px;overflow:hidden}.placeholder-image{width:100%;height:100%;background-color:var(--placeholder-bg)}.project-image{width:100%;height:100%;object-fit:cover}.item-content{flex:1 1}.resume-link{margin-top:2rem}.social{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-bottom:none}.social img,.social svg{width:24px;height:24px;display:block}@media (prefers-color-scheme:dark){.social img{filter:invert(1)}}@media (max-width:768px){.container{padding:1rem}h1{font-size:2.1rem}.social{gap:1rem}.item,.project{flex-direction:column;gap:1rem}.item-image{width:100%;height:180px}}