.work-page{padding-top:100px}
.work-page .work-toolbar{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 var(--pad) 10px}
.work-toolbar h1{margin:0;font-size:14px;font-weight:400;letter-spacing:0}
.work-toolbar .home-download-wrap{margin:0;text-align:right}
.work-toolbar .home-download-link{display:inline;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0;border:0;padding:0}

.work-toolbar .home-download-link span{display:none}
:is(.work-page,.home-featured) .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
:is(.work-page,.home-featured) .project-card:nth-child(n){position:relative;margin:0;min-width:0;aspect-ratio:1;overflow:hidden}
:is(.work-page,.home-featured) .project-card:nth-child(n) .project-media{width:100%;height:100%;aspect-ratio:1}
:is(.work-page,.home-featured) .project-media::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.58));pointer-events:none}
:is(.work-page,.home-featured) .project-title-row{position:absolute;inset:auto 0 0;display:block;padding:clamp(12px,1.4vw,24px);color:#9fc546}
:is(.work-page,.home-featured) .project-title-row h2{margin:0 0 5px;font-size:clamp(24px,2.7vw,46px);font-weight:700;line-height:1;letter-spacing:-.025em;overflow-wrap:anywhere}
:is(.work-page,.home-featured) .project-title-row p{margin:0;font-size:clamp(12px,1.05vw,17px);font-weight:400;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
:is(.work-page,.home-featured) .project-card:focus-visible{outline:3px solid #9fc546;outline-offset:2px;z-index:1}
@media(max-width:900px){:is(.work-page,.home-featured) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
  .work-page{padding-top:85px}
  .work-page .work-toolbar{align-items:flex-start}
  .work-toolbar h1,.work-toolbar .home-download-link{font-size:12px}
  :is(.work-page,.home-featured) .project-grid{grid-template-columns:1fr}
  :is(.work-page,.home-featured) .project-title-row{padding:18px}
  :is(.work-page,.home-featured) .project-title-row h2{font-size:34px}
  :is(.work-page,.home-featured) .project-title-row p{font-size:14px}
}