.project-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(22px,2.6vw,32px) clamp(16px,2vw,24px);margin:0;padding:8px 0 0;list-style:none;display:grid}.project-card{flex-direction:column;gap:8px;padding:22px;display:flex;position:relative}.project-card:before{background:color-mix(in srgb, var(--accent) 18%, transparent);width:68px;height:17px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);content:"";border-radius:2px;position:absolute;top:-8px;left:50%;translate:-50%;rotate:-2.5deg}.project-card:nth-child(2n):before{rotate:2deg}.project-card-meta{font-family:var(--font-serif);color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;padding-right:40px;font-size:15px;display:flex}.project-card-meta time{font-family:var(--font-mono);font-size:12.5px}.project-card h2{font-family:var(--font-serif);margin:0;font-size:23px;font-weight:500;line-height:1.25}.site .project-card h2 a{color:var(--ink)}.project-dek{-webkit-line-clamp:3;line-clamp:3;font-family:var(--font-serif);color:var(--ink-2);-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-older{margin:clamp(22px,2.8vw,32px) 0 0}@media (width<=560px){.project-card{padding:20px 18px 18px}.project-card h2{font-size:21px}}@media print{.project-card:before{display:none}}.project-filters{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 18px;display:flex}.project-filters ul{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.project-filters a{color:var(--ink-2);font-family:var(--font-serif);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.project-filters a:hover,.project-filters a[aria-current=page]{color:var(--accent)}.project-filters a[aria-current=page] span{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.project-filter-icon{width:1.25em;height:1.25em}