.video-text-section{padding:5rem 0}.video-text-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.video-container{position:relative;overflow:hidden;border-radius:.8rem;background-color:#f3f3f3}.video-element{width:100%;height:100%;object-fit:cover;display:block}.video-container.cover-mode .video-element{object-fit:cover}.video-container.vertical{aspect-ratio:9/16;max-height:60vh}.video-container.horizontal{aspect-ratio:16/9;width:100%}.video-container.square{aspect-ratio:1/1;max-width:50vh;max-height:50vh}.text-content{padding:2rem 0}.text-content .heading{font-size:2.4rem;font-weight:600;line-height:1.2;margin-bottom:1.6rem;color:#1a1a1a}.text-content .rte{font-size:1.6rem;line-height:1.6;color:#666;margin-bottom:2.4rem}.text-content .rte p{margin-bottom:1.6rem}.text-content .rte p:last-child{margin-bottom:0}.button{display:inline-block;padding:1.2rem 2.4rem;font-size:1.4rem;font-weight:500;text-decoration:none;border-radius:.4rem;transition:all .3s ease;border:.2rem solid transparent;cursor:pointer;text-align:center;background-color:#1a1a1a;color:#fff}.button:hover{background-color:#333;transform:translateY(-.2rem)}.button--secondary{background-color:transparent;color:#1a1a1a;border-color:#1a1a1a}.button--secondary:hover{background-color:#1a1a1a;color:#fff}.video-text-section.reverse .video-text-wrapper{grid-template-columns:1fr 1fr;direction:rtl}.video-text-section.reverse .video-container,.video-text-section.reverse .text-content{direction:ltr}.placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.3}@media screen and (max-width: 990px){.video-text-wrapper{grid-template-columns:1fr;gap:3rem}.video-text-section.reverse .video-text-wrapper{grid-template-columns:1fr;direction:ltr}.video-container.vertical{max-height:50vh;margin:0 auto;max-width:40rem}.video-container.square{max-width:40rem;max-height:40rem;margin:0 auto}.video-container.horizontal{width:100%}}@media screen and (max-width: 749px){.video-text-section{padding:3rem 0}.video-text-wrapper{gap:2rem}.text-content .heading{font-size:2rem;margin-bottom:1.2rem}.text-content .rte{font-size:1.4rem;margin-bottom:2rem}.video-container.vertical{max-height:40vh;max-width:32rem}.video-container.square{max-width:32rem;max-height:32rem}}@media screen and (min-width: 991px){.video-container.vertical{justify-self:center}}.video-container.square{justify-self:center}.video-container.horizontal{width:100%;justify-self:stretch}.video-element:focus{outline:.2rem solid #0066cc;outline-offset:.2rem}.button:focus{outline:.2rem solid #0066cc;outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-text.css.map */