.generic-cards{width:1240px;max-width:90%;margin-left:auto;margin-right:auto}.modal-card-wrapper{display:flex;flex-wrap:wrap;gap:var(--modal-card-gap-y) var(--modal-card-gap-x);margin-top:var(--modal-card-margin)}.modal-card{--img-ratio:300/295;width:calc(100% / var(--modal-card-el) - var(--modal-card-gap-x) / var(--modal-card-el) * (var(--modal-card-el) - 1));flex:0 0 auto}.modal-card-img{width:100%;height:0;padding-bottom:calc(var(--img-ratio) * 100%);position:relative;border-radius:20px 20px 5px 5px;overflow:hidden}.modal-card-img>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;filter:grayscale(1);transition:filter .3s}.modal-card:hover img{filter:grayscale(0)}.modal-card-img:after{content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,#000 100%);display:block;position:absolute;top:0;left:0}.modal-card-content{padding:20px 20px 0}.modal-card-content *{margin:0}.modal-card-content h6{font-size:var(--font-size-paragraph-1);font-weight:600;line-height:1.5em}.modal-card-content p{font-size:var(--font-size-paragraph-2);font-weight:300;line-height:1.5em;letter-spacing:.05em;margin-top:4px}.modal-card-content a{text-decoration:underline}.modal-card-content a:hover{text-decoration:none}@media (min-width:1024px){.generic-cards.items-3{--modal-card-el:3}}