.l20-eight-video{position:relative;display:block;width:100%;color:var(--l20-eight-title-color);background:var(--l20-eight-background-color)}.l20-eight-video__stage{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:var(--l20-eight-background-color)}.l20-eight-video__background,.l20-eight-video__veil{position:absolute;top:0;right:0;bottom:0;left:0}.l20-eight-video__background-picture,.l20-eight-video__background-image{display:block;width:100%;height:100%}.l20-eight-video__background-image{object-fit:cover}.l20-eight-video__veil{z-index:1;background:rgb(0 0 0 / var(--l20-eight-overlay-opacity));pointer-events:none}.l20-eight-video__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;padding:0;background:var(--l20-eight-background-color);text-align:center}.l20-eight-video__header{position:relative;z-index:2;width:min(calc(100% - (2 * var(--gutter))),var(--l20-eight-content-width));flex:0 0 auto;margin-inline:auto;padding-block:clamp(24px,3.5vh,48px) clamp(20px,3vh,40px)}.l20-eight-video__title{margin:0;color:var(--l20-eight-title-color);font-family:var(--l20-eight-title-family);font-size:var(--l20-eight-title-size);font-style:var(--l20-eight-title-style);font-weight:var(--l20-eight-title-weight);line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.l20-eight-video__description{max-width:var(--l20-eight-description-width);margin:var(--l20-eight-heading-gap) auto 0;color:var(--l20-eight-description-color);font-family:var(--l20-eight-description-family);font-size:var(--l20-eight-description-size);font-style:var(--l20-eight-description-style);font-weight:var(--l20-eight-description-weight);line-height:1.5}.l20-eight-video__description>:first-child{margin-top:0}.l20-eight-video__description>:last-child{margin-bottom:0}.l20-eight-video__media{position:relative;z-index:0;width:100%;aspect-ratio:var(--l20-eight-video-ratio, 16 / 9);min-height:0;flex:1 1 auto;margin:0;overflow:hidden;background:var(--l20-eight-background-color)}.l20-eight-video__poster,.l20-eight-video__poster-image,.l20-eight-video__video,.l20-eight-video__placeholder{display:block;width:100%;height:100%;object-fit:cover}.l20-eight-video__poster,.l20-eight-video__video{position:absolute;top:0;right:0;bottom:0;left:0}.l20-eight-video__poster{z-index:0}.l20-eight-video__poster-image{object-fit:cover;object-position:center}.l20-eight-video__video{z-index:1;opacity:0;pointer-events:none;transition:opacity .24s ease}.l20-eight-video__video.is-loaded{opacity:1}.l20-eight-video__media .l20-eight-video__veil{z-index:2}.l20-eight-video__video::-webkit-media-controls{display:none!important}.l20-eight-video__video--mobile{display:none}.l20-eight-video__button-wrap{position:absolute;z-index:3;right:var(--gutter);bottom:clamp(24px,4vh,48px);left:var(--gutter);margin:0}.l20-eight-video__button{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-width:var(--l20-eight-button-min-width);height:var(--l20-eight-button-height);padding:8px 26px;border:var(--l20-eight-button-border-width) solid var(--l20-eight-button-border-color);border-radius:var(--l20-eight-button-radius);color:var(--l20-eight-button-color);background:var(--l20-eight-button-background);font-family:var(--l20-eight-button-family);font-size:var(--l20-eight-button-size);font-style:var(--l20-eight-button-style);font-weight:var(--l20-eight-button-weight);line-height:1.2;text-decoration:none;transition:filter .2s ease,transform .2s ease}.l20-eight-video__button:hover,.l20-eight-video__button:focus-visible{filter:brightness(1.15);transform:translateY(-2px)}.l20-eight-video__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.l20-eight-video__button[aria-disabled=true]{cursor:default}.l20-eight-video.is-scroll-ready .l20-eight-video__video{will-change:contents}@media(max-width:768.98px){.l20-eight-video__stage{height:auto;min-height:0;overflow:visible}.l20-eight-video__content{position:relative;inset:auto;width:100%;height:auto;padding:0}.l20-eight-video__header{width:100%;padding:var(--l20-eight-mobile-header-padding-top) var(--l20-eight-mobile-inline-padding) var(--l20-eight-mobile-header-padding-bottom)}.l20-eight-video__title{font-size:var(--l20-eight-mobile-title-size);line-height:1.08}.l20-eight-video__description{max-width:36em;margin-top:var(--l20-eight-mobile-heading-gap);font-size:var(--l20-eight-mobile-description-size);line-height:1.0667}.l20-eight-video__media{width:100%;aspect-ratio:var(--l20-eight-mobile-video-ratio, var(--l20-eight-video-ratio, 16 / 9));flex:0 0 auto;min-height:0;margin:0}.l20-eight-video__poster-image,.l20-eight-video__video{object-position:center center}.l20-eight-video--has-mobile-video .l20-eight-video__video--desktop{display:none}.l20-eight-video--has-mobile-video .l20-eight-video__video--mobile{display:block}.l20-eight-video__button-wrap{right:20px;bottom:24px;left:20px;margin:0}.l20-eight-video__button{min-height:44px}}@media(min-width:769px)and (max-height:800px){.l20-eight-video__header{padding-block:20px 16px}.l20-eight-video__title{font-size:min(var(--l20-eight-title-size),44px)}.l20-eight-video__description{margin-top:min(var(--l20-eight-heading-gap),12px);font-size:min(var(--l20-eight-description-size),16px)}}@media(prefers-reduced-motion:reduce){.l20-eight-video__video{will-change:auto}.l20-eight-video__button,.l20-eight-video__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/l20-eight-video.css.map */