.banner-v5__title{font-family:var(--font-custom-family);font-size:clamp(3rem,calc(2.5vw + 2rem),5rem)}.banner-v5__subtitle{font-size:1.6rem;text-transform:uppercase;font-weight:500}.banner-v5__description{margin-top:1rem;margin-bottom:10rem}.banner-v5__video-button{position:relative;height:0;cursor:pointer}.banner-v5__video-button-text{position:relative;display:flex;align-items:center;width:fit-content;transform:translateY(-50%);padding:.4rem 0;z-index:1;transition:all .3s ease-in-out}.banner-v5__btn-line{position:absolute;display:inline-block;height:.1rem;line-height:1;background-color:rgba(var(--color-foreground));transition:all .3s ease-in-out}.banner-v5__btn-line--before{width:5rem;transform:scaleX(0);opacity:0;transform-origin:left}.banner-v5__video-button:hover .banner-v5__btn-line--before{transform:scaleX(1);opacity:1}.banner-v5__btn-line--after{width:6.5rem;position:relative;transform:scaleX(1);opacity:1;transform-origin:right}.banner-v5__video-button:hover .banner-v5__btn-line--after{transform:scaleX(0);opacity:0}.banner-v5__btn-text{position:relative;display:inline-block;transform:translate(0);padding-right:1.5rem;font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground));text-transform:uppercase;font-weight:700;letter-spacing:calc(var(--font-body-scale) * .16rem);transition:all .3s ease-in-out}.banner-v5__video-button:hover .banner-v5__btn-text{transform:translate(6.5rem)}.banner-v5__icon-wrap{position:absolute;top:0;transform:translate(8.3rem,-50%) rotate(0);display:inline-block;width:7.4rem;height:8rem;will-change:transform;transition:all .3s ease-in-out;overflow:hidden}.banner-v5__video-button:hover .banner-v5__icon-wrap{transform:translate(8.3rem,-50%) rotate(-180deg)}.banner-v5__icon-circle{position:absolute;top:0;transform:translate(-.3rem);display:inline-block;width:8rem;height:8rem;background-color:transparent;border:2px solid color-mix(in srgb,rgb(var(--color-foreground)) 100%,#ffffff);transition:all .25s ease-out;-moz-border-radius:50%;-webkit-border-radius:50%}.banner-v5__icon-triangle{position:relative;display:inline-block;top:50%;width:0;height:0;border-top:5px solid transparent;border-left:10px solid color-mix(in srgb,rgb(var(--color-foreground)) 100%,#ffffff);border-bottom:5px solid transparent}.banner-v5__modal{z-index:100000}.banner-v5__modal .xo-video,.banner-v5__modal .video{padding:0 1.5rem;width:100vw;height:60vh}@media(min-width:1200px){.banner-v5__modal .xo-video,.banner-v5__modal .video{width:100rem}}.banner-v5__modal:hover .banner-v5__modal-close{opacity:1}.banner-v5__modal-close{display:none}@media(min-width:1200px){.banner-v5__modal-close{display:block;position:absolute;opacity:0;top:-5rem;right:-5rem;color:#ffffff80;transition:.3s;cursor:pointer}}.banner-v5__modal-close:hover{color:color-mix(in srgb,rgb(var(--color-foreground)) 100%,#ffffff)}.banner-v265__title{font-family:var(--font-custom-family);font-weight:500;font-size:clamp(2.8rem,calc(2.5vw + 1.8rem),4.8rem);line-height:calc(1 + .2 / var(--font-heading-scale));margin-top:3rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-banner-v2.css.map */