.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.video-section__media.fg-mode{padding-bottom:0!important;min-height:60vh;height:60vh}.video-section--viewport-height .video-section__media.has-bg{height:100%}.video-section__media.has-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__poster{position:absolute;width:100%;height:100%}.video-section__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.video-section__media .fg-image{height:55vh;width:auto;max-width:95%;max-height:95%;left:50%;top:32vh;transform:translate(-50%,-50%);object-fit:contain;object-position:center;opacity:0;z-index:20;animation:fgFadeIn .9s ease-out .4s forwards,fgFloat 6s ease-in-out 1.4s infinite}@keyframes fgFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fgFloat{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}to{transform:translate(-50%,-50%)}}.video-section--viewport-height{padding-top:0!important;padding-bottom:0!important;margin:0!important;position:relative;width:100vw;height:calc(100vh - var(--total-header-height, 8rem));margin-left:calc(50% - 50vw);overflow:hidden}.video-section--viewport-height .video-section__media{position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:0!important;min-height:unset!important}.video-section--viewport-height .video-section__media.global-media-settings--full-width{padding-bottom:0!important}.video-section--viewport-height .video-section__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-section--viewport-height .video-section__poster{position:absolute;top:0;left:0;width:100%;height:100%}.video-section--viewport-height .video-section__poster img{width:100%;height:100%;object-fit:cover;object-position:center}body:has(.video-section--viewport-height) #MainContent:not(:has(.product__column-sticky)){overflow:hidden}.video-text-overlay{position:absolute;z-index:5;font-weight:700;pointer-events:none;transition:opacity 1s ease-in-out;opacity:1;text-align:center;max-width:80%;line-height:1.2;display:inline-block}.video-text-overlay--center{top:50%;left:50%;transform:translate(-50%,-50%)}.video-text-overlay--top-left{top:2rem;left:2rem;transform:none;text-align:left}.video-text-overlay--top-center{top:4rem;left:50%;transform:translate(-50%)}.video-text-overlay--top-right{top:2rem;right:2rem;transform:none;text-align:right}.video-text-overlay--bottom-left{bottom:2rem;left:2rem;transform:none;text-align:left}.video-text-overlay--bottom-center{bottom:19vh;left:50%;transform:translate(-50%)}.video-text-overlay--bottom-right{bottom:2rem;right:2rem;transform:none;text-align:right}.video-text-overlay--bottom-32px,.video-text-overlay.video-text-overlay--bottom-32px{bottom:32px!important;left:50%!important;top:auto!important;transform:translate(-50%)!important}.video-text-overlay .text-content{opacity:0;transform:translateY(0)}.video-text-overlay--top-center .text-content,.video-text-overlay--top-center .text-content *{line-height:1.05}.video-text-overlay .text-content,.video-text-overlay .text-content p,.video-text-overlay .text-content h1,.video-text-overlay .text-content h2,.video-text-overlay .text-content h3,.video-text-overlay .text-content h4,.video-text-overlay .text-content h5,.video-text-overlay .text-content h6{margin:0}.text-animation--none .text-content{opacity:1;transform:none}.text-animation--fade-up .text-content{animation:fadeUp 1.2s ease-out .5s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.text-animation--scale-in .text-content{transform:scale(.8);animation:scaleIn 1s ease-out .5s forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.text-animation--slide-left .text-content{transform:translate(50px);animation:slideLeft 1s ease-out .5s forwards}@keyframes slideLeft{to{opacity:1;transform:translate(0)}}.text-animation--word-reveal .text-content{overflow:hidden;opacity:0}.text-animation--word-reveal .word{display:inline-block;opacity:0;transform:translateY(100%);animation:wordReveal .6s ease-out forwards}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}.text-animation--line-stagger .text-content{opacity:0}.text-animation--line-stagger .line{display:block;opacity:0;transform:translate(-30px);animation:lineStagger .8s ease-out forwards;line-height:.9em;font-style:italic;margin-bottom:-.1em}.line1{font-size:4rem;line-height:.8em;text-transform:uppercase;font-style:italic}.line2{font-size:5.5rem;line-height:.5em;color:#ff6a00;border-radius:9999px;padding:.25em .5em .3em;display:inline-block;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-style:italic}.line3{font-size:2.9rem;right:-15px;line-height:1em;margin-top:0;position:relative}@keyframes lineStagger{to{opacity:1;transform:translate(0)}}.video-text-overlay.fade-out{opacity:0}.video-text-overlay.html-enabled{white-space:normal}.video-text-overlay .line1,.video-text-overlay .line2,.video-text-overlay .line3{display:inline-block;width:100%}.video-text-overlay.html-enabled strong,.video-text-overlay.html-enabled b{font-weight:900}.video-text-overlay.html-enabled em,.video-text-overlay.html-enabled i{font-style:italic}.video-text-overlay.html-enabled br{line-height:1.5}.video-text-overlay.html-enabled a{color:inherit;text-decoration:underline;pointer-events:auto}.video-text-overlay.html-enabled a:hover{opacity:.8}@media(max-width:900px){.video-text-overlay{max-width:none;width:auto;box-sizing:border-box}.text-animation--line-stagger .line{line-height:0;margin-bottom:0}.line1{font-size:4rem;line-height:.9em}.line2{font-size:3.1rem;line-height:.95em}.line3{font-size:1.8rem;right:-10px;line-height:1em;margin-top:0;position:relative}.video-text-overlay--bottom-center{bottom:20rem;left:4%;right:4%;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/lp-hero-product-section.css.map */