.media-grid__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media screen and (min-width:1024px){.media-grid__grid{grid-auto-rows:minmax(12.5rem,auto);grid-template-columns:repeat(3,1fr)}}.media-grid__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;overflow:hidden;position:relative}@media screen and (min-width:1024px){.media-grid__item{grid-column:span 1;grid-column:span var(--col-span,1);grid-row:span 1;grid-row:span var(--row-span,1)}}.media-grid__item--has-aspect .media-grid__media{aspect-ratio:var(--aspect-ratio)}.media-grid__media{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;position:relative;width:100%}.media-grid__media .img--wrapper{height:100%;margin-bottom:0;width:100%}.media-grid__media video-container{display:block;height:100%;width:100%}.media-grid__video-wrapper{height:100%;position:relative;width:100%}.media-grid__video-wrapper video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.media-grid__video-wrapper [data-video-content]{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.media-grid__play-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;justify-content:center;-webkit-transition:-webkit-transform var(--duration-default) ease;transition:-webkit-transform var(--duration-default) ease;transition:transform var(--duration-default) ease;transition:transform var(--duration-default) ease,-webkit-transform var(--duration-default) ease;width:4rem}.media-grid__play-button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.media-grid__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;padding:1.5rem}@media screen and (min-width:768px){.media-grid__content{gap:1rem;padding:2rem}}.media-grid__subheading{font-size:.875rem;letter-spacing:.05em;margin:0;opacity:.8;text-transform:uppercase}@media screen and (min-width:768px){.media-grid__subheading{font-size:1rem}}.media-grid__heading{word-wrap:break-word;margin:0}.media-grid__button{margin-top:.5rem}.media-grid__button .button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}