.card-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(auto,20rem));gap:1rem;margin-top:2rem}@media screen and (min-width:480px){.card-list{grid-template-columns:1fr 1fr}}@media screen and (min-width:780px){.card-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1280px){.card-list{grid-template-columns:repeat(auto-fill,minmax(auto,20rem))}}.card{position:relative;border:1px solid var(--color-text);display:grid;grid-template-rows:auto 1fr;aspect-ratio:4/3;color:var(--color-background);transition:background-color .2s ease}.card:has(:hover,:focus) .card__content::after{background-color:rgb(from var(--color-img-overlay) r g b / .3)}.card:has(:focus-visible){outline:8px double var(--color-primary);outline-offset:4px}.card__content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;transition:background-color .2s ease}.card__link{background:var(--color-text);width:100%;display:block;text-decoration:unset;padding:0 1rem;font-size:1.1rem}.card__link:focus,.card__link:hover{color:inherit;outline:0}.card__link::after{content:"";position:absolute;inset-block:0;inset-inline:0;cursor:pointer;z-index:100}.card__content--centered{display:flex;justify-content:center;align-items:center}