.section-cx-hero{position:relative;background:#0b0e11}.cx-hero{position:relative;overflow:hidden;background:#0b0e11;isolation:isolate}.cx-hero__frame{position:relative;width:100%;aspect-ratio:20 / 9;max-height:88svh;overflow:hidden}.cx-hero__pic,.cx-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cx-hero__img{object-fit:cover;object-position:50% 50%;transform-origin:50% 50%;will-change:transform}.cx-hero__sweep{position:absolute;top:-20%;bottom:-20%;left:0;width:38%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,transparent 0%,rgba(46,230,255,0) 22%,rgba(46,230,255,.16) 44%,rgba(255,255,255,.22) 50%,rgba(46,230,255,.16) 56%,rgba(46,230,255,0) 78%,transparent 100%);transform:translate(-140%) skew(-12deg);opacity:0}.cx-gsap-ready .cx-hero__sweep{opacity:1}.cx-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0e1100 40%,#0b0e11a6);opacity:.35;pointer-events:none}.cx-hero__edge{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.7) 30%,rgba(46,230,255,.8) 70%,transparent);transform-origin:50% 50%;pointer-events:none}.cx-hero__cue{position:absolute;left:50%;bottom:2.4rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffffb8;text-decoration:none;font-size:1.05rem;letter-spacing:.32em;text-transform:uppercase;z-index:2}.cx-hero__cue:hover{color:#2ee6ff}.cx-hero__cue-line{position:relative;display:block;width:1px;height:4.2rem;background:#ffffff2e;overflow:hidden}.cx-hero__cue-line:after{content:"";position:absolute;left:0;top:0;width:1px;height:45%;background:linear-gradient(180deg,transparent,#2ee6ff);animation:cxCue 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes cxCue{0%{transform:translateY(-110%)}to{transform:translateY(260%)}}.cx-hero__anchor{display:block;height:0}@media screen and (max-width:749px){.cx-hero__frame{aspect-ratio:auto;height:var(--cx-hero-mobile-h,58svh);max-height:none}.cx-hero--contain .cx-hero__frame{aspect-ratio:20 / 9;height:auto}.cx-hero__cue{bottom:1.4rem}.cx-hero__cue-line{height:3rem}}@media(prefers-reduced-motion:reduce){.cx-hero__cue-line:after{animation:none;transform:none;height:100%}.cx-hero__sweep{display:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/cruxstar-hero.css.map */