.project-card{background-color:var(--color-primary);border-radius:.8rem;overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 1px 3px #0000000f;text-align:left;transition:transform .3s ease,box-shadow .3s ease}@media(hover:hover){.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}}@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{transform:none}}.project-card-media{display:grid;place-items:center;aspect-ratio:16/9;padding:1rem 1rem 0}@media(min-width:56.25em)and (pointer:fine){.project-card-media{max-height:clamp(8rem,27dvh,19rem)}}.project-card-media img{display:block;width:auto;max-width:100%;max-height:100%;border-radius:.6rem}.project-card-placeholder{place-self:stretch;display:grid;place-items:center;background-color:var(--color-secondary);border-radius:.6rem}.project-card-placeholder svg{font-size:2.5rem;color:var(--color-accent)}.project-card-text{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.25rem;color:var(--color-text2)}.project-card-text h2,.project-card-text h3{color:var(--color-text);font-size:1.3rem;font-weight:600}.project-card-text p{line-height:1.5}.project-card-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.project-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card-tags li{background-color:var(--color-secondary);color:var(--color-text);font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:999px}.project-card-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.project-card-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent);font-weight:600;white-space:nowrap}.project-card-links a:hover{text-decoration:underline}@media screen and (max-width:37.5em){.project-card-media{padding:.75rem .75rem 0}.project-card-text{padding:1rem 1.25rem 1.25rem}}