.work-index{padding:92px 5% 88px;background:var(--pink);color:var(--forest);border-bottom:1px solid #143c2b45;scroll-margin-top:14px}
.work-index-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:44px}
.work-index-heading h2{font:clamp(56px,7.3vw,112px)/.93 Display,sans-serif;letter-spacing:-.025em;margin-top:23px}
.work-index-heading h2 em{font:italic .82em/1.15 Georgia,serif;letter-spacing:-.055em}
.work-index-intro{padding-bottom:4px;min-width:230px}.work-index-intro p{font-size:15px;line-height:1.7}.work-index-intro .text-link{margin-top:15px}
.work-index-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:5%;grid-auto-flow:column;grid-template-rows:repeat(7,auto);border-top:1px solid #143c2b65}
.work-index-list li{min-width:0;border-bottom:1px solid #143c2b65}
.work-index-link{display:grid;grid-template-columns:25px 64px minmax(0,1fr) 26px;gap:17px;align-items:center;padding:14px 7px;min-height:94px;transition:background .22s,color .22s}
.work-index-number{font:10px Mono,monospace;align-self:start;padding-top:5px}
.work-index-link img{width:64px;height:64px;object-fit:cover;border-radius:2px;transition:transform .35s}
.work-index-name{font:clamp(22px,2.2vw,32px)/1.03 Display,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.work-index-name small{display:block;font:8px/1.4 Mono,monospace;letter-spacing:.05em;margin-top:8px}
.work-index-arrow{font:25px Inter,sans-serif;text-align:right;transition:transform .25s}
.work-index-link:hover{background:#f5f1e655}.work-index-link:hover .work-index-arrow{transform:translate(3px,-3px)}.work-index-link:hover img{transform:rotate(-4deg) scale(1.03)}
.work-index-link:focus-visible{outline:3px solid var(--forest);outline-offset:-3px;background:#f5f1e655}
@media(min-width:1500px){.work-index{padding-left:8%;padding-right:8%}}
@media(max-width:650px){.work-index{padding:65px 5% 60px}.work-index-heading{display:block;margin-bottom:32px}.work-index-heading h2{font-size:68px}.work-index-intro{margin-top:27px}.work-index-intro p{font-size:14px}.work-index-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.work-index-link{grid-template-columns:23px 57px minmax(0,1fr) 22px;gap:13px;padding:12px 4px;min-height:82px}.work-index-link img{width:57px;height:57px}.work-index-name{font-size:27px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .work-index-link,html:not(.motion-user-on) .work-index-link img,html:not(.motion-user-on) .work-index-arrow{transition:none}}
html.reduce-motion .work-index-link,html.reduce-motion .work-index-link img,html.reduce-motion .work-index-arrow{transition:none}

/* Individually composed thumbnails keep the small index views legible. */
.work-index-thumb{display:block;overflow:hidden;width:64px;height:64px;border-radius:2px;background:var(--thumb-background)}
.work-index-thumb img{width:100%;height:100%;object-fit:var(--thumb-fit);object-position:var(--thumb-position);transform:scale(var(--thumb-zoom));transform-origin:var(--thumb-position)}
.work-index-link:hover .work-index-thumb img{transform:scale(calc(var(--thumb-zoom)*1.06))}
@media(max-width:650px){.work-index-thumb{width:57px;height:57px}.work-index-thumb img{width:100%;height:100%}}