.project-card{display:flex;flex-direction:column;gap:.75rem;min-width:0}.project-card:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.project-card-meta{margin:0;font-size:var(--font-size-small);opacity:.6}.project-card-title{margin:.25rem 0 0;font-size:1.375rem;font-weight:700;line-height:1.3}.project-card-description{margin:0;font-size:.9375rem;line-height:1.5;opacity:.85}.project-card-cta{align-self:flex-end;display:flex;gap:.5rem;align-items:center;margin-top:.5rem;padding:.5rem 1rem;background-color:var(--contrast-color);color:var(--button-text-color);font-size:var(--font-size-body);font-weight:500;opacity:0;transition:opacity .15s ease}.project-card-cta img{width:1.25rem;height:1.25rem}.project-card:hover .project-card-cta,.project-card:focus-visible .project-card-cta{opacity:1}@media (prefers-reduced-motion: reduce){.project-card-cta{transition:none}}.card-image-container{position:relative;aspect-ratio:1120 / 610;overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:4%;object-fit:contain}.card-image.align-left{padding-right:34%;object-position:left center}.card-corner{position:absolute;right:4%;height:auto}.card-corner-top-right{top:5%}.card-corner-bottom-right{bottom:5%}.card-image.corner-below{object-position:center top}.card-tags{all:unset;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.card-tag{list-style:none;border:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:.3rem .75rem;font-size:.8125rem}.card-tag-fiktiv{border-color:transparent;font-weight:500;background-color:color-mix(in srgb,currentColor 10%,transparent)}
