.media-grid-section .media-grid{display:flex;gap:25px;width:100%}.media-grid-section .media-grid--2{flex-direction:row}.media-grid-section .media-grid--2 .media-text-wrapper{width:calc(50% - 12.5px)}.media-grid-section .media-grid--3{flex-direction:row}.media-grid-section .media-grid--3 .block-1{width:50%}.media-grid-section .media-grid--3 .right-column{width:50%;display:flex;flex-direction:column;gap:16px}.media-grid-section .media-grid--3 .right-column .media-text-wrapper{flex:1}.media-grid-section .media-grid--4{flex-direction:row}.media-grid-section .media-grid--4 .block-1,.media-grid-section .media-grid--4 .block-4{width:calc(25% - 25px * 2/3)}.media-grid-section .media-grid--4 .center-column{width:calc(50% - 25px * 2/3);display:flex;flex-direction:column;gap:25px}.media-grid-section .media-grid--4 .center-column .media-text-wrapper{flex:1}.media-grid-section .media-text-wrapper{position:relative;overflow:hidden;display:grid;height:100%;border-radius:12px}.media-grid-section .media-wrapper-box{position:relative;padding-top:40%}.media-grid-section .media-text-wrapper img,.media-grid-section .media-text-wrapper video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;display:block}.media-grid-section .media-content{display:flex;flex-direction:column;justify-content:flex-end;color:#fff;z-index:2}.media-grid-section .media-text-wrapper.media-video .media-content{padding:24px 16px}.media-grid-section .media-text-wrapper.media-video .media-wrapper-box,.media-grid-section .media-text-wrapper.media-video .media-content{grid-area:1/-1}.media-grid-section .media-content h3{color:#fff;font-weight:700;font-size:24px;margin:0}.media-grid-section .media-content p{font-weight:400;font-size:16px;color:#fff;margin:8px 0 0}.media-grid-section .media-text-wrapper.media-image .media-content h3{color:#121212}.media-grid-section .media-text-wrapper.media-image .media-content p{color:#444}.media-grid-section .media-text-wrapper.media-video:after{content:"";position:absolute;bottom:0;left:0;background:linear-gradient(180deg,#0000,#000);z-index:1;width:100%;height:60%}.media-grid-section .media-text-wrapper.media-image{padding:20px 26px 20px 40px;display:flex;align-items:center;flex-direction:row-reverse;gap:8px}.media-grid-section .media-text-wrapper.media-image .media-wrapper-box,.media-grid-section .media-text-wrapper.media-image .media-content{width:50%}@media (max-width: 1200px){.media-grid-section .media-text-wrapper.media-image{padding:20px 20px 20px 25px}.media-grid-section .media-grid,.media-grid-section .media-grid--4 .center-column{gap:16px}.media-grid-section .media-content h3{font-size:18px}.media-grid-section .media-content p{font-size:14px}.media-grid-section .media-grid--4 .center-column{width:calc(50% - 16px * 2 / 3)}.media-grid-section .media-grid--4 .block-1,.media-grid-section .media-grid--4 .block-4{width:calc(25% - 16px * 2 / 3)}}@media (max-width: 768px){.media-grid-section .media-grid{flex-direction:column!important}.media-grid-section .media-grid--2 .media-text-wrapper,.media-grid-section .media-grid--3 .block-1,.media-grid-section .media-grid--4 .block-1,.media-grid-section .media-grid--4 .block-4,.media-grid-section .right-column,.media-grid-section .center-column,.media-grid-section .media-grid--4 .center-column{width:100%}.media-grid-section .media-text-wrapper.media-video .media-wrapper-box{padding-top:700px}}@media (max-width: 576px){.media-grid-section .media-text-wrapper.media-video .media-wrapper-box{padding-top:540px}.media-grid-section .media-content h3{font-size:16px}.media-grid-section .media-text-wrapper.media-image{flex-direction:column;gap:16px}.media-grid-section .media-text-wrapper.media-image .media-wrapper-box{padding-top:72%}.media-grid-section .media-text-wrapper.media-image .media-wrapper-box,.media-grid-section .media-text-wrapper.media-image .media-content{width:100%}.media-grid-section .media-text-wrapper.media-image{padding:16px 12px 25px}.media-grid-section .media-text-wrapper.media-image .media-content h3{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/media-grid-overlay.css.map */