.project-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-background-alt);border-radius:var(--radius-lg);overflow:hidden;position:relative;border:var(--border-width-thin) solid var(--color-border-subtle);contain:content}.project-card:hover,.project-card:has(:focus-visible),a:focus-visible>.project-card{background-color:var(--color-background-hover);border-color:var(--color-border)}.card-title{color:var(--color-heading);font-size:1.125rem;line-height:1.3;margin:0}.card-content{flex-grow:1;padding:var(--space-md)}.card-content>*:last-child{margin-block-end:0}.card-image-container{position:relative;overflow:hidden;background-color:var(--color-border-subtle);aspect-ratio:16 / 9}.card-image-container picture{display:block;width:100%;height:100%}.card-image-container img{display:block;width:100%;height:100%;object-fit:cover;transition:filter var(--transition-fast)}.card-image-container:after{content:"";position:absolute;inset:0;background-color:#0000;transition:background-color var(--transition-fast)}.project-card:hover .card-image-container:after,.project-card:has(:focus-visible) .card-image-container:after,a:focus-visible>.project-card .card-image-container:after{background-color:#000000b3}.project-card:hover .card-image-container img,.project-card:has(:focus-visible) .card-image-container img,a:focus-visible>.project-card .card-image-container img{filter:brightness(.9)}.card-image-container.is-missing-image{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}a:has(>.project-card){text-decoration:none}a:has(>.project-card):hover,a:has(>.project-card):focus-visible{text-decoration:none}a:has(>.project-card):focus-visible{outline:none}a:focus-visible>.project-card{outline:.1875rem solid var(--color-focus-ring);outline-offset:.125rem;border-radius:var(--radius-lg)}