/* One project per row, with the image and description changing sides. */
.project-filters{flex-wrap:wrap;align-items:center;gap:12px 30px;margin:0 0 64px}
.project-filters:not([hidden]){display:flex}
.project-filters button{min-height:44px;border:0;padding:6px 0;background:transparent;color:var(--muted);font:inherit;font-size:var(--type-small);cursor:pointer;text-underline-offset:6px}
.project-filters button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}
.project-filters button:hover{color:var(--ink)}
.project-list{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(72px,7vw,112px)}
.project-list-item{min-width:0}
.project-list-item[hidden]{display:none}
.project-list-link{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,80px);color:inherit}
.project-list-item.is-reversed .project-list-link{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.project-list-item.is-reversed .project-list-media{grid-column:2;grid-row:1}
.project-list-item.is-reversed .project-list-copy{grid-column:1;grid-row:1}
.project-list-media{min-width:0;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-media);background:var(--soft)}
.project-list-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.65,.3,1)}
.project-list-copy{min-width:0;padding-block:12px}
.project-list-title{margin:0;font-family:var(--font-heading);font-size:clamp(2rem,3vw,2.75rem);font-weight:400;line-height:1.15;letter-spacing:-.025em}
.project-list-category{margin:14px 0 25px;color:var(--muted);font-size:var(--type-small);line-height:1.5}
.project-list-description{max-width:59ch;color:var(--ink);font-size:var(--type-body-sm);line-height:1.65}
.project-list-description p{margin:0;text-wrap:pretty}
.project-list-description p+p{margin-top:16px}
.project-list-more{display:inline-block;margin-top:24px;color:var(--ink);font-size:var(--type-small);line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.project-list-link:focus-visible{outline:2px solid var(--ink);outline-offset:8px}
.projects-page .project-directory{display:block;padding-bottom:160px}
@media(hover:hover){
  .project-list-link:hover .project-list-media img{transform:scale(1.035)}
  .project-list-link:hover .project-list-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
}
@media(max-width:1000px){
  .project-list{gap:72px}
  .project-list-link{gap:32px}
}
@media(max-width:900px){
  .project-list-link,.project-list-item.is-reversed .project-list-link{grid-template-columns:minmax(0,1fr);gap:24px}
  .project-list-item.is-reversed .project-list-media,.project-list-item.is-reversed .project-list-copy{grid-column:auto;grid-row:auto}
  .project-list-copy{padding:0}
}
@media(max-width:650px){
  .project-filters{gap:4px 22px;margin-bottom:36px}
  .project-list{grid-template-columns:minmax(0,1fr);gap:64px}
  .project-list-title{font-size:2rem}
  .project-list-category{margin:10px 0 20px}
  .project-list-description{font-size:1rem;line-height:1.6}
  .project-list-more{margin-top:20px}
  .projects-page .project-directory{padding-bottom:96px}
}
@media(prefers-reduced-motion:reduce){
  .project-list-media img{transition:none}
  .project-list-link:hover .project-list-media img{transform:none}
}