.video-banner{position:relative;width:100%;z-index:1;overflow:hidden;margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}.video-banner__color-strip{height:100%;width:100%;transition:background-color .2s ease-out;display:block!important;position:absolute;z-index:2}.video-banner__wrapper{width:100%;position:relative;max-height:1080px;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center}.video-banner__media{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:1.5rem}.video-banner-blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:240px;z-index:4;pointer-events:none;background:linear-gradient(180deg,#ffffff1a,#ffffff0d 20%,#fff0);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);display:none!important}.video-banner__gradient-mask{position:relative;width:100%;height:100%;margin-top:15%;z-index:3}.video-banner__video{position:relative;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%);mask-image:linear-gradient(to bottom,transparent 0%,black 12%);will-change:transform;transform:scale(1.01);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.video-banner__gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;transition:background 1s ease-out;mix-blend-mode:multiply;display:block!important}.video-banner__content{position:relative;width:100%;max-width:1035px;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;margin:0 auto}.video-banner__content-wrapper{text-align:center;color:#fff;margin:0 auto}.video-banner-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:0rem}.video-banner__heading{color:#fff;font-family:Louize Italic;letter-spacing:-.0125rem;font-style:italic;text-align:center;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.video-banner__heading-2{color:#fff;font-feature-settings:"cpsp" on;font-family:Louize Display Condensed;font-style:normal;font-weight:400;text-transform:uppercase}.video-banner-button{display:flex;width:20rem;padding:.85714rem;flex-direction:column;justify-content:center;align-items:center;gap:.57143rem;border-radius:2rem;border:1px solid rgba(255,255,255,.24);border:1px solid color(display-p3 1 1 1 / .24);background-blend-mode:overlay,overlay,luminosity;box-shadow:0 6px 24px #0000000f;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);text-transform:lowercase;text-transform:none;text-decoration:none;color:#fff}.button-text{font-weight:500;text-transform:lowercase;text-transform:none;text-decoration:none;color:#fff;text-align:center;text-shadow:0px .5px 2px rgba(0,0,0,.24);text-shadow:0px .5px 2px color(display-p3 0 0 0 / .24)}.video-banner__heading .letter{display:inline-block;position:relative;white-space:pre;transform-origin:center;will-change:transform;cursor:pointer;transition:color .2s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:auto;z-index:100;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.video-banner__heading .letter:hover{color:#ffffffe6}.video-banner__text h6{margin:0 0 2rem;color:#fff;text-align:center;text-shadow:0px 1px 2px rgba(0,0,0,.08);text-shadow:0px 1px 2px color(display-p3 0 0 0 / .08)}.video-banner__buttons{display:flex;justify-content:center;gap:1rem}@media screen and (max-width: 749px){.video-banner{padding-left:12px;padding-right:12px}.video-banner__wrapper{min-height:80vh;aspect-ratio:auto}.video-banner__media{border-radius:1rem}.video-banner__content-wrapper{padding:1.5rem;width:100%}.video-banner-text-wrapper{gap:.5rem}.video-banner-button{width:100%;max-width:16rem;padding:.75rem}.video-banner__buttons{flex-direction:column;width:100%;gap:.75rem}.video-banner__gradient-mask{margin-top:55%}.video-banner__video{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%)}}@media screen and (max-width: 375px){.video-banner__content-wrapper{padding:1rem}}.video-banner__video:not([src]){opacity:0}.video-banner__video[src]{opacity:1;transition:opacity .4s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-video-banner.css.map */