.hyperspeed-canvas{width:100%;height:100%;position:absolute;overflow:hidden}.hyperspeed-canvas canvas{width:100%;height:100%}.site-shell{background:#030303;min-height:100vh}.hero{isolation:isolate;min-height:100svh;padding:clamp(1rem,3vw,2.6rem);position:relative;overflow:hidden}.hyperspeed-layer,.hero-vignette{position:absolute;inset:0}.hyperspeed-layer{z-index:-4;opacity:.86;filter:grayscale()contrast(1.18)brightness(1.08)}.hero-vignette{z-index:-3;pointer-events:none;background:radial-gradient(circle at 52% 58%,#ffffff14,#0000 20rem),radial-gradient(circle at 82% 46%,#ffffff0e,#0000 26rem),linear-gradient(90deg,#030303e0 0%,#0303039e 36%,#03030347 100%),linear-gradient(#030303bd 0%,#03030314 48%,#030303c2 100%)}.hero-content{z-index:5;width:min(34rem,100vw - 2.4rem);position:absolute;top:clamp(1.2rem,3.4vw,3.25rem);left:clamp(1.2rem,3.4vw,3.5rem)}h1{color:#f5f5f5;letter-spacing:0;text-wrap:balance;text-shadow:0 0 32px #ffffff1a,0 26px 90px #000000e6;opacity:0;width:9ch;margin:0;font-size:clamp(2.6rem,5.4vw,6.8rem);font-weight:900;line-height:.86;animation:.85s cubic-bezier(.16,1,.3,1) .12s forwards titleIn;transform:translateY(14px)}.face-trigger{z-index:7;aspect-ratio:282/214;appearance:none;color:#fff;cursor:pointer;opacity:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;place-items:center;width:clamp(6.4rem,14vw,12rem);padding:0;animation:.9s cubic-bezier(.16,1,.3,1) .42s forwards faceIn;display:grid;position:absolute;bottom:clamp(1.35rem,5vh,3.75rem);left:clamp(1.2rem,3.4vw,3.5rem);transform:translateY(18px)scale(.96)}.face-trigger:focus{outline:none}.face-trigger svg{filter:drop-shadow(0 0 18px #ffffff1a)drop-shadow(0 28px 70px #000000e6);width:100%;height:100%;transition:filter .24s,transform .24s,opacity .24s;display:block;overflow:visible}.face-eye,.face-smile{color:inherit}.face-eye{fill:currentColor}.face-smile{fill:currentColor;stroke:none}.hero.is-revealed .face-trigger svg,.face-trigger:hover svg,.face-trigger:focus-visible svg{opacity:.98;filter:drop-shadow(0 0 24px #ffffff38)drop-shadow(0 30px 90px #000000eb);transform:translateY(-2px)scale(1.035)}.face-trigger:focus-visible{outline:none}.racer-stage{z-index:4;pointer-events:none;position:absolute;inset:0}.racer-card{opacity:0;transform:translate3d(var(--hidden-x,0), var(--hidden-y,22px), 0) scale(.9);filter:grayscale()saturate(0)brightness(.8);background:#ffffff09;border:1px solid #ffffff2e;border-radius:22px;margin:0;transition:opacity .52s,transform .72s cubic-bezier(.16,1,.3,1),filter .42s;position:absolute;overflow:hidden;box-shadow:0 26px 80px #00000094,inset 0 1px #ffffff24}.racer-card:after{content:"";opacity:.42;pointer-events:none;background:linear-gradient(#ffffff21,#0000 30%),linear-gradient(90deg,#0303034d,#0000 42%,#03030357);position:absolute;inset:0}.racer-card img{object-fit:cover;filter:grayscale()contrast(1.08)brightness(.88);width:100%;height:100%;display:block;transform:scale(1.025)}.hero.is-revealed .racer-card,.face-trigger:is(:hover,:focus,:focus-visible,:active)+.racer-stage .racer-card{opacity:1;animation:7.2s ease-in-out .9s infinite alternate portraitDrift;transform:translate(0,0)scale(1)}.hero:has(.face-trigger:is(:hover,:focus,:focus-visible,:active)) .racer-card{opacity:1;animation:7.2s ease-in-out .9s infinite alternate portraitDrift;transform:translate(0,0)scale(1)}.card-driver{--hidden-x:26px;--hidden-y:18px;aspect-ratio:4/5;width:min(17vw,13rem);transition-delay:80ms;top:clamp(4.8rem,12vh,7rem);right:clamp(5rem,10vw,9rem)}.card-helmet{--hidden-x:-22px;--hidden-y:20px;aspect-ratio:4/5;width:min(15vw,11.5rem);transition-delay:.17s;top:clamp(15rem,36vh,17rem);right:clamp(19rem,32vw,32rem)}.card-garage{--hidden-x:18px;--hidden-y:28px;aspect-ratio:4/5;width:min(17vw,13.5rem);transition-delay:.26s;bottom:clamp(2.5rem,7vh,4.25rem);right:clamp(3rem,7vw,6rem)}@keyframes titleIn{to{opacity:1;transform:translateY(0)}}@keyframes faceIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portraitDrift{0%{translate:0}to{translate:0 -8px}}@media (width<=980px){.hero-vignette{background:radial-gradient(circle at 72% 48%,#ffffff12,#0000 16rem),linear-gradient(#030303d1 0%,#0303034d 50%,#030303db 100%)}h1{font-size:clamp(3rem,12vw,6rem)}.face-trigger{width:clamp(6.6rem,22vw,10rem)}.card-driver{width:min(34vw,15rem);top:28svh;right:1.25rem}.card-helmet{width:min(32vw,14rem);top:47svh;left:clamp(10rem,34vw,18rem);right:auto}.card-garage{width:min(38vw,16rem);bottom:2.5rem;right:1.5rem}}@media (width<=620px){.hero{padding:1rem}.hero-content{width:calc(100vw - 2rem);top:1rem;left:1rem}h1{width:min(8.4ch,100%);font-size:clamp(2.6rem,12.4vw,3.85rem)}.face-trigger{width:clamp(6.1rem,32vw,7.8rem);bottom:1.35rem;left:1rem}.racer-card{border-radius:18px}.card-driver{width:min(40vw,10.25rem);top:22svh;right:1rem}.card-helmet{width:min(34vw,8.75rem);top:47svh;left:clamp(4.25rem,18vw,6rem);right:auto}.card-garage{width:min(38vw,9.25rem);bottom:5.1rem;right:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020306;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#020306;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}#root{min-height:100vh}
