:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.layout{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.nav{margin-bottom:3rem;padding:1rem 2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.home-link{text-decoration:none;color:#666;font-weight:400;transition:color .2s ease}.home-link:hover,.home-link.active{color:#333}.nav-links{display:flex;gap:3rem;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{text-decoration:none;color:#666;font-weight:400;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:#333}.main{min-height:60vh;max-width:60%;margin:0 auto;padding:0 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#f2efeb}.page{width:100%}.page h1{font-size:2rem;font-weight:300;margin-bottom:2rem;color:#222}.page h2{font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:#333}.page h3{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;color:#333}.page p{margin-bottom:1.5rem;color:#666}.projects-grid{margin-top:2rem}.project-item{margin-bottom:2rem}.project-item h3{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;color:#222}.project-item h3 a{color:inherit;text-decoration:underline;text-decoration-color:#ccc;transition:text-decoration-color .2s ease}.project-item h3 a:hover{text-decoration-color:#666}.project-description{margin-bottom:0}.project-description ul{margin:.5rem 0 0;padding-left:1.2rem}.project-description li{margin-bottom:.25rem}.blog-posts{margin-top:2rem}.blog-post{margin-bottom:1rem}.blog-post-header{display:flex;align-items:baseline;gap:1rem}.post-date{font-size:.9rem;color:#888;white-space:nowrap;flex-shrink:0}.blog-post h2{margin:0;font-size:1.2rem;font-weight:400}.photo-grid{column-count:auto;column-width:280px;column-gap:1.5rem;margin-top:2rem;padding-bottom:1rem}@media (max-width: 768px){.photo-grid{column-width:250px;column-gap:1.25rem}}.photo-item{break-inside:avoid;margin-bottom:1rem;width:100%}.photo-image{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.photo-image:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.photo-placeholder{height:100%;background:#f8f8f8;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;transition:transform .2s ease,box-shadow .2s ease}.photo-placeholder:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.social-links{margin-top:3rem;display:flex;gap:2rem;justify-content:center}.social-links a{color:#666;text-decoration:none;font-weight:400;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.social-links a:hover{color:#333}.page p a{color:#666;text-decoration:underline;text-decoration-color:#ccc;transition:color .2s ease,text-decoration-color .2s ease}.page p a:hover{color:#333;text-decoration-color:#666}