.video-grid__inner{max-width:1704px;width:100%;margin:0 auto;padding:0 40px}.video-grid__heading{font-family:Ghost;font-weight:800;font-size:48px;line-height:110%;letter-spacing:.48px;text-align:center;margin:0 0 50px}.video-grid__grid{display:flex;flex-wrap:wrap;column-gap:63px;row-gap:34px;list-style:none;padding:0;margin:0}.video-grid__heading span{color:#579917}.video-grid__item{max-width:calc(33.33% - 42px);width:100%}.video-grid__item{display:flex;flex-direction:column;gap:32px}.video-grid__media{position:relative;border-radius:16px;overflow:hidden;background:#e8e8e8;aspect-ratio:1.47}.video-grid__video{display:block;width:100%;height:100%;object-fit:cover}.video-grid__item--playing .video-grid__video{pointer-events:none}.video-grid__poster-fallback{display:block;width:100%;height:100%;object-fit:cover}.video-grid__controls{position:absolute;right:34px;bottom:30px;z-index:2;display:flex;align-items:center;justify-content:center}.video-grid__btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:#fff;color:#1a1a1a;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:transform .15s ease,opacity .2s ease}.video-grid__btn:hover{transform:scale(1.05)}.video-grid__btn:focus-visible{outline:2px solid #055686;outline-offset:2px}.video-grid__btn .svg-wrapper{display:flex;width:18px;height:18px}.video-grid__btn .svg-wrapper svg{width:100%;height:100%}.video-grid__pause{opacity:0;pointer-events:none;display:none}.video-grid__item--playing:hover .video-grid__pause,.video-grid__item--playing:focus-within .video-grid__pause{opacity:1;pointer-events:auto;display:inline-flex}.video-grid__item--playing .video-grid__play{display:none}.video-grid__title{font-family:Inter;font-weight:600;font-size:30px;line-height:120%;letter-spacing:.3px;margin:0;color:#3c3b3b}@media(max-width:1300px){.video-grid__title{font-size:24px;letter-spacing:.24px}.video-grid__grid{gap:30px}.video-grid__item{max-width:calc(33.33% - 20px)}}@media(max-width:1200px){.video-grid__item{max-width:calc(50% - 20px);gap:22px}}@media screen and (max-width:989px){.video-grid__inner{padding:0 20px}.video-grid__grid{flex-direction:column;gap:28px}.video-grid__title{font-size:20px;line-height:120%;letter-spacing:.2px}.video-grid__title br{display:none}.video-grid__item{max-width:100%;width:100%}.video-grid__heading{font-size:32px;line-height:110%;letter-spacing:.32px;text-align:center;margin-bottom:30px}.video-grid__controls{right:20px;bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/video-grid.css.map */