.proj-hero{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, black 8%)}.proj-hero .container{padding:26px 0 22px}.proj-hero .lead{color:var(--muted);max-width:72ch}.section{padding:28px 0 48px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.chip[aria-current=true],.chip.active{color:#eaf1ff;background:#0e1622}html[data-theme=light] .chip[aria-current=true],html[data-theme=light] .chip.active{color:#f4f8ff;background:#0f1a28}.projects-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;display:grid}.card.project-card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:16px;text-decoration:none;transition:transform .12s,background .12s,border-color .12s;display:grid;overflow:hidden}.card.project-card:hover{background:#0e1622;border-color:#22324a;transform:translateY(-2px)}.card.project-card .body{gap:8px;display:grid}.card .meta{flex-wrap:wrap;gap:8px;display:flex}.badge{color:#c7dfff;border:1px solid var(--border);background:#1a2738;border-radius:999px;padding:3px 8px;font-size:12px}.badge.green{color:#b9f8d0;background:#153522;border-color:#1d3d2d}.tag{color:var(--muted);font-size:12px}.project-card .thumb{background:#0b1220;position:relative;overflow:hidden}.project-card .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.ratio-16x9{aspect-ratio:16/9}.ratio-9x16{aspect-ratio:9/16}.pos-top img{object-position:center top}.pos-center img{object-position:center center}.pos-bottom img{object-position:center bottom}.project-card.horizontal{grid-template-columns:1fr;grid-auto-rows:auto}.project-card.horizontal .thumb{aspect-ratio:16/9}.project-card.horizontal .body{padding:10px 14px 14px}.project-card.vertical{grid-template-columns:auto 1fr;align-items:stretch;column-gap:12px}.project-card.vertical .thumb{aspect-ratio:9/16;border-radius:12px;width:clamp(140px,32%,220px);margin:12px 0 12px 12px}.project-card.vertical .body{padding:12px 14px}html[data-template=project] .page-content h1,body.page-project .page-content h1{color:var(--brand-2)}@media (width<=980px){.projects-grid,.project-card.vertical{grid-template-columns:1fr}.project-card.vertical .thumb{aspect-ratio:16/9;border-radius:0;width:100%;margin:0}.project-card.vertical .body{padding:10px 14px 14px}}.project-card .body .meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.project-card .body .meta .badge,.project-card .body .meta .tag{white-space:nowrap;border-radius:999px;align-items:center;height:22px;padding:0 10px;line-height:1;display:inline-flex}.project-card .body .meta .tag{border:1px solid var(--border);color:var(--muted);background:0 0}