.hero{display:block;position:relative;min-height:850px}.hero__loader,.hero__slider,.hero__loader img,.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__loader{display:flex;align-items:center;justify-content:center;z-index:4}.hero__loader svg{position:relative;max-width:55%;max-height:55%;z-index:2}.hero__loader img{object-fit:cover}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:1}.hero__slide[hidden]{display:none}.hero__slide--next{z-index:2}.hero__slide--active{z-index:3}.hero__slide img{object-fit:cover;object-position:center;width:100%;height:100%}.hero__content{padding:20px 10px;display:flex;align-items:end;justify-content:center;font-size:clamp(3rem,.9429rem + 2.8125vw,4.8rem);letter-spacing:2.4px;color:#fff;text-transform:uppercase}.hero__content p{margin:0}.hero__column-content{color:#fff;display:flex;align-items:center;justify-content:center}.hero__column-content+.hero__column .hero{height:100%}.hero__column-content-inner{padding:40px;background-color:var(--background);max-width:540px;width:80%}.hero__column{flex:1}.hero__column-content-title,.hero__column-content-subtitle{font-size:var(--font-size);line-height:1.18;text-transform:uppercase}.hero__column-content-title{margin-bottom:40px}.hero__column-content-subtitle{margin-bottom:80px}.hero__column-content-title p,.hero__column-content-subtitle p{margin:0}.hero__column-content-title p:not(:last-child),.hero__column-content-subtitle p:not(:last-child){margin-bottom:20px}.hero__column-content-image img{display:block;max-width:var(--max-width);width:100%}.hero__column-content-caption{font-size:clamp(12px,calc(var(--font-size) / 2),22px)}@media screen and (max-width:1024px){.hero{height:calc(100vh - var(--header-height, 64px))}.hero__content{font-size:clamp(2.4rem,1.8462rem + 1.4615vw,4.8rem)}.hero-section{padding-left:0;padding-right:0}.hero__column-content{padding:16px;text-align:center}.hero__column-content-inner{max-width:100%;width:100%;padding:40px 30px}.hero__column-content-image img{margin:0 auto}.hero__column-content-title{margin-bottom:30px}.hero__column-content-subtitle{margin-bottom:40px}}@media screen and (min-width:1025px){.hero__wrapper{display:flex;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-hero.css.map */