.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;overflow:hidden}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 15% 55%,rgba(200,0,255,.14) 0%,transparent 55%),radial-gradient(ellipse at 85% 25%,rgba(0,255,234,.09) 0%,transparent 45%),linear-gradient(to bottom,#02000a40,#02000a0d 35%,#02000a99 75%,#02000a)}.hero-content{position:relative;z-index:2;padding:0 80px;max-width:920px}.hero-label{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--cyan);text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp .8s ease .3s forwards}.hero-label:before{content:"";width:36px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero-title{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(76px,11.5vw,172px);line-height:.87;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);margin-bottom:30px;opacity:0;animation:fadeUp .8s ease .5s forwards}.hero-title .stroke{color:transparent;-webkit-text-stroke:2px var(--mag);display:block;animation:glitch 5s ease 2.5s infinite}.hero-sub{font-size:17px;font-weight:300;letter-spacing:.04em;color:#ffffff94;max-width:400px;line-height:1.65;margin-bottom:44px;opacity:0;animation:fadeUp .8s ease .7s forwards}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease .9s forwards}.hero-scroll{position:absolute;bottom:40px;left:80px;z-index:2;display:flex;align-items:center;gap:12px;font-family:Share Tech Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;opacity:0;animation:fadeUp .8s ease 1.2s forwards}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scroll-pulse 2s ease-in-out infinite}@media(max-width:768px){.hero{min-height:500px}.hero-content{padding:0 24px}.hero-scroll{left:24px}#hero-canvas{display:none}.hero-overlay{background:radial-gradient(ellipse at 30% 60%,rgba(200,0,255,.2) 0%,transparent 55%),radial-gradient(ellipse at 70% 30%,rgba(0,255,234,.12) 0%,transparent 45%),linear-gradient(to bottom,var(--void) 0%,var(--deep) 100%)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-hero.css.map */