.video-section.page-width{padding-top:7rem;padding-bottom:5rem}@media screen and (min-width: 750px){.video-section.page-width{padding-top:calc(5rem + var(--page-width-margin));padding-bottom:calc(5rem + var(--page-width-margin))}}.video-section__media{position:relative;padding-bottom:56.25%}.video-section__media.deferred-media{overflow:visible}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe{position:absolute;width:100%;height:100%}.content-over-media>:is(img,video,iframe,svg,video-media),.content-over-media>picture img{height:var(--content-over-media-height, auto);min-height:100%;max-height:100%;min-width:100%;overflow-wrap:anywhere;object-fit:cover;object-position:center;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.content-over-media--xs{--content-over-media-height: clamp(15rem, 65vw, 25rem)}.content-over-media--sm{--content-over-media-height: clamp(20rem, 85vw, 32rem)}.content-over-media--md{--content-over-media-height: clamp(25rem, 100vw, 36rem)}.content-over-media--lg{--content-over-media-height: clamp(30rem, 125vw, 42rem)}.content-over-media--fill{--content-over-media-height: calc(100vh - var(--sticky-area-height))}.content-over-media--frame{width:100%;margin:auto;padding:25vh calc((100vw - 840px)/2);height:100vh}.content-over-media--frame_no_padding{width:100%;margin:auto;padding:0 calc((100vw - 840px)/2);height:auto}.content-over-media video{max-width:100%;position:relative}.video-section-frame{position:relative}.video-section-frame .content-over-media--frame .frame-title{position:absolute;bottom:0;left:0;right:0;text-align:center;text-transform:uppercase;letter-spacing:.35rem;font-size:12px}.video-section-frame .content-over-media--frame .frame-title{margin:3rem 0 5rem}@media screen and (min-width: 990px){.video-section-frame .content-over-media--frame .frame-title{margin:5rem 0;font-size:20px}}.content-over-media.content-over-media--frame>:is(img,video,iframe,svg,video-media),.content-over-media.content-over-media--frame>picture img{max-width:100%}@media screen and (max-width: 749px){.hide-on-mobile{display:none}.content_inside--text{width:100%;padding:4rem}}@media screen and (min-width: 750px){.hide-on-desktop{display:none}.content_inside--text{max-width:70rem}}.content_inside{position:relative}.content_inside--text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video-section.css.map */