.hero-section{align-items:flex-start;display:flex;margin-block:20px;padding:0 16px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%}@media (max-width: 444px){.card-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 540px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.card-grid{grid-template-columns:repeat(4,1fr)}}.category-card{list-style:none;position:relative}.category-card:before{content:"";display:block;padding-bottom:75%;width:100%}.category-card:hover .card__background{transform:scale(1.05) translateZ(0)}.card__background{background-size:cover;background-position:center;border-radius:var(--radius);bottom:0;filter:brightness(.75) saturate(1.2) contrast(.85);left:0;position:absolute;right:0;top:0;transform-origin:center;transform:scale(1) translateZ(0);transition:filter .2s linear,transform .2s linear}.card__content{left:0;padding:var(--spacing-l);position:absolute;top:0}.card__category{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-s);text-transform:uppercase}.card__heading{color:var(--text-lighter);font-size:1.9rem;text-shadow:2px 2px 20px rgba(0,0,0,.2);line-height:1.4;word-spacing:100vw}
