.hero-home{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;color:var(--hero-text-color, #fff);isolation:isolate}.hero-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--hero-overlay-opacity, 0));pointer-events:none}.hero-home__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-home__media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-home__content{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding:5rem clamp(2rem,5vw,6rem)}.hero-home--text-left .hero-home__content{justify-content:flex-start}.hero-home--text-center .hero-home__content{justify-content:center;text-align:center}.hero-home--text-right .hero-home__content{justify-content:flex-end;text-align:right}.hero-home__inner{max-width:56rem;display:flex;flex-direction:column;gap:.8rem}.hero-home__shop{display:inline-flex;width:fit-content;font-family:var(--font-heading-family),sans-serif;font-weight:400;font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.1;text-decoration:none;color:var(--hero-text-color, #fff)}.hero-home__tagline{margin:0;font-family:var(--font-heading-family),sans-serif;font-weight:400;font-size:clamp(2.2rem,3.2vw,3.6rem);line-height:1.1;color:var(--hero-text-color, #fff);opacity:.5}.hero-home .anim-text{display:inline-block;line-height:1.1}.hero-home .anim-char{position:relative;display:inline-block;overflow:hidden;vertical-align:top;line-height:1.1}.hero-home .anim-char__a,.hero-home .anim-char__b{display:block;transition:transform .45s cubic-bezier(.5,0,.2,1);transition-delay:calc(var(--i) * .03s)}.hero-home .anim-char__b{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-100%)}@media(hover:hover){.hero-home__shop:hover .anim-char__a{transform:translateY(100%)}.hero-home__shop:hover .anim-char__b{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-home .anim-char__a,.hero-home .anim-char__b{transition:none}}@media(hover:none){.hero-home .anim-char__a,.hero-home .anim-char__b{transition:none!important;animation:none!important}}@media screen and (max-width:749px){.hero-home__content{padding:3rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-home.css.map */