.work-page{background:var(--blue);color:var(--espresso)}
.work-page .site-header{background:var(--blue);border-bottom:0}
.work-page nav [aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.work-index{padding:62px var(--g) 80px;min-height:calc(100vh - 160px)}
.work-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.work-top h1{font:inherit;margin:0}
.work-list{list-style:none;padding:0;margin:100px 0 0;border-bottom:1px solid rgba(50,29,20,.55)}
.work-row{display:grid;grid-template-columns:52px minmax(0,1.3fr) minmax(0,1fr) 28px;align-items:center;gap:24px;min-height:96px;padding:22px 0;border-top:1px solid rgba(50,29,20,.55)}
.work-number{font-size:12px;letter-spacing:.08em;align-self:center}
.work-name{font-size:clamp(23px,2.3vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.05em;text-transform:uppercase}
.work-meta{font-size:11px;line-height:1.7;letter-spacing:.15em;text-transform:uppercase;justify-self:end;text-align:right;max-width:360px}
.work-arrow{font-size:24px;justify-self:end;transition:transform .2s ease}
.work-row:hover .work-arrow{transform:translate(3px,-3px)}
.work-row:focus-visible{outline:2px solid var(--espresso);outline-offset:5px}
.work-page footer{background:var(--blue);color:var(--espresso);border-top:1px solid rgba(50,29,20,.55);line-height:1.6}
@media(max-width:900px){.work-row{grid-template-columns:32px minmax(0,1fr) minmax(0,.8fr) 24px;gap:18px}.work-name{font-size:26px}.work-meta{font-size:10px}.work-list{margin-top:75px}}
@media(max-width:600px){.work-index{padding-top:38px;padding-bottom:52px}.work-list{margin-top:60px}.work-row{grid-template-columns:24px minmax(0,1fr) 22px;gap:10px 14px;padding:24px 0;min-height:112px}.work-number{grid-column:1;grid-row:1}.work-name{grid-column:2;grid-row:1;font-size:25px}.work-arrow{grid-column:3;grid-row:1}.work-meta{grid-column:2;grid-row:2;text-align:left;justify-self:start;font-size:10px;line-height:1.8;letter-spacing:.12em}.work-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-arrow{transition:none}.work-row:hover .work-arrow{transform:none}}