.hero-2{position:relative;display:block;width:100%;background-color:#e0f1ff;overflow:hidden}.hero-2-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.8;z-index:0;scale:1.5}.hero-2-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e0f1ff;mix-blend-mode:hard-light;z-index:1}.hero-2-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;min-height:45svh;width:100%;z-index:10}.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{font-size:calc(var(--font-heading-h3-scale) * 2rem);color:#000}@media only screen and (min-width: 750px){.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{font-size:calc(var(--font-heading-h3-scale) * 2.4rem)}}@media only screen and (min-width: 990px){.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{font-size:calc(var(--font-heading-h3-scale) * 2.8rem)}}@media only screen and (min-width: 1360px){.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{font-size:calc(var(--font-heading-h3-scale) * 3rem)}}.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{width:100%;max-width:110rem;margin-bottom:1.5rem;text-wrap:balance;white-space:pre-wrap;text-align:center;color:#000;pointer-events:all;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height);text-transform:var(--font-heading-text-transform)}@media screen and (min-width: 750px){.hero-2-bg{scale:1}}@media screen and (min-width: 990px){.hero-2-content{padding:6.4rem 0}.hero-2 .hero-2-heading h1,.hero-2 .hero-2-heading p{margin-bottom:2rem}}@media screen and (min-width: 1200px){.hero-2-content{padding:16rem 0 6.4rem;min-height:60svh}}html:not(.no-js) .hero-2.animate-on-scroll .hero-2-content{-webkit-mask-image:linear-gradient(90deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);mask-image:linear-gradient(90deg,rgba(var(--color-background)) 33.33%,transparent 66.66%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;transition:-webkit-mask-position 2s ease,mask-position 2s ease}html:not(.no-js) .hero-2.animate-on-scroll .hero-2-content.animated{-webkit-mask-position:0 0;mask-position:0 0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-2.css.map */