:root{--mk-stage:#0e1323;--mk-stage-deep:#050711;--mk-pixel:#48496d;--mk-pixel-glow:#f0834e8c}@supports (color:lab(0% 0 0)){:root{--mk-stage:lab(5.92767% 2.10647 -12.2472);--mk-stage-deep:lab(1.89334% .730217 -4.79284);--mk-pixel:lab(32.0999% 6.67775 -21.3296);--mk-pixel-glow:lab(66.5025% 39.9168 47.1206/.55)}}.dark{--mk-pixel:#f4ead9;--mk-pixel-glow:#f57e4d99}@supports (color:lab(0% 0 0)){.dark{--mk-pixel:lab(93.105% 1.56859 9.51444);--mk-pixel-glow:lab(66.3419% 44.257 47.8952/.6)}}.mk-pixels{z-index:-1;pointer-events:none;perspective:1400px;position:absolute;inset-block:-6rem 0;inset-inline:-10%;overflow:hidden;-webkit-mask-image:radial-gradient(56% 52% at 78% 62%,#000 30%,#0000 78%);mask-image:radial-gradient(56% 52% at 78% 62%,#000 30%,#0000 78%)}.mk-pixels-plane{grid-template-columns:repeat(var(--cols,16), minmax(0, 1fr));width:min(78rem,120%);transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(-9deg) translate3d(var(--mx,0px), var(--my,0px), 0);transition:transform .9s var(--motion-ease-out);gap:clamp(.6rem,1.4vw,1.25rem);margin-inline:auto;display:grid;position:absolute;inset-block-start:36%;inset-inline:0}.mk-pixel{aspect-ratio:1;background:var(--mk-pixel);opacity:.1;border-radius:24%}.mk-pixel-core{aspect-ratio:1;background:var(--ember-500);width:clamp(1.25rem,2vw,1.75rem);box-shadow:0 0 1.5rem var(--mk-pixel-glow), 0 0 4.5rem var(--mk-pixel-glow);border-radius:24%;position:absolute;inset-block-start:60%;inset-inline-end:15%;transform:rotateX(60deg)rotate(-9deg)}@media (prefers-reduced-motion:no-preference){.mk-pixel{animation:mk-pixel 7.2s var(--motion-ease-in-out) infinite both;animation-delay:calc(var(--d,0) * .11s + .6s)}.mk-pixel-core{animation:mk-core 3.6s var(--motion-ease-in-out) infinite}.mk-pixels-plane{animation:mk-pixels-in 1.6s var(--motion-ease-out) backwards}}@keyframes mk-pixel{0%,24%,to{opacity:.1;box-shadow:none}6%{opacity:.72;box-shadow:0 0 1.25rem var(--mk-pixel-glow)}14%{opacity:.22}}@keyframes mk-core{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes mk-pixels-in{0%{opacity:0;transform:rotateX(72deg)rotate(-14deg)translateY(6rem)}}@media not (min-width:64rem){.mk-pixel-core{display:none}}@media not (min-width:48rem){.mk-pixels{opacity:.7;inset-block:-4rem 0;inset-inline:-40%}}.mk-pixels[data-variant=panel]{z-index:0;inset:0;-webkit-mask-image:radial-gradient(90% 55% at 55% 78%,#000 30%,#0000 80%);mask-image:radial-gradient(90% 55% at 55% 78%,#000 30%,#0000 80%)}.mk-pixels[data-variant=panel] .mk-pixels-plane{width:150%;margin-inline-start:-25%;inset-block-start:52%}.mk-pixels[data-variant=panel] .mk-pixel-core{display:block;inset-block-start:71%;inset-inline-end:9%}.mk-stage-panel{background:radial-gradient(28rem 22rem at 90% 20%, #81300f4d, transparent 70%), radial-gradient(36rem 30rem at 0% 100%, #32295d80, transparent 70%), var(--mk-stage)}@supports (color:lab(0% 0 0)){.mk-stage-panel{background:radial-gradient(28rem 22rem at 90% 20%, lab(31.7529% 34.5099 37.6774/.3), transparent 70%), radial-gradient(36rem 30rem at 0% 100%, lab(19.8544% 15.6774 -30.55/.5), transparent 70%), var(--mk-stage)}}