.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.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,.video-section__media video{position:absolute;width:100%;height:100%;z-index:30}.video-section__media video{background:#000}.deferred-media[loaded] iframe{z-index:40!important}.video-section__media.media-fit-cover video{object-fit:cover}.video-section .title-and-content{position:absolute;top:50px;left:50%;transform:translate(-50%);width:100%;max-width:300px;z-index:35;text-align:center}.title-and-content .title-wrapper .h1{font-size:calc(var(--font-heading-scale) * 2.7rem)}.title-and-content .content-wrapper{display:none}.video-section .video-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column}.video-section .video-buttons button,.video-section .video-buttons .button{margin:0 0 15px;width:240px}.video-buttons button svg{width:13px;height:13px;margin-right:10px}.video-buttons .button--outline{background-color:transparent;color:rgb(var(--color-foreground))}.video-buttons .button--outline:after{--color-button: var(--color-foreground);border-radius:calc(var(--buttons-border-width) - 2px)}@media (max-width: 749px){.deferred-media{min-height:520px}}@media (min-width: 750px){.video-section .title-and-content{max-width:700px;top:70px}.title-and-content .title-wrapper .h1{font-size:calc(var(--font-heading-scale) * 3.4rem)}.title-and-content .content-wrapper{margin-bottom:3.2rem;display:block;color:rgba(var(--color-foreground),.8);font-size:1.7rem}.video-section .video-buttons{flex-direction:row}.video-section .video-buttons button,.video-section .video-buttons .button{margin:0 7.5px;width:auto}}@media (min-width: 990px){.video-section .title-and-content{max-width:850px;top:130px}.title-and-content .title-wrapper .h1{font-size:calc(var(--font-heading-scale) * 4rem)}.title-and-content .content-wrapper{font-size:2.4rem;line-height:1.59}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/video-section.css.map */