.cards{display:flex;position:relative}.cards__intro{margin-bottom:6rem}.cards__listing{display:flex;gap:3rem}.card{background-size:cover;border-radius:var(--cornerRadius);color:var(--color-white);display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;mix-blend-mode:multiply;overflow:hidden;padding-bottom:2.5rem;padding-top:4rem;position:relative;width:100%}.card:hover{cursor:pointer}.card .overlay:before{opacity:.2}.card__content{display:flex;flex-direction:column;justify-content:flex-end;padding:0 3.5rem;position:relative;width:100%;z-index:1}.card__content:before{background:transparent linear-gradient(180deg,#27282900,#272829cc) 0 0 no-repeat padding-box;content:"";height:300%;left:0;opacity:0;position:absolute;top:0;transform:translateY(0);transition:all .5s ease-in-out;width:100%;z-index:-1}.card.hover .card__content:before,.card:hover .card__content:before{opacity:1;transform:translateY(-50%)}.card__content__title{transform:translateY(0);transition:transform .5s ease-in-out;width:100%}.card__content__container{font-size:1.8rem;margin:0;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;transform:translateY(100%);transition-duration:.3s,.3s,.15s,.3s;transition-property:transform,max-height,opacity,padding;transition-timing-function:ease-in-out;width:90%}.card__content__container p{margin:0}.card svg{transform:translate(0);transition:transform .25s ease-in-out}.card.hover .card__content__container,.card:hover .card__content__container{max-height:100%;opacity:1;padding-bottom:1rem;transform:translateY(0);transition-timing-function:ease-in-out}.card.hover .card__content__title,.card:hover .card__content__title{transform:translateY(-50%);transition:transform .5s ease-in-out}.card.hover svg,.card:hover svg{transform:translate(5px,-5px)}.card__content a{bottom:1rem;position:absolute;right:4rem}@media only screen and (max-width:1366px){.card{min-height:200px;width:100%}}@media only screen and (max-width:1110px){.cards__listing{display:grid;grid-template-columns:1fr}.card{min-height:250px}}