:root{--text: #0a0a0a;--muted: #555;--rule: #e5e5e5;--maxw: 920px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{font-size:44px;font-weight:600;letter-spacing:-.015em;line-height:1.15}h2{font-size:24px;font-weight:600;letter-spacing:-.01em}h3{font-size:19px;font-weight:600}p{color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px;width:100%}.nav{padding:28px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.brand:hover{text-decoration:none}.brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-size:16px;color:var(--muted)}.nav-link.active,.nav-link:hover{color:var(--text);text-decoration:none}.nav-socials{display:flex;align-items:center;gap:16px;margin-left:8px}.nav-social{color:var(--muted);display:inline-flex;transition:color .15s}.nav-social:hover{color:var(--text);text-decoration:none}.main{flex:1;padding:56px 0 96px}.hero h1{margin-bottom:20px}.hero-role{color:var(--muted);font-size:18px;margin-bottom:36px}.hero-banner{display:block;margin-bottom:40px;border-radius:10px;overflow:hidden;line-height:0}.hero-banner img{width:100%;height:auto;display:block}.hero-banner:hover{text-decoration:none;opacity:.92}.hero-bio p{font-size:18px;margin-bottom:20px}.hero-bio p:last-child{margin-bottom:0}.hero-links{margin-top:36px;display:flex;flex-wrap:wrap;gap:24px;font-size:16px}.hero-link{display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--text);padding-bottom:2px}.hero-link:hover{text-decoration:none;opacity:.6}.section-rule{border:none;border-top:1px solid var(--rule);margin:72px 0 48px}.section-title{margin-bottom:32px}.projects-intro{margin-bottom:48px}.projects-intro p{color:var(--muted);font-size:18px;max-width:620px;margin-top:12px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 56px}.project-card{display:flex;flex-direction:column}.project-image-link{display:block;margin-bottom:18px;overflow:hidden;border-radius:8px;aspect-ratio:16 / 10;background:#f3f3f3;line-height:0}.project-image-link:hover{text-decoration:none}.project-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-image-link:hover .project-image{transform:scale(1.02)}.project-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.project-head h3{font-size:22px;font-weight:600}.project-meta{color:var(--muted);font-size:14px;white-space:nowrap}.project-desc{color:var(--muted);font-size:16px}.project-links{margin-top:16px;display:flex;gap:20px;font-size:15px}.project-link{color:var(--muted);border-bottom:1px solid var(--muted);padding-bottom:1px}.project-link:hover{color:var(--text);border-color:var(--text);text-decoration:none}.footer{padding:48px 0 40px;border-top:1px solid var(--rule);color:var(--muted);font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}.notfound{padding:80px 0}.notfound h1{margin-bottom:12px}.notfound p{color:var(--muted);margin-bottom:20px}@media (max-width: 640px){html,body{font-size:16px}h1{font-size:34px}.nav{padding:20px 0}.nav-links{gap:18px}.nav-socials{gap:12px}.project-grid{grid-template-columns:1fr;gap:40px}}