/* One large horizontal cover per project, with category navigation above it. */
.work-section{padding-block:62px 90px;scroll-margin-top:14px}
.work-section .section-heading{margin-bottom:26px}
.work-section .section-heading h2{font-size:clamp(2rem,4vw,3.6rem)}
.project-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 27px;padding-block:18px;margin-bottom:30px;border-block:1px solid #c7c9c4}
.project-filters a{display:inline-block;padding:7px 0;font-size:.88rem;min-height:38px}
.project-filters a:hover{color:#116f3b}
.project-filters a[aria-current=page]{font-weight:700;color:#116f3b;text-decoration:underline;text-underline-offset:7px}
.project-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:46px}
.project-row{min-width:0}
.project-row-link{display:block}
.project-row-link:hover{text-decoration:none}
.project-cover{width:100%;height:auto;aspect-ratio:5/2;display:block}
.project-row-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:19px 4px}
.project-row-caption h3{font-size:clamp(1.45rem,2.7vw,2.5rem);letter-spacing:-.045em;font-weight:700}
.project-row-caption .project-meta{display:flex;align-items:center;gap:27px;color:#4c4c4c;font-size:.82rem;text-align:right}
.project-row-caption .project-arrow{color:#181818;font-size:2rem;line-height:1}
.project-row-link:hover h3{text-decoration:underline;text-underline-offset:6px}
.project-row-link:hover .project-arrow{color:#116f3b}
.collection-page{background:#f7f7f3}
.collection-project-rows{padding-bottom:55px}
.collection-header .collection-nav{border-color:#c7c9c4}
.collection-header .collection-nav [aria-current=page]{color:#116f3b}
@media(min-width:1700px){.project-rows{gap:60px}}
@media(max-width:700px){
  .work-section{padding-block:36px 55px}
  .work-section .section-heading h2{font-size:1.85rem}
  .project-filters{gap:4px 19px;padding-block:11px;margin-bottom:23px}
  .project-filters a{font-size:.76rem;min-height:36px}
  .project-rows{gap:30px}
  .project-row-caption{gap:15px;padding-top:13px;align-items:start}
  .project-row-caption h3{font-size:1.4rem;max-width:62%}
  .project-row-caption .project-meta{font-size:.64rem;gap:10px;max-width:43%}
  .project-row-caption .project-arrow{font-size:1.4rem}
}