.havoc-hero{--havoc-ink:#06060a;--havoc-blue:#2f6bff;--havoc-blue-bright:#6fa8ff;--havoc-purple:#9b4bff;--havoc-pink:#ff2fa0;--havoc-pink-bright:#ff6fc4;--havoc-headline-gradient:linear-gradient(100deg, var(--havoc-blue) 0%, var(--havoc-purple) 46%, var(--havoc-pink) 100%);--t-glow-blue:.15s;--t-glow-pink:.3s;--t-streak:.4s;--t-exposure:.46s;--t-flash-blue:.47s;--t-flash-pink:.6s;--t-line1:.53s;--t-line2:.67s;--t-sweep:.7s;--t-eyebrow:.98s;--t-support:1.14s;--t-spark:1.2s;--t-cta1:1.3s;--t-cta2:1.4s;--t-settle:1.8s;--ease-rise:cubic-bezier(.16, 1, .3, 1);--ease-bolt:cubic-bezier(.2, .75, .3, 1);isolation:isolate;background:var(--havoc-ink);color:#fff;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.havoc-hero__media{z-index:0;transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0);will-change:transform;pointer-events:none;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:-12px}.havoc-hero__athlete,.havoc-hero__overlay{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.havoc-hero__overlay{mix-blend-mode:screen;opacity:.5}.havoc-hero__ambient,.havoc-hero__streak-layer{pointer-events:none;position:absolute;inset:0}.havoc-hero__streak-layer{z-index:1}.havoc-hero__exposure{opacity:0;background:#000;position:absolute;inset:0}.havoc-hero__flash{opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.havoc-hero__flash--blue{background:linear-gradient(103deg,#3a76ff9e 0%,#2f6bff4d 26%,#2f6bff14 48%,#2f6bff00 66%)}.havoc-hero__flash--pink{background:linear-gradient(257deg,#ff40ac85 0%,#ff2fa038 26%,#ff2fa00f 46%,#ff2fa000 64%)}.havoc-hero__glows{position:absolute;inset:0}.havoc-hero__glow{opacity:1;will-change:transform;border-radius:50%;position:absolute}.havoc-hero__glow--blue{background:radial-gradient(circle,#2f6bff6b 0%,#2f6bff29 38%,#2f6bff00 70%);width:78vw;max-width:1000px;height:78vw;max-height:1000px;bottom:-26%;left:-18%}.havoc-hero__glow--pink{background:radial-gradient(circle,#ff2fa057 0%,#ff2fa021 40%,#ff2fa000 70%);width:72vw;max-width:940px;height:72vw;max-height:940px;top:-18%;right:-20%}.havoc-hero__vignette{background:linear-gradient(90deg,#040408e0 0%,#04040880 42%,#0404081a 72%),linear-gradient(#04040800 55%,#040408b3 100%);position:absolute;inset:0}.havoc-hero__particles{position:absolute;inset:0}.havoc-particle{opacity:0;width:3px;height:3px;transform:scale(var(--particle-scale,1));border-radius:50%;animation-name:havoc-particle-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.havoc-particle--blue{background:var(--havoc-blue-bright);box-shadow:0 0 8px 2px #6fa8ff8c}.havoc-particle--pink{background:var(--havoc-pink-bright);box-shadow:0 0 8px 2px #ff6fc480}@media (width<=767px){.havoc-particle--desktop{display:none}}.havoc-streak{width:100%;height:40%;position:absolute;top:34%;left:0;right:0;overflow:visible}.havoc-streak__core .havoc-streak__main{stroke-width:2.4px}.havoc-streak__core .havoc-streak__branch{stroke-width:1.6px}.havoc-streak__core .havoc-streak__ghost{stroke-width:1.4px}.havoc-streak__glow{filter:blur(7px);opacity:.9}.havoc-streak__glow .havoc-streak__main{stroke-width:7px}.havoc-streak__glow .havoc-streak__branch{stroke-width:4px}.havoc-streak__glow .havoc-streak__ghost{stroke-width:3.5px}.havoc-streak__main,.havoc-streak__branch,.havoc-streak__ghost{opacity:0}.havoc-hero__inner{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:8rem clamp(1.25rem,5vw,4rem) 5rem;position:relative}.havoc-hero__content{max-width:46rem}.havoc-hero__eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--havoc-blue-bright);align-items:center;gap:.9rem;margin:0 0 1.4rem;font-size:clamp(.68rem,1vw,.78rem);font-weight:700;display:flex}.havoc-hero__eyebrow-rule{background:linear-gradient(90deg, #6fa8ff00, var(--havoc-blue-bright));width:clamp(2rem,5vw,4.5rem);height:1px;display:block}.havoc-hero__headline{letter-spacing:-.01em;text-transform:uppercase;margin:0 0 1.6rem;font-size:clamp(2.4rem,6.6vw,5.1rem);font-weight:800;line-height:1.02}.havoc-hero__mask{margin-bottom:-.14em;padding-bottom:.14em;display:block;position:relative;overflow:hidden}.havoc-hero__line{display:block;transform:translate(0)}.havoc-hero__line--energy{background-image:var(--havoc-headline-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.havoc-hero__line--energy{color:var(--havoc-pink)}.havoc-hero__line-sweep{display:none}}.havoc-hero__line-sweep{opacity:0;color:#0000;pointer-events:none;background-image:linear-gradient(100deg,#6fa8ff00 0%,#96c8ff8c 16%,#b2d8ff 38%,#ff82cd 62%,#ff4fb080 84%,#ff2fa000 100%);background-position:-45% 0;background-repeat:no-repeat;background-size:36% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.havoc-hero__line-sweep:before{content:attr(data-sweep-text)}.havoc-hero__spark{opacity:0;filter:drop-shadow(0 0 6px #ff4fb0d9);pointer-events:none;width:clamp(22px,3.2vw,34px);height:clamp(22px,3.2vw,34px);position:absolute;top:-.32em;right:-.15em}.havoc-hero__support{color:#e9ecf5d1;max-width:34rem;margin:0 0 2.2rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.havoc-hero__ctas{flex-wrap:wrap;gap:.9rem;display:flex}.havoc-hero__cta-wrap{display:inline-flex}.havoc-cta{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.9rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .17s,box-shadow .17s,border-color .17s,background-color .17s;display:inline-flex}.havoc-cta--primary{color:#fff;background:linear-gradient(100deg, var(--havoc-blue) 0%, var(--havoc-pink) 100%);border:0;box-shadow:0 6px 24px -8px #ff2fa08c}.havoc-cta--primary:hover,.havoc-cta--primary:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px -8px #ff2fa0bf,0 0 0 1px #6fa8ff8c,0 0 18px -2px #2f6bff80}.havoc-cta--secondary{color:#fff;background:0 0;border:1px solid #ffffff47}.havoc-cta--secondary:hover,.havoc-cta--secondary:focus-visible{border-color:#6fa8ffb3;transform:translateY(-2px);box-shadow:0 0 16px -4px #2f6bff73,inset 0 0 14px -8px #ff2fa099}.havoc-hero :focus-visible{outline:2px solid var(--havoc-blue-bright);outline-offset:3px}.havoc-hero[data-mode=intro] .havoc-hero__exposure{animation:havoc-exposure .86s ease-out var(--t-exposure) both}.havoc-hero[data-mode=intro] .havoc-hero__glow--blue{animation:havoc-bloom .9s ease-out var(--t-glow-blue) both}.havoc-hero[data-mode=intro] .havoc-hero__glow--pink{animation:havoc-bloom .9s ease-out var(--t-glow-pink) both}.havoc-hero[data-mode=intro] .havoc-streak__main{stroke-dasharray:.2 1;animation:havoc-bolt .36s var(--ease-bolt) var(--t-streak) both}.havoc-hero[data-mode=intro] .havoc-streak__branch{stroke-dasharray:1 1;animation:.13s ease-out both havoc-branch}.havoc-hero[data-mode=intro] .havoc-streak__branch--a{animation-delay:calc(var(--t-streak) + 90ms)}.havoc-hero[data-mode=intro] .havoc-streak__branch--b{animation-delay:calc(var(--t-streak) + .19s)}.havoc-hero[data-mode=intro] .havoc-streak__branch--c{animation-delay:calc(var(--t-streak) + .24s)}.havoc-hero[data-mode=intro] .havoc-streak__ghost{stroke-dasharray:.4 1;animation:havoc-ghost 60ms linear calc(var(--t-streak) + .265s) both}.havoc-hero[data-mode=intro] .havoc-hero__flash--blue{animation:havoc-flash-blue .15s ease-out var(--t-flash-blue) both}.havoc-hero[data-mode=intro] .havoc-hero__flash--pink{animation:havoc-flash-pink .165s ease-out var(--t-flash-pink) both}.havoc-hero[data-mode=intro] .havoc-hero__glows{animation:havoc-settle .18s cubic-bezier(.33, 1, .68, 1) var(--t-settle) both}.havoc-hero[data-mode=intro] .havoc-hero__mask--1 .havoc-hero__line{animation:havoc-rise .62s var(--ease-rise) var(--t-line1) both}.havoc-hero[data-mode=intro] .havoc-hero__mask--2 .havoc-hero__line{animation:havoc-rise .62s var(--ease-rise) var(--t-line2) both}.havoc-hero[data-mode=intro] .havoc-hero__line-sweep{animation:havoc-energy-sweep .62s cubic-bezier(.3, .6, .3, 1) var(--t-sweep) both}.havoc-hero[data-mode=intro] .havoc-hero__spark{animation:havoc-spark .16s ease-out var(--t-spark) both}.havoc-hero[data-mode=intro] .havoc-hero__eyebrow{animation:havoc-lift-8 .46s ease-out var(--t-eyebrow) both}.havoc-hero[data-mode=intro] .havoc-hero__support{animation:havoc-lift-12 .52s ease-out var(--t-support) both}.havoc-hero[data-mode=intro] .havoc-hero__cta-wrap--1{animation:havoc-lift-10 .42s ease-out var(--t-cta1) both}.havoc-hero[data-mode=intro] .havoc-hero__cta-wrap--2{animation:havoc-lift-10 .42s ease-out var(--t-cta2) both}.havoc-hero[data-mode=instant] .havoc-hero__content{animation:.24s ease-out both havoc-fade}.havoc-hero[data-mode=instant] .havoc-hero__exposure{animation:.32s ease-out both havoc-exposure-fast}.havoc-hero[data-mode=intro] .havoc-hero__glow--blue,.havoc-hero[data-mode=instant] .havoc-hero__glow--blue{animation-name:havoc-bloom,havoc-drift-blue;animation-duration:.9s,22s;animation-timing-function:ease-out,ease-in-out;animation-delay:var(--t-glow-blue), .9s;animation-iteration-count:1,infinite;animation-fill-mode:both,none}.havoc-hero[data-mode=intro] .havoc-hero__glow--pink,.havoc-hero[data-mode=instant] .havoc-hero__glow--pink{animation-name:havoc-bloom,havoc-drift-pink;animation-duration:.9s,27s;animation-timing-function:ease-out,ease-in-out;animation-delay:var(--t-glow-pink), .9s;animation-iteration-count:1,infinite;animation-fill-mode:both,none}.havoc-hero[data-mode=instant] .havoc-hero__glow--blue,.havoc-hero[data-mode=instant] .havoc-hero__glow--pink{animation-duration:.3s,22s;animation-delay:0s,.3s}@keyframes havoc-exposure{0%{opacity:.94}26%{opacity:.82}46%{opacity:.44}70%{opacity:.16}to{opacity:0}}@keyframes havoc-flash-blue{0%{opacity:0}24%{opacity:.55}55%{opacity:.26}to{opacity:0}}@keyframes havoc-flash-pink{0%{opacity:0}26%{opacity:.45}58%{opacity:.2}to{opacity:0}}@keyframes havoc-ghost{0%{opacity:0;stroke-dashoffset:1.05px}30%{opacity:.42}70%{opacity:.3}to{opacity:0;stroke-dashoffset:-.25px}}@keyframes havoc-settle{0%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes havoc-exposure-fast{0%{opacity:.45}to{opacity:0}}@keyframes havoc-bloom{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes havoc-bolt{0%{opacity:0;stroke-dashoffset:1.15px}8%{opacity:1}82%{opacity:1}to{opacity:0;stroke-dashoffset:-.38px}}@keyframes havoc-branch{0%{opacity:0;stroke-dashoffset:1px}35%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@keyframes havoc-rise{0%{transform:translateY(108%)}to{transform:translate(0)}}@keyframes havoc-energy-sweep{0%{opacity:0;background-position:-50% 0}14%{opacity:1}76%{opacity:1}to{opacity:0;background-position:155% 0}}@keyframes havoc-spark{0%{opacity:0;transform:scale(.6)rotate(-8deg)}35%{opacity:1;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(1.15)rotate(4deg)}}@keyframes havoc-fade{0%{opacity:0}to{opacity:1}}@keyframes havoc-lift-8{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0)}}@keyframes havoc-lift-10{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@keyframes havoc-lift-12{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0)}}@keyframes havoc-drift-blue{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-3%)scale(1.06)}}@keyframes havoc-drift-pink{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-3%,3%)scale(1.05)}}@keyframes havoc-particle-drift{0%{opacity:0;transform:translate3d(0, 0, 0) scale(var(--particle-scale,1))}15%{opacity:.55}85%{opacity:.35}to{opacity:0;transform:translate3d(14px, -46px, 0) scale(var(--particle-scale,1))}}@media (width<=768px){.havoc-hero__inner{padding:7rem 1.25rem 4rem}.havoc-streak__glow{filter:blur(3.5px);opacity:.8}.havoc-streak__glow .havoc-streak__main{stroke-width:5px}.havoc-streak{height:30%;top:40%}.havoc-hero__glow--blue,.havoc-hero__glow--pink{width:130vw;height:130vw}.havoc-hero__ctas{flex-direction:column;align-items:stretch}.havoc-cta{width:100%}}.havoc-hero[data-mode=reduced] .havoc-hero__content{animation:.2s ease-out both havoc-fade}.havoc-hero[data-mode=reduced] .havoc-hero__exposure{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.havoc-hero *,.havoc-hero :before,.havoc-hero :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.havoc-hero__media{transform:none!important}}
