.no-js .hero-section{opacity:1}.hero-section{opacity:0}.hero{position:relative;display:flex;z-index:1;overflow:hidden}.hero:before{content:"";display:block;padding-bottom:var(--slide-height)}.hero_wrapper{display:flex;flex-direction:column;justify-content:space-between}.hero_wrapper.hero_wrapper-without-ticker{width:100%}.hero_image-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2}.hero_image-wrapper .hero_image-box{position:relative;z-index:1;height:100%;box-sizing:border-box;max-width:100%;max-height:100%}.hero_image-wrapper .hero_image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2}.hero_image-wrapper .hero_image svg,.hero_image-wrapper .hero_image img,.hero_image-wrapper .hero_image video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;position:relative;z-index:-2}.hero_content-box{display:flex;justify-content:space-between;flex-direction:column;padding:var(--main-padding) 0;gap:var(--main-padding)}@media only screen and (min-width: 750px){.hero_content-box{flex-direction:row}}.hero_content{display:flex;flex-direction:column;align-items:flex-start;max-width:32rem;gap:2.4rem}@media only screen and (min-width: 576px){.hero_content{max-width:60rem}}.hero_content .hero_content-heading{max-width:32rem;margin:0}@media only screen and (min-width: 576px){.hero_content .hero_content-heading{max-width:57.8rem}}.hero_content .hero_content-description{max-width:35rem;color:rgb(var(--color-foreground-secondary))}.hero_rotate-img{width:150px;height:150px}@media screen and (min-width: 990px){.hero_rotate-img{width:162px;height:162px}}.hero_rotate-img svg,.hero_rotate-img img,.hero_rotate-img video{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:50%;animation:rotate 10s linear infinite}.hero_image-wrapper{transform:scale(1.07);transition:transform 1.2s ease-in-out}.hero_image-wrapper .hero_image-box{transition:all 1.2s ease-in-out;transform:translateY(6.5%) scale(1.1,1.07)}.hero_image-wrapper.visible:has(.hero_media_loaded){transform:scale(1)}.hero_image-wrapper.visible:has(.hero_media_loaded) .hero_image-box{transform:translate(0) scale(1)}.hero_line{height:1px;width:0;transition:width 1.5s ease-out;background-color:rgba(var(--color-foreground-secondary),.3)}.hero_line.visible{width:100vw}.hero_content-wrapper{translate:none;rotate:none;scale:none;opacity:0;visibility:hidden;transition:all .8s ease-out;overflow:hidden;transform:translateY(2em) rotate(.001deg);max-width:100vw}@media screen and (min-width: 1100px){.hero_content-wrapper{max-width:calc(100vw - 17px)}}.hero_content-wrapper.visible{translate:none;rotate:none;scale:none;opacity:1;visibility:inherit;transform:translate(0)}.hero_ticker-wrapper{display:flex;position:relative;overflow:hidden;width:100%}.hero_ticker-wrapper .ticker-word{transform:translateY(2em) rotate(.001deg);display:inline-block;will-change:transform}.hero_ticker-wrapper .ticker-word.visible{transform:translate(0)}@keyframes tickerSingle{0%{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%)}to{-webkit-transform:translate(-200%,0);-ms-transform:translate(-200%,0);transform:translate(-200%)}}.hero_ticker-text{display:inline-block;white-space:pre;padding-right:.5em;animation-name:tickerSingle;animation-duration:calc(1s * var(--ticker-speed));animation-iteration-count:infinite;animation-timing-function:linear;margin-bottom:0;font-size:calc(var(--ticker-size) * .8px)}@media only screen and (min-width: 576px){.hero_ticker-text{font-size:calc(var(--ticker-size) * .9px)}}@media only screen and (min-width: 1100px){.hero_ticker-text{font-size:calc(var(--ticker-size) * 1px)}}.hero_ticker-block{padding:var(--main-padding) 0}.no-js .hero_content-wrapper{translate:none;rotate:none;scale:none;opacity:1;visibility:inherit;transform:translate(0)}.no-js .hero_line{width:100vw}.no-js .hero_ticker-text{white-space:nowrap;animation:none}.no-js .hero_image-wrapper{transform:scale(1)}.no-js .hero_image-wrapper .hero_image-box{transform:translate(0) scale(1)}.header-overlay-section .hero_content-wrapper{padding-top:var(--header-height-dynamic)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */