.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,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.hero-video-container{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:20px}.hero-video-container--primary video{border-radius:0;width:100%;height:auto;display:block}.hero-video-container--secondary,.hero-video-container--tertiary{width:100%;margin-bottom:20px}.scroll-down-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:#00000080;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:18px;transition:background .3s ease;z-index:9999}.scroll-down-btn:hover{background:#000c}.staggered-videos-wrapper{display:flex;flex-direction:column;gap:24px;margin-top:12px}.staggered-video-block{display:flex;align-items:flex-start;gap:24px;width:100%;justify-content:space-between;padding:10px 0}.staggered-video-block--left{flex-direction:row}.staggered-video-block--right{flex-direction:row-reverse}.staggered-video{flex:1 1 50%;min-width:0}.staggered-video video{width:100%;height:auto;display:block;border-radius:12px;background:#000}.staggered-text{flex:1 1 50%;min-width:0;color:inherit}.staggered-header{font-size:3rem;font-weight:700;margin:0 0 8px;line-height:1.3}.staggered-body{font-size:1.25rem;font-weight:400;line-height:1.6;margin:0}.staggered-text .rte{margin:0}@media screen and (max-width: 749px){.staggered-video-block,.staggered-video-block--left,.staggered-video-block--right{flex-direction:column;align-items:flex-start}.staggered-text{width:100%;order:2;margin-top:12px}.staggered-header{font-size:1.75rem}.staggered-body{font-size:1.1rem}.staggered-video{width:100%;order:1}.staggered-video video{border-radius:8px}}@media screen and (min-width: 1200px){.staggered-video,.staggered-text{flex-basis:calc(50% - 12px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-section.css.map */
