.image-cards .container-heading{margin-bottom:1.25rem}@media screen and (min-width:768px){.image-cards .container-heading{margin-bottom:2rem}}.cards-grid{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:.75rem}@media screen and (min-width:480px){.cards-grid{row-gap:1.5rem}}@media screen and (min-width:768px){.cards-grid{-webkit-column-gap:2.5rem;-moz-column-gap:2.5rem;column-gap:2.5rem}}.card{-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:3.5rem;padding:.25rem .25rem .5rem;position:relative}@media screen and (min-width:768px){.card{padding:.5rem}}a.card{color:var(--color-black)}.card:after{border:14px solid var(--color-white);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:0}@media screen and (min-width:768px){.card:after{border-width:20px}}.card__image-wrapper{-ms-flex-negative:0;aspect-ratio:1/.95;flex-shrink:0;position:relative;z-index:1}.card__image-wrapper figure{bottom:0;margin-bottom:0;position:absolute;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.card__image-hover{opacity:0}.card__content{-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--color-white);flex-grow:1;min-height:4rem;padding-top:.5rem;position:relative;z-index:1}.card__content .default-text-content,.card__content .on-hover-content{-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.card__content .on-hover-content{height:0;opacity:0;overflow:hidden}.card__title{font-size:1rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.card__title{font-size:1.25rem;line-height:1.5rem}}.card__subtitle{font-size:.875rem;line-height:1.125rem}@media screen and (min-width:768px){.card__subtitle{font-size:1rem;line-height:1.25rem}}.no-touch .card:hover{text-decoration:none}.no-touch .card:hover[\:has\(\.card__image-hover\)] .card__image{opacity:0}.no-touch .card:hover:has(.card__image-hover) .card__image{opacity:0}.no-touch .card:hover[\:has\(\.card__image-hover\)] .card__image-hover{opacity:1}.no-touch .card:hover:has(.card__image-hover) .card__image-hover{opacity:1}.no-touch .card:hover[\:has\(\.on-hover-content\)] .default-text-content{height:0;opacity:0}.no-touch .card:hover:has(.on-hover-content) .default-text-content{height:0;opacity:0}.no-touch .card:hover[\:has\(\.on-hover-content\)] .on-hover-content{height:auto;opacity:1}.no-touch .card:hover:has(.on-hover-content) .on-hover-content{height:auto;opacity:1}