.card{width:100%}.card__list{display:grid;gap:var(--card-grid-gap,24px);grid-template-columns:1fr;list-style:none;margin:0;padding:0}.card__item{min-width:0}.card__card{background:var(--card-background,#fff);color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none;transform:translateY(0);transition:box-shadow .2s ease,transform .2s ease}.card--image-background .card__card{justify-content:center;min-height:var(--card-min-height,375px);overflow:hidden;position:relative}.card--image-background .card__card:before{background:var(--card-overlay,transparent);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.card__card:focus-within,.card__card:hover{transform:translateY(-4px)}.card__card--shadow-hover-only:not(:hover):not(:focus-within){-webkit-box-shadow:none;box-shadow:none}.card__media{border-radius:inherit;margin-bottom:1rem;width:100%}.card--image-full .card__card,.card__media{overflow:hidden}.card--image-full .card__media{border-radius:0;margin:0}.card__background{inset:0;pointer-events:none;position:absolute;z-index:0}.card__background-image{height:100%}.card__background-image,.card__image{display:block;object-fit:cover;transition:transform .4s ease;width:100%}.card__image{border-radius:inherit}.card--image-zoom .card__card:focus-within .card__background-image,.card--image-zoom .card__card:focus-within .card__image,.card--image-zoom .card__card:hover .card__background-image,.card--image-zoom .card__card:hover .card__image{transform:scale(1.04)}.card--image-full .card__image{border-radius:0}.card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;min-width:0}.card--image-background .card__content{flex:0 1 auto;position:relative;width:100%;z-index:2}.card__heading{color:var(--card-heading-color,inherit);margin:0}.card__description{color:var(--color-text-light,#71717a)}.card__description>:first-child{margin-top:0}.card__description>:last-child{margin-bottom:0}.card__cta{align-self:flex-start;margin-top:auto}.card--image-background .card__cta{margin-top:0}.card--mobile-content-center .card__cta{align-self:center}.card--mobile-content-right .card__cta{align-self:flex-end}@media (min-width:768px){.card--content-center .card__cta{align-self:center}.card--content-left .card__cta{align-self:flex-start}.card--content-right .card__cta{align-self:flex-end}}