.hco-project-index{background:var(--hco-paper);color:var(--hco-ink)}.hco-project-index-work{padding-block:0 var(--hco-section-space);scroll-margin-top:var(--hco-sticky-top)}.hco-project-index-toolbar{justify-content:space-between;align-items:center;gap:var(--hco-space-3);padding-block:0 var(--hco-space-3);border-bottom:1px solid var(--hco-rule);display:flex}.hco-project-index-toolbar>p{color:var(--hco-muted);font:400 var(--hco-small)/1.5 var(--hco-font-body);flex-shrink:0;margin:0}.hco-project-index-filters{gap:var(--hco-space-1);flex-wrap:wrap;display:flex}.hco-project-index-filters button{border-radius:var(--hco-button-radius);min-height:44px;color:var(--hco-body-color);font:500 var(--hco-small)/1.5 var(--hco-font-body);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 16px}.hco-project-index-filters button[aria-pressed=true]{color:var(--hco-paper);background:var(--hco-green)}.hco-project-index-filters button:hover{border-color:var(--hco-rule-strong)}.hco-project-index-grid{gap:var(--hco-space-3);margin-top:var(--hco-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hco-project-index-card{min-width:0;color:var(--hco-ink);border:1px solid var(--rule);border-radius:var(--hco-radius);background:var(--hco-paper);transition:border-color var(--hco-motion-fast) var(--hco-ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.hco-project-index-card:is(:hover,:focus-visible){border-color:var(--rule-strong)}.hco-project-index-card-image{aspect-ratio:16/10;background:var(--hco-surface);padding:var(--hco-space-4) var(--hco-space-4) 0;border-block:1px solid var(--rule);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hco-project-index-screen{border:1px solid var(--rule);border-radius:var(--hco-radius) var(--hco-radius) 0 0;background:var(--hco-paper);width:100%;transition:transform var(--hco-motion-image) var(--hco-ease);border-bottom:0;flex-shrink:0;overflow:hidden;box-shadow:0 12px 28px #14141414}.hco-project-index-screen-bar{border-bottom:1px solid var(--hco-rule);background:var(--hco-paper);align-items:center;gap:4px;height:18px;padding-left:9px;display:flex}.hco-project-index-screen-bar span{background:var(--hco-rule-strong);border-radius:50%;width:4px;height:4px}.hco-project-index-screen-capture{aspect-ratio:1.85;position:relative;overflow:hidden}.hco-project-index-screen-capture img{object-fit:cover;object-position:top center;display:block}.hco-project-index-card:hover .hco-project-index-screen{transform:translateY(-6px)}.hco-project-index-card-main{padding:var(--hco-space-3) var(--hco-space-3) var(--hco-space-3)}.hco-project-index-card-heading{justify-content:space-between;align-items:center;gap:var(--hco-space-3);display:flex}.hco-project-index-card h2{font:500 clamp(24px,2.2vw,30px)/1.2 var(--hco-font-body);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0}.hco-project-index-card-heading>span{font:400 23px/1 var(--hco-font-body);color:var(--hco-green);transition:transform var(--hco-motion-fast)}.hco-project-index-card:is(:hover,:focus-visible) .hco-project-index-card-heading>span{transform:translate(4px)}.hco-project-index-card-description{font:400 var(--hco-body-small)/1.7 var(--hco-font-body);color:var(--hco-body-color);max-width:60ch;margin:10px 0 0}.hco-project-index-card-accomplishments{gap:var(--hco-space-2);padding:var(--hco-space-2) var(--hco-space-3) var(--hco-space-3);font:400 var(--hco-small)/1.6 var(--hco-font-body);color:var(--hco-green);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.hco-project-index-card-accomplishments li{text-wrap:pretty;min-width:0;margin:0;padding:0}.hco-project-index :is(a,button):focus-visible{outline:2px solid var(--hco-green);outline-offset:5px}@media (max-width:1050px){.hco-project-index-card-image{padding:var(--hco-space-3) var(--hco-space-3) 0}.hco-project-index-card h2{font-size:26px}.hco-project-index-card-accomplishments{gap:var(--hco-space-1);grid-template-columns:1fr}}@media (max-width:760px){.hco-project-index-toolbar{align-items:start;gap:var(--hco-space-2);padding-bottom:var(--hco-space-2);flex-direction:column-reverse}.hco-project-index-filters{gap:4px}.hco-project-index-filters button{padding:8px 11px;font-size:12px}.hco-project-index-grid{gap:var(--hco-space-2);margin-top:var(--hco-space-3);grid-template-columns:1fr}.hco-project-index-card-image{padding:var(--hco-space-2) var(--hco-space-2) 0}.hco-project-index-card-main{padding:var(--hco-space-2)}.hco-project-index-card-description{margin-top:8px}.hco-project-index-card-accomplishments{padding:var(--hco-space-2)}}@media (prefers-reduced-motion:reduce){.hco-project-index-screen,.hco-project-index-card-heading>span{transition:none}.hco-project-index-card:hover .hco-project-index-screen,.hco-project-index-card:is(:hover,:focus-visible) .hco-project-index-card-heading>span{transform:none}}