.video-grid-section{width:100%;padding:0 15px}.video-grid-inner{max-width:960px;margin:0 auto}.video-grid-title{font-family:Bebas Neue Pro,sans-serif;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#000;text-align:center;margin:0 0 40px;text-transform:uppercase}.video-grid{display:grid;gap:24px;margin-bottom:60px}.video-grid.columns-2{grid-template-columns:repeat(2,1fr)}.video-grid.columns-3{grid-template-columns:repeat(3,1fr)}.video-grid.columns-4{grid-template-columns:repeat(4,1fr)}.video-grid-item{position:relative}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:#f0f0f0;border-radius:8px;overflow:hidden}.video-embed-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.video-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-embed-wrapper[data-video-type=youtube] img{width:100%;height:100%;object-fit:cover}.video-embed-wrapper[data-video-type=youtube] .video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.video-embed-wrapper[data-video-type=youtube] .video-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{width:68px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.video-placeholder svg{width:48px;height:48px;color:#ccc}.video-item-title{font-family:Aktiv Grotesk Corp,sans-serif;font-size:16px;font-weight:500;letter-spacing:.32px;line-height:1.4;color:#000;margin:12px 0 0;text-align:center}@media (max-width: 1024px){.video-grid-title{font-size:28px;margin-bottom:30px}.video-grid{gap:20px}.video-grid.columns-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.video-grid-title{font-size:24px;margin-bottom:24px}.video-grid{gap:16px}.video-grid.columns-3,.video-grid.columns-4{grid-template-columns:repeat(2,1fr)}.video-grid.columns-mobile-1{grid-template-columns:1fr}.video-item-title{font-size:14px}.video-modal-content{width:95%}}@media (max-width: 550px){.video-grid-title{font-size:20px}.video-play-button svg{width:48px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/video-grid.css.map */