.video-section__media{position:relative}.video-section__media.height--adapt{--ratio-percent: 56.25%;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.video-section__media.height--small{padding-bottom:25vh;min-height:200px}.video-section__media.height--medium{padding-bottom:60vh;min-height:500px}.video-section__media.height--large{padding-bottom:75vh;min-height:650px}.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%}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.video-section__media[data-autoplay=true] template{display:none}.video-section__media[data-autoplay=true] iframe,.video-section__media[data-autoplay=true] video{position:absolute;width:100%;height:100%;display:block}.video-section__media[data-autoplay=true] .deferred-media__poster{display:none}.video-section__wrapper,.video-section--title-overlay{position:relative}.title-wrapper--flex-start,.title-wrapper--flex-end{position:absolute;left:0;right:0;z-index:1;margin-bottom:0;padding:var(--title-overlay-padding);border-top:1px solid rgba(var(--color-button));border-bottom:1px solid rgba(var(--color-button))}.title-wrapper--flex-start{top:2rem}.title-wrapper--flex-end{bottom:2rem}.title-wrapper__inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.title-wrapper__inner .title,.title-wrapper__inner .button{margin:0}@media screen and (max-width: 749px){.title-wrapper__inner{flex-direction:column;align-items:flex-start;gap:1rem}}.video-section__media.media img{position:absolute;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/25/assets/video-section.css.map */