.home-content{gap:var(--space-8)}.home-intro{gap:var(--space-5);display:grid}.intro-portrait-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.intro-portrait{border:1px solid var(--line);border-radius:50%;padding:5px;display:block}.intro-portrait img{object-fit:cover;filter:grayscale();width:80px;height:80px;transition:filter var(--duration-normal) var(--ease);border-radius:50%;display:block}.intro-portrait:hover img{filter:grayscale(0)}.intro-note{color:var(--muted);text-align:right;font-size:12px;line-height:1.7}.intro-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(28px,5.5vw,36px);font-weight:550}.intro-role{color:var(--muted);letter-spacing:-.045em;text-wrap:balance;margin:9px 0 0;font-size:clamp(19px,3.7vw,25px);line-height:1.4}.intro-copy,.background-copy{gap:18px;display:grid}.intro-copy p,.background-copy p{margin:0}.intro-actions{align-items:center;gap:var(--space-5);display:flex}.now-note{margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--line);color:var(--muted);align-items:baseline;gap:10px;font-size:12px;display:flex}.now-note p{margin:0}.now-note p>span{color:var(--muted);margin-inline:7px}.now-note a{color:var(--fg-soft);text-decoration:none}.status-dot{background:var(--accent);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.home-section{gap:var(--space-5);display:grid}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.section-heading h2{letter-spacing:-.035em;margin:9px 0 0;font-size:20px;font-weight:500}.section-heading>a{flex:none;padding-bottom:2px}.selected-projects{border-top:1px solid var(--line)}.selected-project{padding:var(--space-5) 0;border-bottom:1px solid var(--line);align-items:center;gap:20px;text-decoration:none;display:flex}.project-copy{flex:1;gap:5px;min-width:0;display:grid}.project-title{color:var(--fg);letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;font-weight:550;display:flex}.project-open-source{color:var(--muted);letter-spacing:0;font-size:10px;font-weight:400}.project-description{color:var(--fg-soft);font-size:13px;line-height:1.65}.project-copy .entry-meta{margin-top:3px;font-size:11px}.selected-project:hover .project-mark{background:var(--hover);color:var(--accent)}.selected-project:hover .link-arrow{color:var(--fg);transform:translate(2px,-2px)}.home-writings{border:1px solid var(--line);border-radius:var(--radius-md);padding:0 var(--space-5);background:var(--surface)}.home-writing{align-items:center;gap:20px;padding:23px 0;text-decoration:none;display:flex}.home-writing+.home-writing{border-top:1px solid var(--line)}.writing-number{font:10px/1.8 var(--mono);color:var(--muted);align-self:flex-start;margin-top:3px}.writing-copy{flex:1;min-width:0}.writing-copy .entry-meta{font-size:10px}.writing-copy h3{letter-spacing:-.025em;margin:6px 0;font-size:16px;font-weight:500}.writing-copy time{color:var(--muted);font-size:11px}.home-writing:hover h3{color:var(--accent)}.home-writing:hover .link-arrow{color:var(--fg);transform:translate(2px,-2px)}.career-list{margin-top:var(--space-2);display:grid}.career-row{border-bottom:1px solid var(--line);grid-template-columns:155px 1fr auto;gap:16px;padding:15px 0;font-size:12px;display:grid}.career-row:first-child{border-top:1px solid var(--line)}.career-row>:first-child{color:var(--fg)}.career-row>:nth-child(2){color:var(--muted)}.career-year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.background-section>.text-link{justify-self:start}@media (width<=600px){.home-content{gap:56px}.intro-note{font-size:11px}.intro-actions{gap:18px}.section-heading h2{font-size:18px}.section-heading{align-items:flex-start}.section-heading>a{margin-top:3px;font-size:11px}.selected-project{gap:14px}.selected-project .project-mark{border-radius:10px;width:48px;height:52px}.project-open-source{display:none}.home-writings{padding-inline:18px}.home-writing{gap:14px}.career-row{grid-template-columns:1fr auto;gap:5px 12px}.career-row>:nth-child(2){grid-row:2}.career-year{grid-area:1/2}}@media (width<=360px){.intro-actions{gap:12px}.intro-actions .text-link{font-size:11px}.selected-project{gap:12px}.home-writing{gap:10px}}
