.cards{container:cards/inline-size}.cards__container{--cards-per-row:var(--cards-per-row-field-value);--card-gap:max(var(--s-6),2.5cqw);gap:var(--card-gap)}.card{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-card);color:inherit;display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-6);text-decoration:none;&:focus,&:hover{text-decoration:none}}.cards__container{display:flex;flex-wrap:wrap;justify-content:center}.card{--card-width:calc(100%/var(--cards-per-row));--num-gaps-per-row:calc(var(--cards-per-row) - 1);--gap-total:calc(var(--num-gaps-per-row)*var(--card-gap));width:calc(var(--card-width) - var(--gap-total)/var(--cards-per-row))}.card__image{aspect-ratio:var(--image-aspect-ratio);max-height:var(--max-image-height);object-fit:contain;width:100%}.card__content{display:flex;flex-direction:column;gap:var(--s-4)}.card__heading{font-family:var(--font-family-body);font-size:1.3125rem;font-weight:var(--fw-bold);margin-bottom:0}.card__description{font-size:var(--s-4);margin-bottom:0;p{margin-bottom:0}}.card__link{align-self:flex-end;margin-top:auto}@container cards (max-width: 1024px){.cards__container{--cards-per-row:min(2,var(--cards-per-row-field-value))}.card{max-width:360px}}@container cards (max-width: 550px){.cards__container{--cards-per-row:1}}