.how-work{background:#0d0e0f;border-top:1px solid #1c1f21;border-bottom:1px solid #1c1f21;padding:72px 0 80px}.how-work-head{margin-bottom:36px}.how-kicker{font-family:var(--mono);letter-spacing:1px;color:var(--accent);align-items:center;gap:10px;font-size:11.5px;display:inline-flex}.how-kicker:before{content:"";background:var(--accent);width:18px;height:1px}.how-work h2{letter-spacing:-.022em;max-width:18ch;margin:12px 0;font-size:38px;line-height:1.08}.how-sub{color:var(--muted);max-width:820px;margin:0;font-size:16.5px;line-height:1.6}.work-arch{margin:16px 0 0}.work-arch-svg{width:100%;height:auto;display:block;overflow:visible}.work-arch-node rect{fill:#151718;stroke:#272a2d;stroke-width:1px}.work-arch-title{font-family:var(--sans);fill:#e6e7e4;font-size:16px;font-weight:500}.work-arch-detail{font-family:var(--sans);fill:#9a9f9f;font-size:13.5px}.work-arch-approval rect{stroke:#3a332b}.work-arch-approval .work-arch-title{fill:#e3b893}.work-arch-route rect{fill:#121816;stroke:#264038}.work-arch-route .work-arch-title{fill:#8ec9b5}.work-arch-route .work-arch-detail{font-family:var(--mono);fill:#9fc9b9;font-size:12px}.work-arch-hub rect{stroke:#33373a}.work-arch-link:hover .work-arch-hub rect,.work-arch-link:focus-visible .work-arch-hub rect{stroke:#4a4f52}.work-arch-chip rect{fill:#1b1d1f;stroke:#2a2d30}.work-arch-chip text{font-family:var(--mono);fill:#b9bdbc;font-size:11.5px}.work-arch-gpu rect{fill:#15201c;stroke:#2c4a40}.work-arch-gpu text{fill:#9fd8b6}.work-arch-line{fill:none;stroke:#4a4f52;stroke-width:1.1px}.work-arch-dash{stroke:#2f5146;stroke-dasharray:3 4}.work-arch-pill rect{fill:#121314;stroke:#2c2f32}.work-arch-pill text,.work-arch-label{font-family:var(--mono);fill:#8a8f90;font-size:11.5px}.work-arch-proto{fill:#c9b79f}.work-arch-cap{font-family:var(--mono);color:var(--faint);justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px;font-size:11.5px;display:flex}.work-arch-stack{display:none}.how-practices{border-top:1px solid #1f2224;margin-top:56px;padding-top:22px}.how-practices dl{grid-template-columns:1fr 1fr;column-gap:48px;margin:14px 0 0;display:grid}.how-practices dl div{border-bottom:1px solid #1b1e20;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;display:grid}.how-practices dt{font-family:var(--mono);color:var(--accent);padding-top:2px;font-size:11.5px}.how-practices dd{color:#cfd1ce;margin:0;font-size:14px;line-height:1.55}.built-with{color:#cfd1ce;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-top:40px;font-size:14px;display:flex}.built-with .bw-links a{border-bottom:1px solid #3a3e41;padding-bottom:2px}.built-with .bw-links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.built-with .sec-link{margin-left:auto}.home-projects{padding-top:88px}.home-projects .home-sec-heading{margin-bottom:8px}.home-projects-label{font-family:var(--mono);letter-spacing:.8px;color:var(--faint);margin:28px 0 14px;font-size:11.5px;font-weight:400}.home-project-list{border-top:1px solid #1d2022;margin:0;padding:0;list-style:none}.home-project-list li{border-bottom:1px solid #1d2022}.home-project-row{color:inherit;grid-template-columns:minmax(168px,220px) minmax(0,1fr) max-content max-content;align-items:baseline;gap:24px;padding:16px 4px;text-decoration:none;display:grid}.home-project-row:hover{background:#131516}.home-project-name b{color:var(--text);font-size:15.5px;font-weight:500;display:block}.hp-status{font-family:var(--mono);letter-spacing:.4px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-top:4px;font-size:10.5px;display:inline-flex}.hp-status:before{content:"";background:#7fd49a;border-radius:50%;width:6px;height:6px}.hp-status-dev:before{background:var(--accent)}.home-project-blurb{color:var(--muted);font-size:14.5px;line-height:1.5}.home-project-stack,.home-project-years{font-family:var(--mono);color:var(--faint);font-size:11.5px}.home-project-stack{white-space:nowrap}.home-project-years{text-align:right;white-space:nowrap}.earlier-projects{margin-top:22px}.earlier-projects summary{cursor:pointer;font-family:var(--mono);color:var(--accent);padding:10px 0;font-size:12px;list-style:none}.earlier-projects summary::-webkit-details-marker{display:none}.earlier-projects summary:after{content:" ↓"}.earlier-projects[open] summary:after{content:" ↑"}.home-experience{padding-top:104px}@media (width<=700px){.how-work{padding:48px 0 56px}.how-work h2{max-width:none;font-size:28px}.how-sub{font-size:15.5px}.work-arch-svg{display:none}.work-arch-stack{display:block}.work-arch-box{color:inherit;background:#151718;border:1px solid #272a2d;border-radius:14px;padding:14px 16px;text-decoration:none;display:block}.work-arch-box b{color:#e6e7e4;font-size:15.5px;font-weight:500}.work-arch-box p{color:#9a9f9f;margin:4px 0 0;font-size:14px;line-height:1.45}.work-arch-box-approval{border-color:#3a332b}.work-arch-box-approval b{color:#e3b893}.work-arch-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.work-arch-pair .work-arch-box p{font-size:13px}.work-arch-down{text-align:center;color:#6b7174;padding:9px 0;font-size:16px;line-height:1}.work-arch-chips{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.work-arch-chips span{font-family:var(--mono);color:#b9bdbc;text-align:center;background:#1b1d1f;border:1px solid #2a2d30;border-radius:7px;padding:5px 4px;font-size:10.5px}.work-arch-chips span.gpu{color:#9fd8b6;background:#15201c;border-color:#2c4a40}.work-arch-route-box{background:#121816;border:1px solid #264038;border-radius:10px;margin-top:12px;padding:10px 12px}.work-arch-route-box b{color:#8ec9b5;font-size:13px}.work-arch-route-box p{font-family:var(--mono);color:#9fc9b9;font-size:11.5px;line-height:1.6}.work-arch-loop{font-family:var(--mono);color:#8a8f90;text-align:center;margin:10px 0 0;font-size:11.5px}.work-arch-proto-note{font-family:var(--mono);color:#8a8f90;text-align:center;margin:10px 0 0;font-size:11px;line-height:1.7}.work-arch-proto-note b{color:#c9b79f;font-weight:400}.work-arch-cap{flex-direction:column;gap:8px}.how-practices{margin-top:40px}.how-practices dl{grid-template-columns:1fr}.how-practices dl div{grid-template-columns:1fr;gap:4px}.built-with{flex-direction:column;align-items:flex-start;gap:8px}.built-with .sec-link{margin-left:0}.built-with .bw-links{line-height:1.9}.home-projects{padding-top:64px}.home-project-row{padding:14px 2px;display:block}.home-project-name{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.home-project-name b{margin:0}.hp-status{flex:none;margin:0}.home-project-blurb{margin:4px 0 6px;font-size:14px;display:block}.home-project-stack:after{content:" · "}.home-project-years{text-align:left;white-space:nowrap;display:inline}.home-experience{padding-top:72px}}