.hero-section{align-items:flex-start;display:flex;justify-content:center;min-height:100%;padding:24p}.card-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:24px;grid-row-gap:24px;max-width:1200px;width:100%}@media(min-width:540px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.card-grid{grid-template-columns:repeat(4,1fr)}}.card{list-style:none;position:relative}.card:before{content:"";display:block;padding-bottom:150%;width:100%}.card__background{background-position:50%;background-size:cover;border-radius:24px;filter:brightness(.75) saturate(1.2) contrast(.85);right:0;top:0;transform:scale(1) translateZ(0);transform-origin:center;transition:filter .2s linear,transform .2s linear}.card__background,.card__content{bottom:0;left:0;position:absolute}.card__content{padding:24px}.card__title{color:#fff;font-size:21px;margin-bottom:8px;text-transform:uppercase}.card__text{color:#fff;font-size:16px;margin-bottom:0;text-shadow:2px 2px 20px rgba(0,0,0,.2)}