.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 56px}.showcase-card{border:1px solid var(--line,#dce3df);border-radius:18px;overflow:hidden;background:var(--paper,#fff)}.showcase-card[hidden]{display:none}.showcase-card>a{color:inherit;text-decoration:none;display:block;height:100%}.showcase-card img,.showcase-cover{display:flex;width:100%;height:200px;object-fit:contain;background:color-mix(in srgb,var(--accent) 8%,transparent);align-items:center;justify-content:center;font-size:56px;color:var(--accent)}.showcase-copy{padding:22px}.showcase-copy h2{font-size:22px;line-height:1.4;margin:12px 0}.showcase-copy p{font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.showcase-copy span{display:block;margin-top:20px;font-size:13px;color:var(--accent)}.showcase-copy small{color:var(--muted,#646f68)}.showcase-search{display:flex;align-items:center;gap:16px}.showcase-search[hidden]{display:none}.showcase-search input{padding:12px 16px;border:1px solid var(--line,#ddd);border-radius:12px;background:transparent;color:inherit;font:inherit;max-width:100%}.showcase-card a:hover h2{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.showcase-grid{grid-template-columns:1fr}}