/* Cothink selected work index — a growing editorial archive, not a centred four-card grid. */
.work-index{padding:0 32px 170px}.work-index-head{display:flex;justify-content:space-between;gap:24px;padding:0 0 17px;border-bottom:1px solid var(--ink);font:11px var(--mono);letter-spacing:.04em}.work-index-head p{margin:0}.work-index-head p:last-child{color:var(--stone)}.work-index-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(28px,7vw,120px);align-items:end;padding:18px 0 100px;border-bottom:1px solid var(--hairline)}.work-index-feature figure{min-height:clamp(420px,50vw,690px);margin:0;overflow:hidden;background:var(--fog)}.work-index-feature img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.16) contrast(1.03);transition:transform .8s var(--ease-in-out),filter .5s var(--ease-out)}.work-index-feature:hover img,.work-index-feature:focus-visible img{transform:scale(1.04);filter:grayscale(0) contrast(1.06)}.work-index-feature-copy{padding-bottom:4px}.work-index-feature-copy>span{display:block;margin-bottom:22px;color:var(--stone);font:11px var(--mono);letter-spacing:.05em}.work-index-feature-copy h2{max-width:7ch;margin:0;font:clamp(64px,7.6vw,130px)/.78 var(--display);letter-spacing:-.08em}.work-index-feature-copy p{max-width:27ch;margin:28px 0 0;font-size:16px;line-height:1.35}.work-index-rows{width:min(77%,1050px);margin:0 0 0 auto;border-top:1px solid var(--ink)}.work-index-row{display:grid;grid-template-columns:72px minmax(180px,1.25fr) minmax(180px,1fr) 52px;align-items:baseline;gap:18px;padding:25px 0;border-bottom:1px solid var(--hairline);transition:padding .34s var(--ease-out),background .34s var(--ease-out)}.work-index-row:hover,.work-index-row:focus-visible{padding-right:16px;padding-left:16px;background:var(--fog)}.work-index-row span,.work-index-row em,.work-index-row i{font:11px var(--mono);font-style:normal;letter-spacing:.04em}.work-index-row span,.work-index-row i{color:var(--stone)}.work-index-row strong{font:clamp(30px,3.8vw,58px)/.86 var(--display);font-weight:400;letter-spacing:-.065em}.work-index-row em{text-align:right}.work-index-row i{text-align:right}.work-index-all{display:flex;justify-content:space-between;align-items:center;gap:26px;width:min(77%,1050px);margin:44px 0 0 auto;padding-bottom:8px;border-bottom:1px solid var(--ink);font:clamp(30px,3.2vw,52px)/1 var(--display);letter-spacing:-.05em}.work-index-all small{font:11px var(--mono);letter-spacing:.04em}.project-archive{min-height:100svh;padding:165px 32px 100px}.project-archive>p{margin:0;color:var(--stone);font:11px var(--mono);letter-spacing:.05em}.project-archive h1{max-width:10ch;margin:65px 0 100px;font:clamp(76px,12vw,184px)/.78 var(--display);letter-spacing:-.08em}.project-archive h1 span{color:var(--stone)}.project-archive-list{border-top:1px solid var(--ink)}.project-archive-list a{display:grid;grid-template-columns:84px minmax(200px,1fr) minmax(220px,.8fr) auto;align-items:baseline;gap:20px;padding:22px 0;border-bottom:1px solid var(--hairline);transition:padding .3s var(--ease-out),background .3s var(--ease-out)}.project-archive-list a:hover,.project-archive-list a:focus-visible{padding-right:18px;padding-left:18px;background:var(--fog)}.project-archive-list span,.project-archive-list em,.project-archive-list i{font:11px var(--mono);font-style:normal;letter-spacing:.04em}.project-archive-list span,.project-archive-list i{color:var(--stone)}.project-archive-list strong{font:clamp(34px,4vw,66px)/.86 var(--display);font-weight:400;letter-spacing:-.065em}.project-archive-list em{text-align:right}.project-archive-list i{text-align:right}@media(max-width:760px){.work-index{padding:0 20px 108px}.work-index-head{padding-bottom:14px;font-size:9px}.work-index-head p:last-child{max-width:14ch;text-align:right}.work-index-feature{grid-template-columns:1fr;gap:24px;padding:14px 0 58px}.work-index-feature figure{min-height:0;aspect-ratio:1.08}.work-index-feature-copy>span{margin-bottom:15px;font-size:9px}.work-index-feature-copy h2{max-width:none;font-size:clamp(54px,15vw,78px)}.work-index-feature-copy p{margin-top:18px;font-size:14px}.work-index-rows,.work-index-all{width:100%;margin-left:0}.work-index-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:18px 0}.work-index-row strong{font-size:clamp(29px,8.8vw,45px)}.work-index-row em{display:none}.work-index-row i{font-size:9px}.work-index-all{margin-top:30px;font-size:clamp(32px,10vw,47px)}.work-index-all small{max-width:10ch;text-align:right;font-size:9px}.project-archive{padding:125px 20px 70px}.project-archive h1{margin:48px 0 72px;font-size:clamp(66px,17vw,90px)}.project-archive-list a{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:18px 0}.project-archive-list strong{font-size:clamp(30px,9vw,48px)}.project-archive-list em{display:none}.project-archive-list i{font-size:9px}}
