*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100svh;margin:0}body{color:#f4f4f5;background:#050506;font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}button,input{font-family:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#e85c0059}.stage{--orange:#e85c00;--orange-2:#ff8a2a;--ink:#070708;color:#f6f6f7;isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.cinema{z-index:0;position:absolute;inset:0;overflow:hidden}.slide{opacity:0;filter:saturate(.9)contrast(1.1);background-position:50%;background-size:cover;animation:24s ease-in-out infinite crossfade;position:absolute;inset:-8%}.s1{background-image:url(/bg/hyrox-run.jpg);animation-delay:-2s}.s2{background-image:url(/bg/hyrox-sled.jpg);animation-delay:8s}.s3{background-image:url(/bg/hyrox-ropes.jpg);animation-delay:16s}.mosaic{--px:0px;--py:0px;z-index:1;transform:translate3d(var(--px), var(--py), 0) scale(1.05);filter:saturate(.92)contrast(1.06);transition:transform .6s ease-out;position:absolute;inset:-6%}.tile{opacity:.92;border-radius:22px;margin:0;animation:16s ease-in-out infinite drift;position:absolute;overflow:hidden;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff1a}.tile img{object-fit:cover;width:100%;height:100%;animation:22s ease-in-out infinite alternate ken;transform:scale(1.18)}.t1{width:22vw;min-width:160px;height:32vh;animation-delay:0s;top:4%;left:4%}.t2{width:24vw;min-width:180px;height:28vh;animation-delay:-4s;top:2%;right:8%}.t3{width:18vw;min-width:140px;height:26vh;animation-delay:-7s;top:34%;left:2%}.t4{width:20vw;min-width:150px;height:30vh;animation-delay:-2s;top:30%;right:3%}.t5{width:26vw;min-width:190px;height:34vh;animation-delay:-9s;bottom:8%;left:6%}.t6{width:22vw;min-width:170px;height:26vh;animation-delay:-5s;bottom:6%;right:7%}.t7{width:16vw;min-width:130px;height:22vh;animation-delay:-11s;top:58%;left:24%}.t8{width:17vw;min-width:140px;height:24vh;animation-delay:-3s;top:52%;right:26%}.t9{width:28vw;min-width:200px;height:22vh;animation-delay:-8s;top:18%;left:36%}.t10{width:15vw;min-width:120px;height:20vh;animation-delay:-6s;bottom:28%;right:18%}.veil{z-index:2;pointer-events:none;background:radial-gradient(at 50% 40%,#0707098c 0%,#07070947 32%,#07070933 52%,#050507c7 100%),linear-gradient(#05050733 0%,#05050714 38%,#050507b8 100%);position:absolute;inset:0}.grain,.scan{z-index:3;pointer-events:none;position:absolute;inset:0}.grain{opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.scan{opacity:.25;background:repeating-linear-gradient(#0000 0 2px,#00000014 2px 3px);animation:8s linear infinite scanMove}.orbs{z-index:3;pointer-events:none;position:absolute;inset:0}.orb{filter:blur(40px);opacity:.45;border-radius:50%;animation:8s ease-in-out infinite glow;position:absolute}.o1{background:radial-gradient(circle,#e85c008c,#0000 70%);width:280px;height:280px;top:34%;left:50%;transform:translate(-50%,-40%)}.o2{background:radial-gradient(circle,#ff8a2a47,#0000 70%);width:180px;height:180px;animation-delay:-3s;bottom:18%;right:12%}.o3{background:radial-gradient(circle,#e85c0038,#0000 70%);width:160px;height:160px;animation-delay:-5s;top:16%;left:10%}.topbar{z-index:4;justify-content:space-between;align-items:center;padding:22px 28px 0;display:flex;position:relative}.brand-mini{letter-spacing:.22em;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.brand-mini img{object-fit:contain;filter:drop-shadow(0 0 10px #e85c008c);width:22px;height:22px}.live{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:8px;font-size:11px;display:flex}.live i{background:var(--orange);width:7px;height:7px;box-shadow:0 0 10px var(--orange);border-radius:50%;animation:1.6s ease-in-out infinite blink}.hero{z-index:4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 22px 78px;display:flex;position:relative}.logo-wrap{place-items:center;width:min(188px,42vw);height:min(188px,42vw);margin-bottom:10px;display:grid;position:relative}.logo{z-index:2;filter:drop-shadow(0 12px 28px #e85c0073);width:58%;height:auto;animation:5.5s ease-in-out infinite logoFloat;position:relative}.ring{border:1px dashed #e85c0073;border-radius:50%;position:absolute;inset:6%}.r-slow{animation:18s linear infinite spin}.r-fast{border-style:solid;border-color:#0000;border-top-color:var(--orange-2);border-right-color:#e85c0033;animation:7s linear infinite reverse spin;inset:0}.pulse{background:radial-gradient(circle,#e85c0047,#0000 68%);border-radius:50%;animation:2.8s ease-out infinite pulse;position:absolute;inset:18%}.eyebrow{letter-spacing:.42em;text-transform:uppercase;color:#ffffffb8;margin:0;font-size:12px}h1{gap:2px;margin:14px 0 0;display:grid}.kicker{letter-spacing:-.02em;font-size:clamp(22px,4vw,34px);font-weight:500}.wordmark,.coming{font-family:Bebas Neue,sans-serif;line-height:.86}.wordmark{letter-spacing:.04em;color:#fff;font-size:clamp(52px,11vw,104px)}.coming{letter-spacing:.22em;color:var(--orange);text-shadow:0 0 30px #e85c0059;margin:8px 0 0;font-size:clamp(28px,6.4vw,54px);animation:3.4s ease-in-out infinite shimmer}.lede{color:#e8e8ebc7;max-width:460px;margin:12px auto 0;font-size:15px;font-weight:300;line-height:1.55}.clock{grid-template-columns:repeat(4,minmax(64px,92px));gap:10px;margin-top:22px;display:grid}.unit{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;padding:12px 8px 10px}.unit strong{letter-spacing:.06em;font-family:Bebas Neue,sans-serif;font-size:34px;display:block}.unit span{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-top:2px;font-size:10px;display:block}.notify{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0eb8;border:1px solid #ffffff1a;border-radius:999px;gap:8px;width:min(440px,100%);margin-top:20px;padding:6px;display:flex}.notify input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 16px;font-size:15px}.notify input::placeholder{color:#ffffff6b}.notify button{color:#140800;cursor:pointer;background:linear-gradient(90deg,#ff8a2a,#e85c00);border:0;border-radius:999px;padding:12px 22px;font-weight:600;transition:transform .2s,filter .2s;box-shadow:0 8px 24px #e85c0059}.notify button:hover{filter:brightness(1.06);transform:translateY(-1px)}.thanks{color:#ffb070;width:100%;margin:0;padding:12px 8px}.marquee{z-index:4;background:linear-gradient(#0000,#00000073);border-top:1px solid #ffffff14;padding:14px 0 16px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.track{gap:0;width:max-content;animation:28s linear infinite marquee;display:flex}.track span{letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;padding-right:24px;font-size:12px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes ken{0%{transform:scale(1.12)translate(-2%)}to{transform:scale(1.28)translate(3%,-2%)}}@keyframes drift{0%,to{transform:translate(0,0)rotate(-1.5deg)}50%{transform:translateY(-12px)rotate(1.8deg)}}@keyframes crossfade{0%{opacity:0;transform:scale(1.05)}8%{opacity:.55}30%{opacity:.55;transform:scale(1.14)}38%{opacity:0}to{opacity:0;transform:scale(1.16)}}@keyframes logoIn{to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.55;transform:scale(1.12)}}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 80px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=720px){.t9{width:42vw;height:15vh;top:12%;left:29%}.clock{grid-template-columns:repeat(4,minmax(58px,1fr));width:min(420px,100%)}.unit strong{font-size:28px}.notify{border-radius:999px}}@media (prefers-reduced-motion:reduce){.slide,.tile,.tile img,.logo,.ring,.pulse,.orb,.scan,.track,.coming,.live i{animation:none!important}.is-ready .logo{opacity:1;transform:none}}