.grid-cards{--card-height:115px;--card-width-mobile:165px;display:grid;gap:var(--grid-col-gutter);grid-template-columns:repeat(2,var(--card-width-mobile));justify-content:center;width:100%}@media screen and (min-width:768px){.grid-cards{--card-height:180px;grid-template-columns:repeat(2,1fr);justify-content:stretch}}@media screen and (min-width:1280px){.grid-cards{grid-template-columns:repeat(4,1fr)}}.grid-cards__wrapper{align-items:stretch;display:flex;flex-direction:column;width:100%}.grid-cards--expandable{max-height:calc(var(--card-height)*2 + var(--grid-col-gutter));overflow:hidden}.grid-cards__card{border-radius:var(--border-radius-small);display:block;height:var(--card-height);overflow:hidden;position:relative;width:var(--card-width-mobile,100%)}@media screen and (min-width:768px){.grid-cards__card{width:100%}}.grid-cards__card:before{background:linear-gradient(180deg,#0000 45%,#000000a6 90%);content:"";inset:0;position:absolute}.grid-cards__title{color:var(--color-white);font-family:var(--font-family-display);font-size:19px;inset:auto 20px 10px 20px;letter-spacing:var(--font-letter-spacing-title);position:absolute}@media screen and (min-width:768px){.grid-cards__title{font-size:var(--font-size-heading-23)}}.grid-cards__title:hover{text-decoration:none}.grid-cards__image{height:100%;object-fit:cover;width:100%}.grid-cards__load-more-button{align-self:center;background-color:#0000;border:1px solid var(--color-dark-cool-gray);border-radius:4px;cursor:pointer;margin-top:var(--grid-col-gutter);padding:12px 24px;width:-moz-fit-content;width:fit-content}.grid-cards__load-more-button:hover{background-color:var(--color-light-teal);border-color:var(--color-almost-black);color:var(--color-almost-black);transition:all .3s ease}