@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
#zombieArena.motion-stopped .world,#zombieArena.motion-stopped .core{animation-play-state:paused!important;transition:none!important}#zombieArena.motion-stopped .universe{transform:none!important;transition:none!important}#zombieArena.motion-suspended .world,#zombieArena.motion-suspended .core{animation-play-state:paused!important}html:has(#zombieArena.motion-stopped){scroll-behavior:auto!important}nav button:disabled{cursor:default;opacity:.7}
.zombie-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;filter:drop-shadow(0 9px 9px #0008)}.world{z-index:2}.swarm{background:radial-gradient(circle at 50% 42%,#23304d,#090c16 72%)}.swarm img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 10px 9px #0008)}.tiles b,.ball,.track i{animation:none!important}.feature-art{border-radius:24px;background:radial-gradient(circle at 50% 45%,#1d2e46,#090c16 74%);overflow:hidden}.feature-art>img{width:min(430px,90%);height:auto;filter:drop-shadow(0 18px 18px #0009)}@media(max-width:760px){.zombie-canvas{inset:-25px 0 auto;height:calc(100% + 50px);z-index:3}.world{z-index:2}}
:root{color-scheme:dark;--bg:#101326;--white:#f3f4ff;--cyan:#64eee3;--pink:#f889be;--gold:#f6d576}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:5}.brand{font-size:21px;letter-spacing:-1px;font-weight:500}.brand>span:first-child{font-weight:800}.brand-dot{color:var(--cyan);font-size:10px;margin-left:9px}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav button{border:1px solid #ffffff30;background:none;color:#bec2dc;border-radius:30px;padding:10px 15px;cursor:pointer}.hero{position:relative;overflow:hidden;min-height:790px;padding:50px 6% 0;background:radial-gradient(ellipse at 70% 47%,#27345a55,transparent 60%)}.intro{position:relative;z-index:2;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{color:var(--cyan);font-size:12px;font-weight:700;margin:0 0 25px}h1{font:800 clamp(65px,7vw,108px)/.96 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:0;max-width:660px}h1 em{font-style:normal;color:var(--pink)}.summary{line-height:1.9;color:#b6bdd5;font-size:14px;margin-top:26px}.explore{display:inline-flex;gap:25px;align-items:center;margin-top:15px;font-weight:700;font-size:12px}.explore span{background:var(--white);color:var(--bg);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:20px}.universe{position:absolute;width:770px;height:670px;right:1%;top:8px;perspective:1100px;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .35s ease-out}.grid{position:absolute;inset:8%;background-image:radial-gradient(#9ebaf22c 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotate(-15deg)}.orbit{position:absolute;width:620px;height:360px;border:1px solid #849be51c;border-radius:50%;left:65px;top:185px;transform:rotate(-26deg)}.orbit-two{width:480px;height:580px;top:50px;left:145px;transform:rotate(40deg)}.core{position:absolute;left:335px;top:335px;width:90px;height:90px;border:1px solid #a9bafd35;border-radius:25px;transform:rotate(-12deg);display:grid;place-items:center;background:#202940;box-shadow:0 0 90px #64eee315}.core span{font-size:30px;font-weight:800;letter-spacing:-4px}.core i{position:absolute;right:10px;top:10px;width:5px;height:5px;background:var(--cyan);border-radius:50%}.coordinate{position:absolute;top:635px;left:330px;font-size:10px;color:#a6acc2}.world{position:absolute;width:228px;border:1px solid #ffffff19;border-radius:22px;background:#1b2137;box-shadow:0 25px 45px #0004;overflow:hidden;animation:float 7s ease-in-out infinite;transition:border-color .2s,box-shadow .2s}.world:hover,.world:focus-visible{border-color:var(--accent);box-shadow:0 15px 50px #0008,0 0 35px color-mix(in srgb,var(--accent) 15%,transparent);z-index:4}.world-caption{padding:14px 16px 17px;background:#161c2c}.world small{font-size:9px;color:#a8b0c6;display:block;margin-bottom:6px}.world strong{font-size:13px;display:flex;justify-content:space-between}.world strong span{color:var(--accent)}.art{height:150px;position:relative;overflow:hidden}.zombie{left:230px;top:40px;--accent:var(--cyan);transform:rotate(-7deg)}.german{right:18px;top:200px;--accent:var(--pink);animation-delay:-2s}.padel{left:125px;top:435px;--accent:var(--gold);animation-delay:-4s}.racing{right:37px;top:470px;width:200px;--accent:#a39bff;animation-delay:-1s}.racing .art{height:112px}.swarm{background:radial-gradient(ellipse,#20575c,#102830)}.player{position:absolute;width:18px;height:18px;border-radius:50%;background:#edfffc;box-shadow:0 0 22px #78f5ec;left:107px;top:63px;animation:player 5s ease-in-out infinite}.z{position:absolute;width:27px;height:27px;background:#8deb50;border-radius:45% 50% 40% 50%;font-style:normal;letter-spacing:3px;color:#213b31;text-align:center;font-weight:800;box-shadow:inset -5px -4px #0002;animation:hunt 4s ease-in-out infinite}.z1{left:30px;top:34px}.z2{right:29px;top:45px;animation-delay:-1s}.z3{left:65px;bottom:20px;animation-delay:-2s}.z4{right:35px;bottom:22px;animation-delay:-3s}.pulse{position:absolute;left:77px;top:32px;width:80px;height:80px;border:1px solid #64eee350;border-radius:50%;animation:pulse 3s ease-out infinite}.tiles{background:#50334c;display:flex;align-items:center;justify-content:center;gap:5px}.tiles b{display:grid;place-items:center;width:58px;height:66px;border-radius:10px;background:#fbd3e7;color:#6c294b;font-size:22px;box-shadow:0 6px #ba7998;transform:rotate(-12deg);animation:tile 5s ease-in-out infinite}.tiles b:nth-child(2){background:#f39cc5;transform:translateY(-16px) rotate(6deg);animation-delay:-1s}.tiles b:nth-child(3){background:#b4a1ed;color:#392b69;transform:rotate(15deg);animation-delay:-2s}.court{background:linear-gradient(125deg,#45564a,#1d363c)}.court:before{content:'';position:absolute;inset:15px 25px;border:1px solid #ffffff25;transform:skew(-20deg)}.racket{position:absolute;left:73px;top:18px;width:66px;height:85px;border:7px solid #efc875;border-radius:45%;transform:rotate(32deg);background:radial-gradient(#efc875aa 2px,transparent 3px) 0 0/10px 10px}.racket:after{content:'';position:absolute;width:14px;height:43px;background:#eee6d4;top:73px;left:19px;border-radius:4px}.ball{position:absolute;width:17px;height:17px;background:#edff7d;border-radius:50%;right:30px;top:32px;box-shadow:0 0 15px #f5ff7730;animation:bounce 4s ease-in-out infinite}.race{background:#312c52}.track{position:absolute;width:145px;height:70px;left:26px;top:20px;border:9px solid #78739a55;border-radius:60% 35% 50% 40%;transform:rotate(-15deg)}.track i{position:absolute;width:12px;height:6px;background:#e8c3ff;box-shadow:0 0 12px #dcbbff;offset-path:ellipse(64px 26px at 64px 25px);animation:race 3s linear infinite}.race b{position:absolute;top:43px;left:63px;font-size:17px;font-style:italic}.race-mark{position:absolute;right:14px;bottom:9px;font-size:8px;color:#d1c5ed}.hero-foot{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:#8d96b4;font-size:10px;border-top:1px solid #ffffff15;padding-top:20px}.projects{margin:40px 6% 80px;border-radius:28px;background:#202840;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.projects h2{font:700 60px/.98 'Barlow Condensed',Impact,sans-serif;margin:0 0 20px}.projects p:not(.eyebrow){max-width:400px;font-size:14px;line-height:1.8;color:#b7c1d8}.play{display:inline-block;padding:15px 22px;border-radius:30px;background:var(--cyan);color:#123139;font-weight:800;font-size:13px;margin:15px 0}.projects small{display:block;color:#aeb9cf;font-size:11px}.feature-art{position:relative;display:grid;place-items:center;min-height:300px}.feature-art>span{font:800 80px/.85 'Barlow Condensed',Impact,sans-serif;transform:rotate(-8deg);color:#86ec74;text-shadow:5px 6px #0c192e}.feature-art i{position:absolute;right:5%;bottom:5%;background:#8bea66;border-radius:45%;width:85px;height:85px;font-size:40px;color:#173d37;text-align:center;transform:rotate(20deg)}footer{padding:0 6% 35px;display:flex;justify-content:space-between;font-size:11px;color:#8996b1}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}@keyframes float{50%{translate:0 -12px}}@keyframes hunt{50%{translate:9px 6px;rotate:15deg}}@keyframes player{50%{translate:-12px 9px}}@keyframes pulse{to{scale:1.8;opacity:0}}@keyframes tile{50%{translate:0 -8px}}@keyframes bounce{50%{translate:-32px 65px}}@keyframes race{to{offset-distance:100%}}.paused *{animation-play-state:paused!important}.paused .universe{transform:none!important}@media(min-width:1400px){.universe{right:8%}}@media(max-width:1100px){.universe{scale:.8;transform-origin:100% 35%;right:0}.intro{max-width:420px}h1{font-size:80px}.hero{min-height:730px}}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:17px}nav{gap:12px}nav>a{display:none}.hero{padding-top:25px;min-height:1120px}.intro{max-width:none}h1{font-size:76px}.summary{font-size:13px}.universe{position:relative;width:100%;height:auto;top:auto;right:auto;scale:none;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:45px;padding-bottom:80px;perspective:none}.world{position:relative;inset:auto;width:auto;transform:none;animation:none;border-radius:16px}.art{height:135px}.racing .art{height:135px}.world-caption{padding:12px}.world strong{font-size:11px}.world small{font-size:8px}.grid,.orbit,.core,.coordinate{display:none}.zombie{margin-top:0}.german{margin-top:25px}.padel{margin-top:-10px}.racing{margin-top:15px}.hero-foot span:last-child{display:none}.projects{padding:30px;grid-template-columns:1fr;gap:10px;margin-top:15px}.projects h2{font-size:49px}.feature-art{min-height:250px}footer{gap:25px;font-size:10px}.tiles b{width:44px;font-size:18px}.player{left:45%}}@media(prefers-reduced-motion:reduce){html:has(#zombieArena){scroll-behavior:auto!important}#zombieArena .world,#zombieArena .core{animation:none!important}#zombieArena .universe{transform:none!important;transition:none!important}}