.banner-video-v1{position:relative;overflow:hidden;max-height:100dvh}.banner-video-v1__video{position:relative}.banner-video-v1__video video{position:relative;width:100%;height:auto;display:block;min-height:27rem;object-fit:cover}.banner-video-v1__content{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-width: 768px){.banner-video-v1__text{max-width:60%}}.banner-video-v1__title{font-family:Dela Gothic One,sans-serif;font-size:clamp(2.5rem,calc(4.375vw + .75rem),6rem);font-weight:900;line-height:calc(1 + .3 / var(--font-heading-scale));text-transform:capitalize;text-align:center;color:rgba(var(--color-foreground))}.banner-video-v1__subtitle{max-width:80rem;position:relative;font-size:clamp(1.8rem,calc(.25vw + 1.7rem),2rem);font-weight:500;letter-spacing:calc(var(--font-heading-scale) * .2rem);line-height:calc(1 + .2 / var(--font-heading-scale));text-transform:capitalize;color:rgba(var(--color-foreground));margin-bottom:1rem;text-transform:uppercase}.banner-video-v1__desc{font-size:clamp(1.5rem,calc(.625vw + 1.25rem),2rem);font-weight:400;color:rgba(var(--color-foreground),.7);text-transform:unset;margin:1rem 0 5rem}@media (max-width: 575px){.banner-video-v1__desc{margin:1rem 0 3rem}}.banner-video-v1__overlay{position:absolute;top:0;z-index:1;left:0;width:100%;height:100%;background:#00000036}.banner-video-v1__btn{display:flex;justify-content:center;align-items:center}.banner-video-v1__url{border:1px solid rgba(var(--color-foreground));padding:.8rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:2rem;transition:.3s ease}.banner-video-v1__url svg{transition:.3s ease;width:2rem;color:rgba(var(--color-foreground),.8)}.banner-video-v1__url svg path{fill:rgba(var(--color-foreground),.8)}.banner-video-v1__url:hover{background:rgba(var(--color-foreground))}.banner-video-v1__url:hover svg{width:2rem;color:rgba(var(--color-background),.8)}.banner-video-v1__url:hover svg path{fill:rgba(var(--color-background),.8)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-banner-video-v1.css.map */