.hero-banner{position:relative;overflow:hidden}.hero-banner__wrapper{position:relative}.hero-banner__media{position:relative;width:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.04);background-position:center;background-repeat:no-repeat;background-size:cover}.hero-banner__media.frame__item{display:block}.hero-banner__image-adapt{width:100%;height:auto;display:block;position:relative;z-index:0}.hero-banner__image-adapt img{width:100%;height:auto;display:block}.hero-banner__image-mobile{display:none}@media screen and (max-width:749px){.hero-banner__image-mobile{display:block}.hero-banner__media:has(.hero-banner__image-mobile) .hero-banner__image-adapt:not(.hero-banner__image-mobile){display:none}}.hero-banner__video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero-banner__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.04)}.hero-banner__placeholder svg{width:100%;height:100%;object-fit:cover}.image-overlay{display:block!important;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:1;pointer-events:none}.hero-banner__wrapper{position:relative;display:flex;flex-direction:column}.hero-banner__content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:2;pointer-events:none}.hero-banner__content-wrapper>*{pointer-events:auto}.hero-banner__content-wrapper.align--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.hero-banner__content-wrapper.align--top-center{justify-content:flex-start;align-items:center;text-align:center}.hero-banner__content-wrapper.align--top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.hero-banner__content-wrapper.align--middle-left{justify-content:center;align-items:flex-start;text-align:left}.hero-banner__content-wrapper.align--middle-center{justify-content:center;align-items:center;text-align:center}.hero-banner__content-wrapper.align--middle-right{justify-content:center;align-items:flex-end;text-align:right}.hero-banner__content-wrapper.align--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.hero-banner__content-wrapper.align--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.hero-banner__content-wrapper.align--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}@media screen and (max-width:749px){.hero-banner__content-wrapper.mobile-align--left{align-items:flex-start;text-align:left}.hero-banner__content-wrapper.mobile-align--center{align-items:center;text-align:center}.hero-banner__content-wrapper.mobile-align--right{align-items:flex-end;text-align:right}}.hero-banner__content-wrapper.backdrop--linear{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--overlay-opacity) * .5)),rgba(0,0,0,var(--overlay-opacity)))}.hero-banner__scrolling{position:absolute;width:100%;z-index:1;pointer-events:none;overflow:hidden}.hero-banner__scrolling--top{top:var(--scrolling-top-padding, 5rem)}@media screen and (max-width:749px){.hero-banner__scrolling--top{top:var(--scrolling-top-padding, 4rem)}}.hero-banner__scrolling--middle{top:50%;transform:translateY(-50%)}.hero-banner__scrolling--bottom{bottom:5rem}@media screen and (max-width:749px){.hero-banner__scrolling--bottom{bottom:4rem}}.hero-banner__scrolling-track{display:inline-flex;align-items:center;gap:var(--scrolling-gap, 3rem);white-space:nowrap;will-change:transform}.hero-banner__scrolling-item{display:inline-block;font-size:var(--scrolling-font-size, 3rem);font-weight:700;line-height:1.2;letter-spacing:.02em;color:#ffffffe6;text-transform:uppercase;white-space:nowrap;padding:0}.hero-banner__scrolling--right .hero-banner__scrolling-track{animation:scroll-rtl var(--scrolling-duration, 15s) linear infinite}.hero-banner__scrolling--left .hero-banner__scrolling-track{animation:scroll-ltr var(--scrolling-duration, 15s) linear infinite}@keyframes scroll-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% / 9),0,0)}}@keyframes scroll-ltr{0%{transform:translate3d(calc(-100% / 9),0,0)}to{transform:translateZ(0)}}.hero-banner__scrolling:hover .hero-banner__scrolling-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-banner__scrolling-track{animation:none!important}}.hero-banner__heading-wrapper{position:absolute;z-index:3;pointer-events:auto;padding:2rem}@media screen and (min-width:750px){.hero-banner__heading-wrapper{padding:2rem}}.hero-banner__heading--top-left{top:var(--heading-top-padding, 0);left:0;text-align:left}.hero-banner__heading--top-center{top:var(--heading-top-padding, 0);left:50%;transform:translate(-50%);text-align:center}.hero-banner__heading--top-right{top:var(--heading-top-padding, 0);right:0;text-align:right}.hero-banner__heading--middle-left{top:50%;left:0;transform:translateY(-50%);text-align:left}.hero-banner__heading--middle-center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.hero-banner__heading--middle-right{top:50%;right:0;transform:translateY(-50%);text-align:right}.hero-banner__heading--bottom-left{bottom:0;left:0;text-align:left}.hero-banner__heading--bottom-center{bottom:0;left:50%;transform:translate(-50%);text-align:center}.hero-banner__heading--bottom-right{bottom:0;right:0;text-align:right}.hero-banner__heading{font-size:calc(var(--font-heading-scale) * 3rem * var(--heading-font-scale, 1));font-weight:700;line-height:1.2;margin:0;color:#fff}@media screen and (min-width:750px){.hero-banner__heading{font-size:calc(var(--font-heading-scale) * 4rem * var(--heading-font-scale, 1))}}.hero-banner__logo-wrapper{position:absolute;top:50%;left:50%;transform:translate3d(-50%,calc(-50% + var(--logo-translate-y, 0vh)),0) scale(var(--logo-scale, 1));transform-origin:center center;z-index:2;width:70%;max-width:100%;pointer-events:none;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media screen and (min-width:750px){.hero-banner__logo-wrapper{width:60%;max-width:720px}}.hero-banner__logo-image{width:100%;height:auto;display:block;object-fit:contain}.hero-banner__logo-text{width:100%;color:#fff;font-size:8vw;font-weight:800;text-align:center;line-height:1.2;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2rem}@media screen and (min-width:750px){.hero-banner__logo-text{font-size:5vw}}.hero-banner__logo-image--mobile-only,.hero-banner__logo-text--mobile-only{display:none}@media screen and (max-width:749px){.hero-banner__logo-image--mobile-only,.hero-banner__logo-text--mobile-only{display:block}.hero-banner__logo-image:not(.hero-banner__logo-image--mobile-only):not(.hero-banner__logo-image--mobile),.hero-banner__logo-text:not(.hero-banner__logo-text--mobile-only):not(.hero-banner__logo-text--mobile){display:none}}.hero-banner__content{position:relative;z-index:4;max-width:var(--content-width);padding:3rem 2rem;color:var(--text-color, rgba(255, 255, 255, 1))}@media screen and (min-width:750px){.hero-banner__content{padding:5rem 3rem}}.hero-banner__content.backdrop--radial{background:radial-gradient(ellipse at center,rgba(0,0,0,var(--overlay-opacity)) 0%,rgba(0,0,0,calc(var(--overlay-opacity) * .3)) 70%,transparent 100%)}.hero-banner__description{font-size:1.6rem;line-height:1.6;margin-bottom:2rem;color:var(--text-color, rgba(255, 255, 255, .95))}@media screen and (min-width:750px){.hero-banner__description{font-size:1.8rem}}.hero-banner__button{margin-top:2rem}.hero-banner__button .button{min-width:18rem;background-color:var(--button-bg-color, #FFFFFF);color:var(--button-label-color, #000000);border:.1rem solid var(--button-outline-color, #FFFFFF);box-shadow:none!important}.hero-banner__button .button.btn--outline{background-color:transparent;border:.1rem solid var(--button-outline-color, #FFFFFF);color:var(--button-bg-color, #FFFFFF);box-shadow:none!important}.hero-banner__button .button:hover{opacity:.9;box-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */
