.watch-learn-more{width:100%;background-color:var(--background-color);position:relative;overflow:hidden}.watch-learn-more__container{max-width:1200px;margin:0 auto;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:20px;padding-right:20px}.watch-learn-more__heading{font-family:Open Sans;font-size:30px;font-weight:800;color:var(--heading-color);margin:0 0 48px;line-height:36px;letter-spacing:0px;text-align:center}.watch-learn-more__videos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start}.watch-learn-more__video-item{display:flex;flex-direction:column;align-items:center;text-align:center}.watch-learn-more__video-container{width:100%;max-width:500px;border-radius:0;overflow:hidden;border:2px solid var(--video-border-color);transition:all .3s ease;background-color:#f8f9fa}.watch-learn-more__video-container:hover{border-color:var(--video-hover-color);transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.watch-learn-more__video-embed{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:0}.watch-learn-more__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:0}.watch-learn-more__video-thumbnail{position:relative;width:100%;border-radius:10px;overflow:hidden;cursor:pointer;background-color:#f8f9fa}.watch-learn-more__thumbnail-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.watch-learn-more__placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.watch-learn-more__placeholder svg{width:100%;height:100%}.watch-learn-more__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:all .3s ease}.watch-learn-more__video-thumbnail:hover .watch-learn-more__play-button{transform:translate(-50%,-50%) scale(1.1)}.watch-learn-more__play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.watch-learn-more__video-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;text-decoration:none}.watch-learn-more__video-title{font-family:Open Sans;font-size:16px;font-weight:800;color:var(--text-color);margin:15px 0 0;line-height:27px;text-align:center;letter-spacing:0px}@media screen and (max-width:1100px){.watch-learn-more__videos{grid-template-columns:repeat(2,1fr);gap:30px}.watch-learn-more__heading{font-size:36px;margin-bottom:50px}}@media screen and (max-width:1025px){.watch-learn-more__videos{grid-template-columns:1fr;gap:30px}.watch-learn-more__heading{font-size:52px;margin-bottom:40px;letter-spacing:-2.12px;line-height:68px}.watch-learn-more__video-thumbnail{max-width:100%}}@media screen and (max-width:480px){.watch-learn-more__container{padding-left:0;padding-right:0}.watch-learn-more__heading{font-size:28px;margin-bottom:30px}.watch-learn-more__video-title{font-size:24px}.watch-learn-more__play-button svg{width:50px;height:50px}}.watch-learn-more[data-videos-per-row="2"] .watch-learn-more__videos{grid-template-columns:repeat(2,1fr)}.watch-learn-more[data-videos-per-row="4"] .watch-learn-more__videos{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1024px){.watch-learn-more[data-videos-per-row="4"] .watch-learn-more__videos{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.watch-learn-more[data-videos-per-row="2"] .watch-learn-more__videos,.watch-learn-more[data-videos-per-row="4"] .watch-learn-more__videos{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.watch-learn-more__video-item{animation:fadeInUp .6s ease-out}.watch-learn-more__video-item:nth-child(1){animation-delay:.1s}.watch-learn-more__video-item:nth-child(2){animation-delay:.2s}.watch-learn-more__video-item:nth-child(3){animation-delay:.3s}.watch-learn-more__video-item:nth-child(4){animation-delay:.4s}.watch-learn-more__video-link:focus{outline:2px solid var(--heading-color);outline-offset:4px;border-radius:12px}.watch-learn-more__heading:focus{outline:2px solid var(--heading-color);outline-offset:4px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-watch-learn-more.css.map */