.hero{min-height:100vh;padding:0 2.5rem 3rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:60% center;background-repeat:no-repeat;opacity:0;animation:heroBg 1s ease forwards 2.8s}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d1,#00000040 55%,#0009)}.ghost{position:absolute;right:-.05em;top:-.08em;font-size:50vw;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--Y);line-height:1;pointer-events:none;opacity:0;animation:ghostIn 1.2s ease forwards 3s;mix-blend-mode:overlay}.hero-inner{position:relative;z-index:2}.hero-tag{font-family:var(--m);font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--Y);display:block;margin-bottom:2rem;opacity:0;animation:fadeUp .6s ease forwards 3.2s}.hero-h1{font-size:clamp(5rem,13vw,16rem);font-weight:900;line-height:.86;text-transform:uppercase;letter-spacing:-.04em;overflow:hidden}.hero-h1 .l{display:block;opacity:0;transform:translateY(108%)}.hero-h1 .l1{animation:riseUp .8s cubic-bezier(.16,1,.3,1) forwards 3.3s}.hero-h1 .l2{margin-left:clamp(3rem,8vw,12rem);color:var(--Y);animation:riseUp .8s cubic-bezier(.16,1,.3,1) forwards 3.46s}.hero-h1 .l3{margin-left:clamp(6rem,16vw,24rem);animation:riseUp .8s cubic-bezier(.16,1,.3,1) forwards 3.62s}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(255,255,255,.18);padding-top:1.75rem;margin-top:3rem;opacity:0;animation:fadeUp .6s ease forwards 3.9s}.hstat{flex:1}.hstat-label{font-family:var(--m);font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;opacity:.35;display:block;margin-bottom:.35rem}.hstat-val{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-scroll{font-family:var(--m);font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;opacity:.3;writing-mode:vertical-rl;animation:scrollBlink 2s ease-in-out infinite 4s}@media(max-width:900px){.hero{padding:0 1.5rem 2.5rem}}@media(max-width:500px){.hero-h1{font-size:clamp(2.2rem,11vw,4rem)}.hero-h1 .l2{margin-left:.5rem}.hero-h1 .l3{margin-left:.75rem}.hero-foot{flex-wrap:wrap;gap:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-hero.css.map */