.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));padding:1rem 0;grid-auto-flow:dense}.grid-item{height:40vh;position:relative;overflow:hidden}.grid-item video,.grid-item img.thumbnail{min-width:100%;min-height:100%;position:absolute;max-width:none !important;top:0;left:0;width:100%;height:100% !important;background:#232436;object-fit:cover;object-position:center}.grid-item div{background:linear-gradient(to bottom,rgba(35,36,54,0) 0%,rgba(35,36,54,0.6) 100%);position:relative;z-index:1;pointer-events:none;height:100%;display:inline-flex;width:100%;padding:1rem;flex-direction:column;color:white;justify-content:flex-end;will-change:opacity;opacity:0;transition:opacity .3s ease-in-out}.grid-item:hover div{opacity:1}.grid-item div h5{font-size:1rem;line-height:1.5;margin:0;margin-bottom:.25rem;color:white;font-weight:900}.grid-item div small{font-size:.625rem;line-height:1;text-transform:uppercase}@media screen and (min-width:27rem){.grid-item.big{grid-column:span 2}}@media all and (-ms-high-contrast:none){.grid{display:flex;flex-wrap:wrap}.grid-item{margin:0 .5rem 1rem;flex-basis:100%}video{min-width:130%;min-height:130%;top:50%;left:50%;transform:translate(-50%,-50%)}}@media all and (-ms-high-contrast:none) and (min-width:960px){.grid-item{flex-basis:calc(50% - 1rem)}}@media all and (-ms-high-contrast:none) and (min-width:1024px){.grid-item{flex-basis:calc(33.333% - 1rem)}}@media all and (-ms-high-contrast:none) and (min-width:1440px){.grid-item{flex-basis:calc(25% - 1rem)}}