.media{position:relative;width:100%}.media img{height:auto;object-fit:cover;aspect-ratio:1.7777777778;display:block;position:relative;z-index:1;transition:all .3s;width:100%}.media .media__play-button{height:auto;object-fit:cover;aspect-ratio:1.7777777778;position:absolute;z-index:2;top:0;left:0;width:100%;cursor:pointer;transition:all .3s}.media .media__play-button i{color:#fff;font-size:72px;pointer-events:none;text-shadow:0px 0px 20px rgba(0,0,0,.15)}.media .media__video{height:auto;object-fit:cover;aspect-ratio:1.7777777778;display:block;width:100%;top:0;left:0}.media .media__video.hidden{display:none;position:absolute}.video-modal{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#1d1d1d4d;z-index:99;align-content:center}.video-modal .video-modal__content{padding:12px 16px;background-color:#fff;margin:auto;width:80vw}.video-modal .video-modal__content iframe{width:100%;aspect-ratio:16/9}.video-modal .video-modal__content button{display:block;margin-left:auto;cursor:pointer;margin-bottom:8px}.video-modal .video-modal__content button i{font-size:16px;pointer-events:none}.media-gallery__grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 821px) {
    .media-gallery__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .media-gallery__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.media-gallery__item {
    height: 100%;
    display: flex;
}

.media-gallery__card {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f6f8f8;
}

.media-gallery__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.media-gallery__body {
    flex-grow: 1;
}

.media-gallery__link {
    margin-top: auto;
}