.video-gallery{margin-top:var(--section-padding-top, 36px);margin-bottom:var(--section-padding-bottom, 36px)}.video-gallery__header{text-align:center;margin-bottom:3rem}.video-gallery__heading{margin-bottom:1rem;color:rgb(var(--color-foreground))}.video-gallery__description{color:rgba(var(--color-foreground),.75);max-width:60rem;margin:0 auto}.video-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.video-gallery__item{position:relative;overflow:hidden;border-radius:var(--border-radius);background:rgba(var(--color-foreground),.04);transition:transform .3s ease,box-shadow .3s ease}.video-gallery__item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2rem rgba(var(--color-shadow),.15)}.video-gallery__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:inherit}.video-gallery__video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-gallery__item:hover .video-gallery__video{transform:scale(1.05)}.video-gallery__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:2rem 1.5rem 1.5rem;opacity:0;transform:translateY(100%);transition:all .3s ease}.video-gallery__item:hover .video-gallery__overlay{opacity:1;transform:translateY(0)}.video-gallery__video-title{color:#fff;font-size:1.6rem;font-weight:600;line-height:1.3;margin:0}@media screen and (max-width: 990px){.video-gallery__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.video-gallery__header{margin-bottom:2rem}}@media screen and (max-width: 749px){.video-gallery{margin-top:calc(var(--section-padding-top, 36px) * .75);margin-bottom:calc(var(--section-padding-bottom, 36px) * .75)}.video-gallery__grid{grid-template-columns:1fr;gap:1.5rem}.video-gallery__header{margin-bottom:1.5rem}.video-gallery__heading{font-size:2.4rem}.video-gallery__play-button{width:5rem;height:5rem}.video-gallery__play-button svg{width:2rem;height:2rem}.video-gallery__overlay{opacity:1;transform:translateY(0);position:static;background:#000c;margin-top:-6rem;z-index:1;padding:1.5rem}.video-gallery__item:hover,.video-gallery__item:hover .video-gallery__video{transform:none}}@media (prefers-reduced-motion: reduce){.video-gallery__item,.video-gallery__video,.video-gallery__overlay{transition:none}.video-gallery__item:hover,.video-gallery__item:hover .video-gallery__video{transform:none}}@media (prefers-contrast: high){.video-gallery__item{border:.2rem solid rgb(var(--color-foreground))}.video-gallery__overlay{background:#000000e6}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-video-gallery.css.map */