.v4{--card-spacer-y: var(--spacers-xs);--card-spacer-x: var(--spacers-xs)}@media(min-width: 992px){.v4{--card-spacer-y: var(--spacers-md);--card-spacer-x: var(--spacers-md)}}.v4 .col-card{position:relative}.v4 .col-card:hover .col-card__item{background-color:var(--page-color)}.v4 .col-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;aspect-ratio:2/3;border-radius:var(--border-radius-sm);overflow:hidden;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.v4 .col-card__item::before{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index:3;pointer-events:none}.v4 .col-card__header{position:relative}.v4 .col-card__header .stretch-img{z-index:2}.v4 .col-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--card-spacer-y) var(--card-spacer-x);z-index:5;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.v4 .col-card__footer{margin-top:auto}