.hero-section{position:relative;width:100%;max-width:100%;height:var(--section-height-desktop, 100vh);overflow:hidden;margin:0;padding:0}@media(max-width:991px){.hero-section{height:var(--section-height-mobile, 70vh)}}.hero-section__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-section__video{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block!important}.hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,calc(var(--overlay-opacity) / 100));z-index:2;pointer-events:none}.hero-section__video-wrapper--desktop{display:block}@media(max-width:991px){.hero-section__video-wrapper--desktop{display:none}}.hero-section__video-wrapper--mobile{display:none}.hero-section__button .xo-btn:hover .xo-btn__text{color:color-mix(in srgb,rgba(var(--color-hover-button-text)) 100%,transparent)}@media(max-width:991px){.hero-section__video-wrapper--mobile{display:block}}.hero-section__content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:color-mix(in srgb,var(--content-bg-color, rgba(var(--color-background))) calc(var(--content-bg-opacity, 100%) * 1%),transparent);z-index:10}@media(max-width:991px){.hero-section__content{justify-content:center}}.hero-section__inner{width:var(--content-width);display:flex;flex-direction:column;align-items:center;gap:clamp(2.4rem,calc(4vw + .8rem),3rem);height:fit-content;padding-top:var(--padding-top);position:relative;z-index:11}@media(max-width:991px){.hero-section__inner{width:var(--content-width-mb);padding-top:var(--padding-top-mb)}}.hero-section__heading .xo-text__heading{justify-content:center;font-family:customfont;text-align:center;color:var(--text-color);text-shadow:0 2px 8px rgba(0,0,0,.1)}.hero-section__subheading{text-align:center;max-width:400px}.hero-section__subheading p{font-size:clamp(1.6rem,calc(2vw + .5rem),2rem);line-height:1.5;color:var(--text-color);margin:0;text-shadow:0 2px 6px rgba(0,0,0,.1)}body .hero-section__inner .xo-btn--primary .xo-btn__content,body .hero-section__inner .xo-btn--primary .xo-btn__text,body .hero-section__inner .xo-btn--primary .xo-btn__content svg{color:var(--text-color);text-shadow:none}.hero-section__inner .xo-btn--primary{background-color:var(--btn-bg-color)}.hero-section__inner .xo-btn--primary:hover .xo-btn__text,body .hero-section__inner .xo-btn--primary:hover svg{color:var(--btn-bg-color)}.hero-section__inner .xo-btn:before{background-color:var(--text-color)}.hero-section__button{position:relative;z-index:12}.hero-section__image{pointer-events:none;width:clamp(21rem,calc(45vw + 3rem),57rem);position:absolute;z-index:100}.hero-section__image .xo-image__placeholder,.hero-section__image svg{width:100%;height:100%}.hero-section__image-desktop{top:var(--top)}[dir=ltr] .hero-section__image-desktop{left:var(--left)}[dir=rtl] .hero-section__image-desktop{right:var(--left)}@media(max-width:991px){.hero-section__image-desktop{display:none}}.hero-section__image-mobile{top:var(--top-mb)}[dir=ltr] .hero-section__image-mobile{left:var(--left-mb)}[dir=rtl] .hero-section__image-mobile{right:var(--left-mb)}@media(min-width:992px){.hero-section__image-mobile{display:none}}.hero-section__wrapper{position:absolute;left:0;right:0;width:100%;max-width:100%;z-index:200;pointer-events:none;height:var(--separator-height, 200px);overflow:visible;margin:0;padding:0}.hero-section__wrapper--bottom{bottom:0;transform:translateY(2px)}.hero-section__wrapper--bottom svg{position:absolute;bottom:0;left:0;right:0;width:100%;min-width:100%;height:100%;display:block;fill:var(--separator-color, #ffffff);transform:translateZ(0)}.hero-section__wrapper--top{top:0;transform:translateY(-2px)}.hero-section__wrapper--top svg{position:absolute;top:0;left:0;right:0;width:100%;min-width:100%;height:100%;display:block;fill:var(--separator-color, #ffffff);transform:rotate(180deg) translateZ(0)}[dir=ltr] .hero-section__wrapper,[dir=rtl] .hero-section__wrapper{left:0;right:0}@media(max-width:991px){.hero-section__wrapper{height:calc(var(--separator-height, 200px) * .7)}}@media(min-width:1920px){.hero-section__wrapper svg{width:100vw}}@media(max-width:767px){.hero-section__image{width:clamp(18rem,calc(60vw + 1rem),40rem)}}.hero-section__video{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-section__image,.hero-section__heading,.hero-section__button{will-change:opacity,transform}.hero-section__video-wrapper:before{content:unset;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;transition:opacity .5s ease}.hero-section__video-wrapper.loaded:before,.hero-section__video-wrapper.loaded:after{opacity:0;pointer-events:none}@media(prefers-contrast:high){.hero-section__heading .xo-text__heading,.hero-section__subheading p{text-shadow:2px 2px 4px rgba(0,0,0,.8)}}@media(prefers-reduced-motion:reduce){.hero-section__image,.hero-section__heading,.hero-section__button{animation:none!important;transition:none!important}}@media print{.hero-section{height:auto;page-break-inside:avoid}.hero-section__video-wrapper{display:none}.hero-section__image{position:relative;width:100%;max-width:400px}}@supports (-webkit-touch-callout: none){.hero-section__video{-webkit-mask-image:-webkit-radial-gradient(white,black)}}[dir=rtl] .hero-section__heading,[dir=rtl] .hero-section__subheading{text-align:center;direction:rtl}html[dir=rtl] .hero-section__content{direction:rtl}.hero-section--dark-overlay .hero-section__video-overlay{background:#00000080}.hero-section--no-overlay .hero-section__video-overlay{display:none}.hero-section--fullscreen{height:100vh!important}@keyframes kenBurns{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.hero-section__video.ken-burns{animation:kenBurns 20s ease-out infinite alternate}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section__heading,.hero-section__subheading,.hero-section__button{animation:fadeInUp 1s ease-out}.hero-section__heading{animation-delay:.2s}.hero-section__subheading{animation-delay:.4s}.hero-section__button{animation-delay:.6s}.hero-section__video-wrapper:after{content:unset;position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border:3px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;z-index:3;animation:spin 1s linear infinite;opacity:1;transition:opacity .3s ease}.hero-section__video-wrapper.loaded:after{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px)and (max-width:991px){.hero-section{height:85vh}.hero-section__inner{gap:3rem}.hero-section__image{width:clamp(25rem,calc(50vw + 2rem),45rem)}}@media(min-width:1400px){.hero-section__subheading{max-width:600px}}@media(min-width:1920px){.hero-section__content{max-width:1920px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-section.css.map */