.content-cards{position:relative;--text-color:var(--color-black)}.content-cards--background{color:var(--text-color);background:var(--background-color,transparent);margin-top:30px;padding-bottom:30px}.content-cards__background-video{padding:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;position:absolute}
.content-cards__background-video.video[data-vimeo]{opacity:0}.content-cards__background-video.video.playing [data-vimeo]{opacity:1}.content-cards__background-video.video iframe{display:block;position:absolute;top:0;height:100%;width:100%}.content-cards__background-video.video.fill-vertical iframe{max-width:800%;width:800%;left:50%;transform:translateX(-50%)}
.content-cards__background-video.video.fill-horizontal iframe{top:50%;height:800%;max-height:800%;transform:translateY(-50%)}.content-cards__heading{flex:1 0 100%;padding:0 2rem}@media(min-width:992px){.content-cards__heading{padding:0}}.content-cards__container{display:flex;flex-wrap:wrap;padding:3rem 2rem 0;overflow:visible;width:100%}
@media(min-width:992px){.content-cards__container{gap:2rem;padding:4rem 0 0}}.content-cards__inner{overflow:hidden;padding:10rem 0 0;z-index:1;position:relative}@media(min-width:992px){.content-cards__inner{padding:14rem 6rem 0}}[data-content-cards] .content-cards__inner{padding-right:0}@media(min-width:992px){[data-content-cards] .content-cards__inner{padding-right:4rem}
}.content-card{border-radius:.6rem;flex:1;text-align:center;transition:background .25s cubic-bezier(0.165,0.84,0.44,1)}.content-card.swiper-slide{flex:0 0 28rem}@media(min-width:992px){.content-card.swiper-slide{flex:1}}.content-card__image{border-radius:.6rem;display:block;overflow:hidden;position:relative}.content-card__content{display:inline-block;padding:3rem 0}
.content-card__heading{margin:0 auto 1.5rem;color:var(--text-color);transition:color .25s cubic-bezier(0.165,0.84,0.44,1)}.content-card__heading span{display:inline-block;position:relative}.content-card__heading span:after{border-top:.2rem solid var(--color-dark-grey);display:block;content:"";opacity:0;transition:opacity .25s cubic-bezier(0.165,0.84,0.44,1);width:100%}
.content-card__copy{color:var(--color-dark-grey);margin:0 auto;max-width:30rem}.content-card .image+.image{left:0;opacity:0;position:absolute;top:0;transition:opacity .25s cubic-bezier(0.165,0.84,0.44,1);width:100%;z-index:1}@media(hover:hover) and (pointer:fine){.content-card:hover{background:var(--color-lighter-grey);--text-color:var(--color-black)}
.content-card:hover .content-card__heading span:after{opacity:1}.content-card:hover .image+.image{opacity:1}}