.work-index{padding-block:clamp(4rem,10vw,8rem) clamp(6rem,14vw,10rem);padding-inline:clamp(1.5rem,5vw,4rem)}.work-index-lead{max-width:34rem;color:var(--fg-muted);margin-top:1.5rem}.work-index-grid{grid-template-columns:repeat(12,1fr);gap:clamp(3.5rem,9vw,7rem) clamp(1rem,4vw,3rem);margin:clamp(3rem,8vw,6rem) 0 0;padding:0;list-style:none;display:grid}.work-index-row{grid-column:1/9}.work-index-row:nth-child(3n+2){grid-column:5/13}.work-index-row:nth-child(3n){grid-column:2/10}@media (max-width:47.9375rem){.work-index-row,.work-index-row:nth-child(3n+2),.work-index-row:nth-child(3n){grid-column:1/-1}}.work-index-card{color:inherit;text-decoration:none;display:block}.work-index-frame{aspect-ratio:8/5;border-radius:var(--radius-0);clip-path:inset(6% 0 0);opacity:.82;transition:clip-path var(--t-slow) var(--e-out), opacity var(--t-base) var(--e-out), transform var(--t-slow) var(--e-out);transition-delay:calc(var(--i,0) * var(--reveal-stagger-mid,.11s));display:block;position:relative;overflow:hidden;transform:translateY(.75rem)}.work-index-row.is-developed .work-index-frame{clip-path:inset(0);opacity:1;transform:none}.work-index-cover{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.work-index-veil{background:var(--bg);opacity:.16;transition:opacity var(--t-base) var(--e-out);position:absolute;inset:0}.work-index-card:focus-visible .work-index-veil{opacity:0}@media (hover:hover) and (pointer:fine){.work-index-card:hover .work-index-veil{opacity:0}}.work-index-meta{margin-top:.875rem;display:block}.work-index-title{font-family:var(--font-display);display:block}.work-index-status{color:var(--accent);margin-top:.375rem;display:inline-block}.work-index-data{font-family:var(--font-mono);color:var(--fg-muted);margin-top:.375rem;display:block}@media (prefers-reduced-motion:reduce){.work-index-frame{clip-path:none;opacity:1;transition:none;transform:none}.work-index-veil{transition:none}}@media (scripting:none){.work-index-frame{clip-path:none;opacity:1;transition:none;transform:none}}