.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:22px 24px;display:flex}.work-card .top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.work-card .kind{font:500 11px/1.4 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--teal)}.work-card .years{font:500 12px/1.4 var(--font-mono);color:var(--muted);white-space:nowrap}.work-card h3{font:600 19px/1.28 var(--font-sans);letter-spacing:-.4px;text-wrap:balance;margin:0}.work-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.work-card .tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.work-card .tag{font:500 11px/1 var(--font-mono);border:1px solid var(--border);color:var(--text);background:#0a0f1480;border-radius:6px;padding:6px 8px}.work-card .tag.platform{color:var(--teal);border-color:#1fd1ae4d}.work-card.current{border-color:#1fd1ae73;box-shadow:0 0 32px #1fd1ae14}.work-card .kind.design{color:#ffb547}.design-band{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:28px;display:grid}@media (width<=760px){.design-band{grid-template-columns:1fr}}.design-copy h3{font:800 28px/1.15 var(--font-sans);letter-spacing:-1px;text-wrap:balance;margin:0 0 10px}.design-copy p{color:var(--muted);max-width:60ch;margin:0 0 14px}.design-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.design-list li{font:500 12px/1 var(--font-mono);color:var(--teal);border:1px solid #1fd1ae4d;border-radius:6px;padding:8px 10px}.design-links{flex-direction:column;gap:10px;display:flex}.design-link{border:1px solid var(--border);color:var(--text);background:#0a0f1480;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.design-link:hover{border-color:var(--teal)}.design-link .kind{font:500 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.section-note{color:var(--muted);margin:-8px 0 16px;font-size:14px}.quotes{columns:3 320px;column-gap:16px}.quote{break-inside:avoid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;margin:0 0 16px;padding:22px 24px;display:flex}.quote blockquote{color:var(--text);margin:0;font-size:16px;line-height:1.6}.quote blockquote:before{content:"“";font:800 40px/.6 var(--font-sans);color:var(--teal);margin-bottom:10px;display:block}.quote figcaption{font:500 12px/1.4 var(--font-mono);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.talks{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.talk{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:8px;padding:20px 22px;text-decoration:none;display:flex}a.talk:hover{border-color:var(--teal)}.talk .meta{font:500 11px/1.4 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);justify-content:space-between;gap:12px;display:flex}.talk h3{font:600 18px/1.3 var(--font-sans);letter-spacing:-.3px;margin:0}.talk .event{color:var(--muted);font-size:14px}.site-bar .cta,.cta{background:var(--teal);color:#06231e;font:600 15px/1.2 var(--font-sans);border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;text-decoration:none;display:inline-flex;box-shadow:0 0 32px #1fd1ae40}.cta:hover{filter:brightness(1.08)}.cta.big{padding:16px 24px;font-size:17px}.work-card .shot{border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);margin:-22px -24px 6px;overflow:hidden}.work-card .shot img{aspect-ratio:1200/750;width:100%;height:auto;display:block}.oss{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.repo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;display:flex}.repo:hover{border-color:var(--teal)}.repo .head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.repo .name{font:600 17px/1.2 var(--font-mono)}.repo .stars{font:500 13px/1 var(--font-mono);color:var(--teal);white-space:nowrap}.repo p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.repo .lang{font:500 11px/1 var(--font-mono);color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:auto}.upstream{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.upstream a{font:500 12px/1 var(--font-mono);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:9px 12px;text-decoration:none}.upstream a b{color:var(--teal);font-weight:500}.upstream a:hover{border-color:var(--teal)}.contact{background:var(--surface);border:1px solid #1fd1ae59;border-radius:16px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 0 60px #1fd1ae14}@media (width<=760px){.contact{grid-template-columns:1fr}}.contact .contact-title{font:800 clamp(30px, 4vw, 44px)/1.08 var(--font-sans);letter-spacing:-1.5px;margin:14px 0 10px;display:block}.contact p{color:var(--muted);max-width:52ch;margin:0;font-size:17px}.contact-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.email-row{border:1px solid var(--border);font:500 14px/1 var(--font-mono);background:#0a0f1480;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.email-row span{-webkit-user-select:all;user-select:all}.email-row button{font:600 13px/1 var(--font-sans);color:var(--teal);cursor:pointer;background:0 0;border:1px solid #1fd1ae66;border-radius:8px;padding:8px 10px}.contact-links{gap:16px;font-size:14px;display:flex}.contact-links a{color:var(--muted)}.contact-links a:hover{color:var(--teal)}.work-grid.featured{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr))}.work-grid.compact{align-items:start}.subhead{font:600 18px/1.3 var(--font-sans);letter-spacing:-.4px;color:var(--muted);margin:32px 0 14px}.case .prose{max-width:72ch;color:var(--text);font-size:17px;line-height:1.6}.case .prose p{margin:0 0 14px}.case .prose ul{color:var(--muted);margin:0 0 14px;padding-left:20px}.case .prose li{margin-bottom:8px}.case-shot{border:1px solid var(--border);border-radius:16px;margin:0;overflow:hidden}.case-shot img{width:100%;height:auto;display:block}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.steps article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.steps h3{font:600 18px/1.3 var(--font-sans);margin:0 0 8px}.steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.work-card .case-link{font:500 13px/1 var(--font-mono);color:var(--teal);margin-top:auto}a.brand,.work-card .case-link{text-decoration:none}.work-card .case-link:hover{text-decoration:underline}.origin{max-width:72ch;color:var(--muted);border-left:2px solid var(--teal);margin:0;padding-left:16px;font-size:15px;line-height:1.6}
