.hero-section{position:relative;min-height:var(--section-min-height, 600px);height:var(--section-height, 100dvh);overflow:hidden}@media(max-width:991px){.hero-section{height:var(--section-height-mb, var(--section-height, 100dvh));min-height:var(--section-min-height-mb, var(--section-min-height, 600px))}}.hero-section--separator-clip{margin-bottom:calc(var(--hero-separator-height, 16.6667vw) * -1)}.hero-section__clip-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0}.hero-section__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hero-section__background-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-section__background-image,.hero-section__background-video,.hero-section__background-video-cover{width:100%;height:100%;display:block}.hero-section__background-image,.hero-section__background-video{object-fit:cover}.hero-section__background-video-cover{position:absolute;top:0;right:0;bottom:0;left:0}.hero-section__background-video-cover video,.hero-section__background-video-cover iframe{width:100%;height:100%}.hero-section__background-image--mobile{display:none}@media(max-width:767px){.hero-section__background-image--desktop{display:none}.hero-section__background-image--mobile{display:block}}.hero-section__background-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-section__background-overlay--color{z-index:11}.hero-section__background-overlay--gradient{z-index:12}.hero-section__content{min-height:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--hero-content-background, color-mix(in srgb, rgba(var(--color-background)) 100% , transparent));position:relative;z-index:150}.hero-section__inner{width:100%;display:flex;flex-direction:column;gap:10px}.hero-section__block{width:100%;display:flex}.hero-section__block--left{justify-content:flex-start;text-align:left}.hero-section__block--center{justify-content:center;text-align:center}.hero-section__block--right{justify-content:flex-end;text-align:right}.hero-section__block--heading .xo-text{width:100%;max-width:min(100%,var(--heading-max-width, 900px))}.hero-section__block--left .xo-text__heading{justify-content:flex-start;text-align:left}.hero-section__block--center .xo-text__heading{justify-content:center;text-align:center}.hero-section__block--right .xo-text__heading{justify-content:flex-end;text-align:right}.hero-section__logo{width:min(100%,var(--logo-width-dvh, 40dvh),var(--logo-max-width, 640px));transform:translate(var(--logo-offset-x, 0px))}@media(max-width:991px){.hero-section__logo{transform:translate(var(--logo-offset-x-mb, 0px))}}.hero-section__block--left .hero-section__logo{margin-inline-start:0;margin-inline-end:auto}.hero-section__block--center .hero-section__logo{margin-inline-start:auto;margin-inline-end:auto}.hero-section__block--right .hero-section__logo{margin-inline-start:auto;margin-inline-end:0}.hero-section__logo .xo-image,.hero-section__logo-media{width:100%}.hero-section__logo-media{display:block}.hero-section__logo-media svg{display:block;width:100%;height:auto}.hero-section__logo-media svg *{animation-timing-function:var(--logo-animation-easing, linear)}.hero-section__content-image{width:min(100%,var(--content-image-width-dvw, 35dvw),var(--content-image-max-width, 640px))}.hero-section__content-image .xo-image,.hero-section__content-image img,.hero-section__content-image svg{width:100%;height:auto}.hero-section__wrapper svg{transform:translateY(2px);position:absolute;z-index:200;bottom:0;fill:var(--bg-color)}[dir=ltr] .hero-section__wrapper svg{left:0}[dir=rtl] .hero-section__wrapper svg{right:0}.hero-section__image{pointer-events:none;width:clamp(21rem,calc(45vw + 3rem),57rem);z-index:100}.hero-section__image .xo-image__placeholder,.hero-section__image img,.hero-section__image svg{width:100%;height:100%}.hero-section__image-desktop{position:absolute;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{position:absolute;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}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-section.css.map */