.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%;object-fit:cover;border-radius:0}.video-section__media{border-radius:0}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.video-section .video-section__media{position:relative}.video-section .title-wrapper .title{font-size:calc(var(--font-heading-scale) * 2.4rem);color:rgba(var(--color-button),var(--alpha-button-background))}.video-section .banner__box{margin-inline:auto}.video-section .deferred-media__poster-button{width:40px;height:40px;background-color:unset;border:none;z-index:10;color:#fff}.video-section .deferred-media__poster-button .icon{width:40px;height:40px}.video-section .banner__box>*+.banner__buttons{margin-top:1.5rem}.video-section .banner__box .banner__heading+*{margin-top:.8rem}.video-section .banner__heading{font-size:calc(var(--font-heading-scale) * 2.4rem);font-family:var(--font-heading-family);line-height:normal}.video-section .banner__text.rte{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:normal}.video-section .banner__buttons .button{min-height:calc(3.8rem + var(--buttons-border-width) * 2);font-size:calc(var(--font-body-scale) * 1.6rem);padding:0 2.25rem;line-height:normal}.video-section .video-content--wrapper{position:relative}.video-section .video-contents{width:100%}@media screen and (min-width:1025px){.video-section .video-contents{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-section .title-wrapper .title{font-size:calc(var(--font-heading-scale) * 4.8rem)}.video-section .banner__heading{font-size:calc(var(--font-heading-scale) * 5rem);line-height:normal}.video-section .banner__box>*+.banner__buttons{margin-top:3rem}.video-section .banner__text.rte{font-size:calc(var(--font-body-scale) * 3.2rem);line-height:normal}.video-section .banner__buttons .button{font-size:calc(var(--font-body-scale) * 2.2rem);line-height:normal;min-width:calc(20rem + var(--buttons-border-width) * 2);min-height:calc(5.8rem + var(--buttons-border-width) * 2)}}@media screen and (min-width:800px){.video-section .deferred-media__poster-button,.video-section .deferred-media__poster-button .icon{width:80px;height:80px}}@media screen and (max-width:1024px){.video-section .banner__heading,.video-section .banner__text.rte{color:rgba(var(--color-button),var(--alpha-button-background))}}@media screen and (max-width:1024px)and (min-width:750px){.video-section .video-contents{margin-top:23px}.video-section .banner__box{padding-top:0}}@media screen and (max-width:749px){.video-section .banner__box{padding:2rem 0}.video-section.page-width.full-width-mobile-video{max-width:100%;padding-left:0;padding-right:0}.video-section.page-width.full-width-mobile-video .global-media-settings img,.video-section.page-width.full-width-mobile-video .global-media-settings iframe,.video-section.page-width.full-width-mobile-video .global-media-settings model-viewer,.video-section.page-width.full-width-mobile-video .global-media-settings video,.video-section.page-width.full-width-mobile-video .global-media-settings .placeholder-svg .video-section.page-width.full-width-mobile-video video{border-radius:0}.video-section.page-width.full-width-mobile-video .banner__box{padding:2rem}}.custom-video-with-text .image-with-text__media--placeholder.image-with-text__media--adapt,.custom-video-with-text .media.image-with-text__media--adapt{height:100%}@media screen and (max-width:1024px){.padded-video{padding:0 1.5rem}}@media screen and (min-width:750px){.image-with-text__media-item--xsmall{flex-grow:0}}
/*# sourceMappingURL=/cdn/shop/t/665/assets/video-section.css.map */