.media-text{background-color:var(--color-white);border-radius:var(--border-radius-images);overflow:hidden;min-height:200px;grid-gap:0}@media screen and (min-width: 768px){.media-text{grid-template-columns:repeat(2, 1fr);grid-row-gap:var(--grid-row-gutter)}}.media-text--border{border:var(--border-default)}.media-text__content{order:1;align-self:start;min-width:0;padding:20px 15px}@media screen and (min-width: 768px){.media-text__content{padding:40px 20px;order:initial}}@media screen and (min-width: 1024px){.media-text__content{padding-left:30px;padding-right:30px}}@media screen and (max-width: 767px){.media-text__content{--typography-spacing: 20px}}.media-text__content h2,.media-text__content h3{margin-bottom:5px}.media-text__image-wrap{margin-bottom:0;min-width:0;height:100%;aspect-ratio:16/9;position:relative}@media screen and (min-width: 768px){.media-text__image-wrap{aspect-ratio:initial}}.media-text__image-wrap img{height:100%;width:100%;object-fit:cover}.media-text__video-button{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:none;outline:none;border:none;cursor:pointer}.media-text__video-button svg{width:55px;height:auto}@media screen and (min-width: 768px){.media-text__video-button svg{width:70px}}.media-text__video-content::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 55.87%);transition-property:opacity;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}@media screen and (min-width: 768px){.media-text__video-content::before{opacity:.85}}.media-text__image-wrap:hover .media-text__video-content::before{opacity:1}.media-text__video-title{position:absolute;left:0;bottom:0;padding:20px 15px 10px;margin:0;color:var(--color-white, #fff)}@media screen and (min-width: 768px){.media-text__video-title{padding:20px}}@media screen and (min-width: 768px){.media-text .media-lightbox__image-wrap{aspect-ratio:initial}}@media screen and (min-width: 1280px){.media-text .media-lightbox__image-wrap{padding-bottom:60%}}.media-text .wp-block-button,.media-text .wp-block-button>a{width:100%}@media screen and (min-width: 768px){.media-text .wp-block-button,.media-text .wp-block-button>a{width:auto}}