.statusFilters{align-items:center;gap:12px;display:flex}.statusFilter{appearance:none;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;line-height:1;transition:color .16s;display:inline-flex}.statusFilter:hover{color:var(--muted)}.statusFilter:focus-visible{outline:1px solid var(--line);outline-offset:4px}.statusFilter[aria-pressed=true]{color:var(--text)}.statusFilterDot{opacity:.35;border-radius:50%;flex:none;width:6px;height:6px;transition:opacity .16s}.statusFilter[data-filter-status=in-development] .statusFilterDot{background:var(--status-development)}.statusFilter[data-filter-status=working-prototype] .statusFilterDot,.statusFilter[data-filter-state=required] .statusFilterDot{background:var(--status-working)}.statusFilter[data-filter-status=complete] .statusFilterDot,.statusFilter[data-filter-state=acquired] .statusFilterDot{background:var(--status-complete)}.statusFilter[aria-pressed=true] .statusFilterDot{opacity:1}@media (width<=620px){.statusFilters{gap:10px}}.projectHeadingMeta{align-items:center;gap:18px;min-width:0;display:flex}.projectColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);min-height:0;display:grid}.projectRows{min-width:0}.projectRow{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr) auto;align-content:center;gap:3px 14px;min-height:94px;padding-inline:10px;transition:background-color .16s,border-color .16s;display:grid}.projectRow[hidden]{display:none!important}.projectRow[data-status=in-development]:hover,.projectRow[data-status=in-development]:focus-visible{background:color-mix(in srgb, var(--status-development) 7%, transparent);border-bottom-color:var(--status-development)}.projectRow[data-status=working-prototype]:hover,.projectRow[data-status=working-prototype]:focus-visible{background:color-mix(in srgb, var(--status-working) 7%, transparent);border-bottom-color:var(--status-working)}.projectRow[data-status=complete]:hover,.projectRow[data-status=complete]:focus-visible{background:color-mix(in srgb, var(--status-complete) 7%, transparent);border-bottom-color:var(--status-complete)}.projectRow:hover .projectRowMain strong,.projectRow:focus-visible .projectRowMain strong{color:var(--text)}.projectRow:hover .projectRowArrow,.projectRow:focus-visible .projectRowArrow{color:var(--accent);transform:translate(3px)}.projectRowNumber,.projectRowYear{color:var(--dim);font-size:var(--type-label);font-weight:700}.projectRowNumber{font-size:var(--type-meta);font-variant-numeric:tabular-nums;grid-area:2/1;align-self:baseline;line-height:1}.projectRowMain{display:contents}.projectRowMain strong{color:var(--text-soft);font-size:var(--type-project);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-weight:500;transition:color .16s;overflow:hidden}.projectRowMeta{grid-area:2/2;align-self:baseline;align-items:baseline;gap:10px;min-width:0;display:flex}.projectRowMain small{color:var(--muted);font-size:var(--type-label);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:700;overflow:hidden}.projectRowSide .projectStatusBadge{position:relative;top:2px}.projectRowSide{white-space:nowrap;grid-area:2/3;justify-content:flex-end;align-self:baseline;align-items:baseline;gap:10px;display:inline-flex}.projectRowArrow{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:15px;transition:color .16s,transform .16s}@media (width<=1200px){.projectColumns{grid-template-columns:1fr;gap:0}}@media (width<=820px){.projectRow{min-height:78px}}@media (width<=620px){.projectsView .viewHeading{flex-direction:column;align-items:flex-start;gap:24px}.projectHeadingMeta{flex-direction:column;align-items:flex-start;gap:9px}.projectRow{grid-template-rows:auto auto auto;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;min-height:96px;padding:10px 6px}.projectRowSide{grid-area:3/2;justify-content:flex-start;gap:8px}.projectRowMeta{gap:6px 8px}.projectRowMain small{font-size:var(--type-meta)}}@media (height<=720px) and (width>=821px){.projectRow{min-height:68px}}