/* Compact editorial index: navigation replaces the decorative project reel. */
.project-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:2.5rem 0 1.5rem;border-top:var(--hairline)}
.project-index a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;min-width:0;padding:1.4rem 0;border-bottom:var(--hairline);min-height:110px}
.project-index .data{color:var(--signal);padding-top:.45rem;font-size:.75rem}
.project-index strong{display:block;font:600 clamp(1.6rem,2.3vw,2.3rem)/1.08 var(--font-display);margin-bottom:.45rem}
.project-index small{display:block;font:.875rem/1.5 var(--font-body);color:var(--muted)}
.project-index a>span:last-child{font-size:1.3rem;color:var(--signal);padding-top:.15rem;transition:transform 220ms var(--ease-out)}
.project-index a:hover strong{color:var(--signal)}
.project-index a:hover>span:last-child{transform:translate(3px,3px)}
.project-index a:focus-visible{outline:2px solid var(--signal);outline-offset:6px}
.projects-section>.featured-project,.projects-section>.circuit-case{scroll-margin-top:1.5rem}
.projects-section>:is(.featured-project,.circuit-case):focus{outline:none}
.projects-section>:is(.featured-project,.circuit-case):focus-visible{outline:2px solid var(--signal);outline-offset:8px}
@media(max-width:1100px){.project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.project-index strong{font-size:1.8rem}}
@media(max-width:600px){.project-index{margin-top:1.5rem;gap:0 1.2rem}.project-index a{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .5rem;padding:1rem 0;min-height:126px}.project-index a>.data{grid-column:1/-1;padding:0}.project-index strong{font-size:1.6rem}.project-index small{font-size:.875rem}.project-index a>span:last-child{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.project-index a>span:last-child{transition:none}}
html[data-motion=reduced] .project-index a>span:last-child{transition:none}