:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-micro:.22s;--dur-short:.42s;--dur-reveal:.9s;--stagger:80ms;--reveal-distance:28px}html.motion [data-reveal]:not(.in){opacity:0}html.motion [data-reveal].in{animation:nl-reveal-up var(--dur-reveal) var(--ease-out) calc(var(--i,0) * var(--stagger)) both}html.motion [data-reveal=fade].in{animation-name:nl-reveal-fade}html.motion [data-reveal=scale].in{animation-name:nl-reveal-scale;animation-duration:1.1s}@keyframes nl-reveal-up{0%{opacity:0;translate:0 var(--reveal-distance)}}@keyframes nl-reveal-fade{0%{opacity:0}}@keyframes nl-reveal-scale{0%{opacity:0;translate:0 48px;scale:.96}}@keyframes nl-rise{0%{opacity:0;translate:0 .4em}}@keyframes nl-fade{0%{opacity:0}}@keyframes nl-draw-x{0%{scale:0 1}}@keyframes nl-float{50%{translate:0 -6px}}@keyframes nl-heartbeat{0%,to{scale:1}15%{scale:1.07}30%{scale:1}45%{scale:1.04}}@keyframes nl-progress{0%{scale:0 1}to{scale:1}}@media (prefers-reduced-motion:reduce){.hero-strip .run .mover,.flag-stage .runner,.kicker .pip{animation:none}}.nowrap{white-space:nowrap}html.motion .hero .glow{animation:hero-glow-in 1.8s var(--ease-out) both, hero-glow-breathe 7s var(--ease-in-out) 1.8s infinite}html.motion .hero .kicker{animation:nl-fade .8s var(--ease-out) both}html.motion .hero h1 .wd{animation:nl-rise 1s var(--ease-out) calc(.1s + var(--i) * 90ms) both;display:inline-block}html.motion .hero h1 .o{transform-origin:10% 80%;animation:nl-rise 1s var(--ease-out) calc(.1s + var(--i) * 90ms) both, nl-heartbeat 1.3s var(--ease-in-out) 1.35s both}html.motion .hero-sub{animation:nl-rise 1s var(--ease-out) .5s both}html.motion .hero-cta>*{animation:nl-rise .9s var(--ease-out) .62s both}html.motion .hero-cta>*+*{animation-delay:.7s}html.motion .hero-strip{border-top-color:#0000}html.motion .hero-strip:before{content:"";background:var(--line);transform-origin:0;height:1px;animation:nl-draw-x 1.4s var(--ease-out) .8s both;position:absolute;top:-1px;left:0;right:0}html.motion .hero-strip .lines{animation:nl-fade .8s var(--ease-out) 1s both}html.motion .hero-strip .run{container-type:inline-size}html.motion .hero-strip .run .mover{animation:16s linear infinite hero-walk}@keyframes hero-glow-in{0%{opacity:0;scale:.8}}@keyframes hero-glow-breathe{50%{opacity:.75;scale:1.06}}@keyframes hero-walk{0%{transform:translate(-90px)}to{transform:translate(calc(100cqw + 90px))}}html.motion .kicker .pip,html.motion .flag-tag .dot,html.motion .game .stat .d{position:relative}html.motion .kicker .pip{animation:none}html.motion .kicker .pip:after,html.motion .flag-tag .dot:after,html.motion .game .stat .d:after{content:"";animation:ping 2.6s var(--ease-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}html.motion .kicker .pip:after{color:var(--hero-accent)}html.motion .flag-tag .dot:after{color:var(--kota)}@keyframes ping{0%{opacity:.5;scale:1}70%,to{opacity:0;scale:4}}html.motion .nav-links a:not(.btn){position:relative}html.motion .nav-links a:not(.btn):after{content:"";transform-origin:100%;height:1px;transition:scale var(--dur-short) var(--ease-out);background:currentColor;position:absolute;bottom:-6px;left:0;right:0;scale:0 1}html.motion .nav-links a:not(.btn):hover:after{transform-origin:0;scale:1}html.motion .btn{position:relative;overflow:clip}html.motion .btn-light:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#8b82f038 50%,#0000 70%);position:absolute;inset:0;translate:-110%}html.motion .btn-light:hover:after{transition:translate .8s var(--ease-out);translate:110%}html.motion .btn svg{transition:translate var(--dur-micro) var(--ease-spring), rotate var(--dur-short) var(--ease-spring)}html.motion .btn:hover .arrow{translate:2px -2px}html.motion .btn:hover .steam-glyph{rotate:25deg}.spot{display:none}html.motion .spot{z-index:1;pointer-events:none;width:560px;height:560px;translate:var(--mx,0) var(--my,0);opacity:0;transition:opacity .5s var(--ease-out);background:radial-gradient(closest-side,#8b82f021,#0000);border-radius:50%;margin:-280px 0 0 -280px;display:block;position:absolute;top:0;left:0}html.motion .is-pointer>.spot{opacity:1}html.motion .game.is-pointer:hover{transform:perspective(1100px) translateY(-4px) rotateX(calc(var(--ty,0) * -2.5deg)) rotateY(calc(var(--tx,0) * 2.5deg))}html.motion .game .art .dog,html.motion .game.sev .art .orbit{translate:calc(var(--tx,0) * -8px) calc(var(--ty,0) * -3px);transition:translate .4s var(--ease-out)}html.motion .game.sev .orbit .ring,html.motion .game.sev .orbit .days{transform-box:view-box;transform-origin:50%;animation:90s linear infinite sev-turn}html.motion .game.sev .orbit .ring{animation-duration:40s;animation-direction:reverse}@keyframes sev-turn{to{rotate:360deg}}html.motion .flag-stage{container-type:inline-size}html.motion .flag-stage .runner{animation:6s linear infinite flag-run;left:0;translate:-130px}html.motion .bubble{animation:nl-float 5s var(--ease-in-out) infinite}html.motion .bubble .b-prog i{transform-origin:0;width:100%;scale:var(--p,.41) 1;transition:scale 1s linear}@keyframes flag-run{0%{translate:-130px}to{translate:calc(100cqw + 50px)}}html.motion .social .ic svg{transition:scale var(--dur-short) var(--ease-spring), rotate var(--dur-short) var(--ease-spring)}html.motion .social:hover .ic svg{rotate:-8deg;scale:1.14}@supports (animation-timeline:view()){html.motion header.nav:after{content:"";background:linear-gradient(90deg, var(--hero-accent), var(--kota));transform-origin:0;height:2px;animation:linear both nl-progress;animation-timeline:scroll(root);position:absolute;bottom:-1px;left:0;right:0;scale:0 1}html.motion .hero-inner{animation:linear both hero-exit;animation-timeline:view();animation-range:exit exit 90%}html.motion .hero .glow{animation:hero-glow-in 1.8s var(--ease-out) both, hero-glow-breathe 7s var(--ease-in-out) 1.8s infinite, hero-glow-drift linear both;animation-timeline:auto,auto,view();animation-range:normal,normal,exit}html.motion .game.nal .art .shot{animation:linear both shot-rise;animation-timeline:view();animation-range:entry 10% cover 45%}html.motion .studio-lead{view-timeline:--lead block}html.motion .studio-lead .sw{animation:linear both word-light;animation-timeline:--lead;animation-range:cover calc(12% + var(--i) * 2.4%) cover calc(22% + var(--i) * 2.4%)}@keyframes hero-exit{to{opacity:.1;translate:0 120px}}@keyframes hero-glow-drift{to{translate:0 220px}}@keyframes shot-rise{0%{translate:0 56px}}@keyframes word-light{0%{opacity:.16}}}
