.cards-listing__header{border-bottom:1px solid hsla(0,0%,100%,.5);margin-bottom:clamp(1.875rem,2.5vw,3.75rem);padding-bottom:.813rem}@media(min-width:64rem){.cards-listing__header{align-items:center;display:flex;justify-content:space-between}}.cards-listing__header-title{margin-bottom:0}@media(max-width:64rem){.cards-listing__header-action{display:none}}.cards-listing__wrapper{display:flex;flex-wrap:wrap;gap:1.875rem}@media(min-width:64rem){.cards-listing__wrapper{gap:3.125rem 1rem}}.cards-listing__card{width:100%}@media(min-width:48rem){.cards-listing__card{width:calc(50% - 1rem)}}@media(min-width:75rem){.cards-listing__card{width:calc(33% - .5rem)}}.cards-listing__card-image{position:relative}.cards-listing__card img{border-radius:.625rem;display:block;margin-bottom:1.875rem;object-fit:cover;width:100%}@media(max-width:64rem){.cards-listing__card img{max-height:21rem}}.cards-listing__card-image--hover{left:0;opacity:0;position:absolute;top:0;transition:all .4s}.cards-listing__card:focus-within .cards-listing__card-image--hover,.cards-listing__card:hover .cards-listing__card-image--hover{opacity:1}.cards-listing__card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:1rem}.cards-listing__card-title svg{height:1rem;width:1rem;fill:#fff}.cards-listing__card-action{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%);transition:all .4s}.cards-listing__card:focus-within .cards-listing__card-action,.cards-listing__card:hover .cards-listing__card-action{opacity:1}.cards-listing__action a{display:block;text-align:center}@media(min-width:64rem){.cards-listing__action{align-items:center;display:flex;justify-content:center;padding-top:1rem}.cards-listing__action a{display:inline-block}}