@layer config{:root{--time--fast:.18s;--time--normal:.36s;--time--slow:.72s;--ease--out:cubic-bezier(.22, 1, .36, 1);--ease--spring:cubic-bezier(.34, 1.56, .64, 1);--ease--in-out:cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--time--fast:0s;--time--normal:0s;--time--slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--gap:4px;--gap--1:calc(var(--gap) * 1);--gap--2:calc(var(--gap) * 2);--gap--3:calc(var(--gap) * 3);--gap--4:calc(var(--gap) * 4);--gap--5:calc(var(--gap) * 5);--gap--6:calc(var(--gap) * 6);--gap--7:calc(var(--gap) * 7);--gap--8:calc(var(--gap) * 8);--gap--9:calc(var(--gap) * 9);--gap--10:calc(var(--gap) * 10);--gap--11:calc(var(--gap) * 11);--gap--12:calc(var(--gap) * 12);--gap--13:calc(var(--gap) * 13);--gap--14:calc(var(--gap) * 14);--gap--15:calc(var(--gap) * 15);--gap--16:calc(var(--gap) * 16);--gap--17:calc(var(--gap) * 17);--gap--18:calc(var(--gap) * 18);--gap--19:calc(var(--gap) * 19);--gap--20:calc(var(--gap) * 20);--gap--21:calc(var(--gap) * 21);--gap--22:calc(var(--gap) * 22);--gap--23:calc(var(--gap) * 23);--gap--24:calc(var(--gap) * 24);--gap--25:calc(var(--gap) * 25);--gap--26:calc(var(--gap) * 26);--gap--27:calc(var(--gap) * 27);--gap--28:calc(var(--gap) * 28);--gap--29:calc(var(--gap) * 29);--gap--30:calc(var(--gap) * 30);--gap--31:calc(var(--gap) * 31);--gap--32:calc(var(--gap) * 32);--gap--33:calc(var(--gap) * 33);--gap--34:calc(var(--gap) * 34);--gap--35:calc(var(--gap) * 35);--gap--36:calc(var(--gap) * 36);--gap--37:calc(var(--gap) * 37);--gap--38:calc(var(--gap) * 38);--gap--39:calc(var(--gap) * 39);--gap--40:calc(var(--gap) * 40);--gap--side:clamp(var(--gap--5), 5vw, var(--gap--20));--gap--section:clamp(var(--gap--30), 22vh, var(--gap--40));--br--small:12px;--br--normal:20px;--br--button:999px;--br--panel:clamp(24px, 4vw, 48px);--section--text:22ch;--section--xlarge:1440px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color--ink:#0e0e10;--color--ink-2:#1a1a1e;--color--paper:#f6f4ef;--color--paper-2:#ebe8e0;--color--stone:#6c6c73;--color--stone-light:#a2a2a8;--color--signal:#ff4f2b;--color--blue:#3d6bff;--color--red:#ff3d5a;--color--yellow:#ffc61a;--color--green:#10c48a;--color--bg:var(--lightningcss-light,var(--color--paper))var(--lightningcss-dark,var(--color--ink));--color--text:var(--lightningcss-light,var(--color--ink))var(--lightningcss-dark,var(--color--paper));--color--text-light:var(--lightningcss-light,var(--color--stone))var(--lightningcss-dark,var(--color--stone-light));--color--line:var(--lightningcss-light,#0e0e101a)var(--lightningcss-dark,#f6f4ef1f);--color--dot:var(--color--signal);--color--primary-bg:var(--color--text);--color--primary-text:var(--color--bg);--color--selection-bg:var(--color--dot);--color--selection-text:var(--color--ink)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-contrast:more){:root{--color--text-light:var(--color--text);--color--stone-light:var(--color--paper);--color--line:var(--lightningcss-light,#0e0e1073)var(--lightningcss-dark,#f6f4ef80);--focus--width:3px}}@media (prefers-contrast:less){:root{--color--text:var(--lightningcss-light,#2a2a2f)var(--lightningcss-dark,#d9d7d1)}}@media (monochrome){:root{--color--dot:var(--color--text)}}:root{--mq--desktop:1024px;--ff--text:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--ff--serif:"Instrument Serif", ui-serif, Georgia, serif;--ff--pixel:"Silkscreen", ui-monospace, monospace;--fs--small:.8125rem;--fs--text:clamp(1rem, .96rem + .2vw, 1.125rem);--fs--large:clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs--statement:clamp(2rem, 1.1rem + 3.6vw, 4.75rem);--fs--display:clamp(3.25rem, 1rem + 9vw, 11rem);--fw--text:430;--fw--medium:540;--fw--bold:700;--fw--black:800;--lh--text:1.55;--lh--display:.92;--ls--display:-.05em}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;interpolate-size:allow-keywords;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh}img,picture,svg,video{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer base{::selection{background-color:var(--color--selection-bg);color:var(--color--selection-text)}body{background-color:var(--color--bg);color:var(--color--text);font-family:var(--ff--text);font-size:var(--fs--text);font-weight:var(--fw--text);line-height:var(--lh--text);text-rendering:optimizelegibility}em{font-family:var(--ff--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}:focus-visible{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:4px;border-radius:4px}.skip-link{background-color:var(--color--text);border-radius:var(--br--button);color:var(--color--bg);padding:var(--gap--2) var(--gap--4);z-index:1000;position:fixed;inset-block-start:var(--gap--3);inset-inline-start:var(--gap--3);translate:0 -200%}.skip-link:focus-visible{translate:0}}@layer components;@layer utilities{.dot-mark{color:var(--color--dot);transition:color var(--time--slow) var(--ease--out)}.pixel{font-family:var(--ff--pixel);font-size:var(--fs--small);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sprite{block-size:0;inline-size:0;position:absolute}}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{filter:blur(6px);opacity:0;translate:0 .4em}}.about{padding:var(--gap--section) var(--gap--side)}.about__statement{font-size:var(--fs--statement);font-weight:var(--fw--bold);letter-spacing:-.035em;max-inline-size:17em;margin-inline:auto;line-height:1.08}.about__statement em{letter-spacing:-.02em;font-size:1.08em}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.about__word{animation:linear both word-on;animation-timeline:view();animation-range:cover 18% cover 38%}}}@keyframes word-on{0%{opacity:.45}}@media (prefers-contrast:more),(forced-colors:active){.about__word{animation:none}}.build{--accent:var(--color--dot);background-color:var(--lightningcss-light,var(--color--ink))var(--lightningcss-dark,#050506);block-size:calc(var(--count,4) * 85svh + 100svh);color:var(--color--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}.build__stage{align-content:center;gap:var(--gap--6);block-size:100svh;padding-inline:var(--gap--side);display:grid;position:sticky;inset-block-start:0;overflow:clip}.build__line{font-size:var(--fs--display);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display)}.build__lead{display:block}.build__word{color:var(--accent);font-family:var(--ff--serif);letter-spacing:-.03em;transition:color var(--time--slow) var(--ease--out);white-space:nowrap;font-style:italic;font-weight:400}.build__glyph{font-family:var(--ff--pixel);letter-spacing:0;font-size:.62em;font-style:normal}.build__note{color:var(--color--stone-light);font-size:var(--fs--large);min-block-size:3em;max-inline-size:32ch}.build__note[data-changing]{animation:rise var(--time--slow) var(--ease--out)}.build__meter{gap:var(--gap--2);margin-block-start:var(--gap--4);display:flex}.build__meter span{block-size:6px;inline-size:6px;transition:background-color var(--time--normal), inline-size var(--time--slow) var(--ease--out);background-color:#f6f4ef33}.build__meter span[aria-current]{background-color:var(--accent);inline-size:30px}.build__orb{aspect-ratio:1;image-rendering:pixelated;inline-size:min(32vw,58svh);display:none;position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--gap--side) * 1.5);translate:0 -50%}@media (width>=1024px){.build__stage{padding-inline-start:calc(var(--gap--side) * 2)}.build__orb{display:block}}@media (forced-colors:active){.build__meter span{forced-color-adjust:none;background-color:graytext}.build__meter span[aria-current]{background-color:highlight}}.button{--bg:var(--color--primary-bg);--text:var(--color--primary-text);--pad-block:var(--gap--4);--pad-inline:var(--gap--7);--shadow:var(--color--dot);background-color:var(--bg);border-radius:var(--br--button);color:var(--text);font-size:inherit;font-weight:var(--fw--medium);align-items:center;gap:var(--gap--2);letter-spacing:-.01em;padding:var(--pad-block) var(--pad-inline);transition:box-shadow var(--time--normal) var(--ease--out), scale var(--time--fast) var(--ease--out), translate var(--time--normal) var(--ease--spring);white-space:nowrap;border:0;display:inline-flex}.button:hover{box-shadow:3px 3px 0 0 var(--shadow);translate:-2px -2px}.button:active{box-shadow:0 0 0 0 var(--shadow);translate:0;scale:.98}.button__arrow{transition:translate var(--time--normal) var(--ease--spring)}.button:hover .button__arrow{translate:2px -2px}.button--small{--pad-block:var(--gap--2);--pad-inline:var(--gap--4);font-size:var(--fs--small)}.button--dark{--bg:var(--color--ink);--text:var(--color--paper);--shadow:var(--color--paper)}@media (forced-colors:active){.button{border:1px solid buttontext}.button:hover{box-shadow:none}}.contact{gap:var(--gap--8);padding:var(--gap--section) var(--gap--side);text-align:center;justify-items:center;display:grid}.contact__kicker{color:var(--color--text-light)}.contact__kicker[data-in-view=seen]{animation:1.4s step-end 3 blink}.contact__title{font-size:var(--fs--display);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display);max-inline-size:9em}.contact__socket{block-size:.2em;inline-size:.2em;margin-inline-start:.04em;display:inline-block}.contact__mail{background-image:linear-gradient(var(--color--dot), var(--color--dot));font-size:clamp(1.5rem,1rem + 2vw,2.75rem);font-weight:var(--fw--bold);letter-spacing:-.03em;transition:background-size var(--time--slow) var(--ease--out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-block-end:var(--gap--1)}.contact__mail:hover,.contact__mail:focus-visible{background-size:100% 2px}@media (prefers-contrast:more){.contact__mail{background-size:100% 2px}}.dot{pointer-events:none;z-index:900;display:none;position:fixed;inset:0 auto auto 0}.dot__body{background-color:var(--color--dot);box-shadow:inset 0 0 0 0 var(--color--dot);transition:background-color var(--time--slow) var(--ease--out), box-shadow var(--time--normal) var(--ease--out), opacity var(--time--normal);will-change:transform, width, height;border-radius:50%;display:block;position:absolute}.dot[data-shape=ring] .dot__body{background-color:color-mix(in oklab, var(--color--dot) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--color--dot)}[data-dot] .dot{display:block}.dot[data-contrast]{--color--dot:var(--color--ink)}[data-intro] .dot .dot__body{opacity:0}.dot-spark{background-color:var(--color--dot);pointer-events:none;z-index:899;block-size:6px;inline-size:6px;position:fixed;inset:0 auto auto 0}[data-cursor=dot],[data-cursor=dot] *{cursor:none}.socket{background-color:var(--color--dot);fill:var(--color--dot);transition:fill var(--time--slow), opacity var(--time--normal);border-radius:50%}[data-dot] .socket{box-shadow:inset 0 0 0 .1em var(--color--line);fill:#0000;stroke:var(--color--line);stroke-width:4px;background-color:#0000}[data-dot] .socket[data-docked]{box-shadow:none;stroke:#0000}@media (forced-colors:active){.dot{forced-color-adjust:none}.dot__body{box-shadow:none;background-color:highlight}.socket{fill:canvastext;forced-color-adjust:none;background-color:canvastext}[data-dot] .socket{stroke:canvastext;box-shadow:inset 0 0 0 .1em canvastext}.dot-spark{forced-color-adjust:none;background-color:highlight}}@media (inverted-colors:inverted){.dot,.dot-spark,.socket,canvas{filter:invert()}}.footer{border-block-start:1px solid var(--color--line);color:var(--color--text-light);font-size:var(--fs--small);align-items:start;gap:var(--gap--6);padding:var(--gap--8) var(--gap--side);grid-template-columns:auto 1fr;display:grid}.footer__brand{gap:var(--gap--4);justify-items:start;display:grid}.footer__logo{color:var(--color--text);inline-size:52px}.footer__legal{gap:var(--gap--1);justify-items:start;font-style:normal;display:grid}.footer__link{transition:color var(--time--fast)}.footer__link:hover{color:var(--color--text)}.footer__hint{color:var(--color--text);cursor:pointer;align-items:center;gap:var(--gap--2);text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot);text-underline-offset:4px;transition:color var(--time--fast), opacity var(--time--fast);background:0 0;border:0;text-decoration-thickness:2px;display:flex}.footer__play{align-items:center;gap:var(--gap--2);display:inline-flex}.footer__play:before{background-color:var(--color--dot);content:"";block-size:6px;inline-size:6px;transition:background-color var(--time--slow)}@media (width>=768px){.footer{align-items:center;gap:var(--gap--3) var(--gap--6);flex-wrap:wrap;display:flex}.footer__brand{display:contents}.footer__legal{gap:var(--gap--1) var(--gap--3);flex-wrap:wrap;display:flex}.footer__legal>*+:before{content:"·";opacity:.5;margin-inline-end:var(--gap--3)}.footer__hint{order:1;margin-inline-start:auto}}@media (hover:hover) and (pointer:fine){.footer__hint{color:inherit;text-decoration:none}.footer__hint:hover,.footer__hint:focus-visible{color:var(--color--text);text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot)}.footer__play{display:none}}@media (prefers-contrast:more){.footer__link{text-underline-offset:3px;text-decoration:underline}}.game{--line:#f6f4ef29;background-color:var(--color--ink);block-size:100%;color:var(--color--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:none;border:0;max-block-size:none;inline-size:100%;max-inline-size:none;margin:0;padding:0;inset:0;overflow:hidden}.game::backdrop{background-color:var(--color--ink)}.game[open]{animation:crt-on .62s var(--ease--out) both}.game:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.game__canvas{touch-action:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.game__hud{align-items:center;gap:var(--gap--3);padding:var(--gap--5) var(--gap--side);z-index:1;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.game__lives{gap:var(--gap--2);display:flex}.game__life{aspect-ratio:1;background-color:var(--color--dot);border-radius:50%;inline-size:10px}.game__score{color:var(--color--paper);font-size:var(--fs--text);margin-inline-start:auto}.game__toggle{box-shadow:inset 0 0 0 1px var(--line);color:var(--color--stone-light);cursor:pointer;padding:var(--gap--2) var(--gap--3);transition:color var(--time--fast), box-shadow var(--time--fast);background:0 0;border:0;border-radius:6px}.game__toggle:hover{box-shadow:inset 0 0 0 1px var(--color--paper);color:var(--color--paper)}.game__toggle[aria-pressed=false]{text-decoration:line-through}.game__prompt{color:var(--color--paper);pointer-events:none;text-align:center;animation:1.2s step-end 4 blink;position:absolute;inset-block-end:calc(max(56px, 10%) + var(--gap--10));inset-inline:0}.game__screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:auto;align-content:center;gap:var(--gap--6);padding:var(--gap--side);text-align:center;background-color:#0e0e10b8;justify-items:center;display:grid;position:absolute;inset:0}.game__screen[hidden]{display:none}.game__kicker{color:var(--color--yellow);animation:1.2s step-end 4 blink}.game__title{font-size:var(--fs--display);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display)}.game__text{color:var(--color--stone-light);font-size:var(--fs--large);max-inline-size:34ch}.game__actions{gap:var(--gap--3);flex-wrap:wrap;justify-content:center;margin-block-start:var(--gap--2);display:flex}.game__button{--bg:var(--color--paper);--text:var(--color--ink);--shadow:var(--color--dot);cursor:pointer}.game__button.button--ghost{--bg:transparent;--text:var(--color--paper);box-shadow:inset 0 0 0 1.5px var(--line)}@keyframes crt-on{0%{clip-path:inset(50% 0);filter:brightness(4)}35%{clip-path:inset(49.6% 0);filter:brightness(3)}to{clip-path:inset(0);filter:brightness()}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.game__screen{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--ink)}}@media (forced-colors:active){.game__toggle{border:1px solid buttontext}.game__life{forced-color-adjust:none;background-color:canvastext}}.hero{align-content:center;gap:var(--gap--8);min-block-size:100svh;padding:var(--gap--24) var(--gap--side) var(--gap--20);justify-items:center;display:grid;position:relative;overflow:clip}.hero__field{--size:22px;--dot:radial-gradient(circle at center, var(--c) 1.1px, transparent 1.6px);z-index:-1;position:absolute;inset:0;-webkit-mask:radial-gradient(70% 60% at 50% 48%,#000 30%,#0000 100%);mask:radial-gradient(70% 60% at 50% 48%,#000 30%,#0000 100%)}.hero__field:before,.hero__field:after{background-image:var(--dot);background-position:50%;background-size:var(--size) var(--size);content:"";position:absolute;inset:0}.hero__field:before{--c:var(--color--line)}.hero__field:after{--c:var(--color--dot);-webkit-mask:radial-gradient(180px circle at var(--mx,-999px) var(--my,-999px), #000, transparent);mask:radial-gradient(180px circle at var(--mx,-999px) var(--my,-999px), #000, transparent);opacity:var(--lit,0);transition:opacity var(--time--slow)}.hero__title{perspective:1200px;inline-size:min(100%,1080px,105svh)}.hero__logo{color:var(--color--text);fill:currentColor;inline-size:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 1.2s var(--ease--out);overflow:visible}.hero__letter,.hero__swoosh{stroke:currentColor;stroke-linejoin:round;stroke-width:0}.hero__role{color:var(--color--text-light);font-size:var(--fs--large);font-weight:var(--fw--medium);letter-spacing:-.015em;align-items:center;gap:.2em;min-block-size:1.5em;display:flex}.hero__caret{background-color:var(--color--dot);block-size:1.05em;inline-size:.5em;transition:background-color var(--time--slow);animation:1.1s step-end 4 blink}.hero__scroll{block-size:var(--gap--16);inline-size:var(--gap--8);position:absolute;inset-block-end:var(--gap--6);inset-inline-start:50%;translate:-50%}.hero__scroll-line{background-color:var(--color--line);block-size:100%;inline-size:1px;margin-inline:auto;display:block;position:relative}.hero__scroll-line:after{background-color:var(--color--text);content:"";block-size:5px;inline-size:5px;animation:2.4s steps(12,end) 2 scroll-pixel;position:absolute;inset-inline-start:-2px}[data-intro] .hero__letter,[data-intro] .hero__swoosh,[data-intro] .hero__role,[data-intro] .hero__scroll{opacity:0}[data-intro] .hero__caret,[data-intro] .hero__scroll-line:after{animation:none}@keyframes scroll-pixel{0%{opacity:1;inset-block-start:0}80%{opacity:1}to{opacity:0;inset-block-start:100%}}.hyperchicken{--hc--yellow:var(--color--yellow);background-color:var(--hc--yellow);border-radius:var(--br--panel);color:var(--color--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:var(--gap--side);position:relative;overflow:clip}.hyperchicken__inner{gap:var(--gap--6);padding:clamp(var(--gap--10), 9vw, var(--gap--40)) clamp(var(--gap--6), 7vw, var(--gap--30));justify-items:start;padding-block-end:var(--gap--30);display:grid}.hyperchicken__title{font-size:clamp(2.75rem,1rem + 7vw,8.5rem);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display)}.hyperchicken__title em{letter-spacing:-.03em;font-size:1.06em}.hyperchicken__text{font-size:var(--fs--large);max-inline-size:34ch}.hyperchicken__link{margin-block-start:var(--gap--4)}.hyperchicken__ground{background-image:linear-gradient(90deg, var(--color--ink) 50%, transparent 0);block-size:var(--gap--16);inset-block-end:var(--gap--8);inset-inline:clamp(var(--gap--6), 7vw, var(--gap--30));opacity:.9;background-position:bottom;background-repeat:repeat-x;background-size:8px 3px;position:absolute}.chicken{color:var(--color--ink);cursor:pointer;z-index:1;background:0 0;border:0;inline-size:48px;padding:0;display:block;position:absolute;inset-block-end:3px;inset-inline-start:64%}.chicken svg{fill:currentColor;shape-rendering:crispedges;transform-origin:50% 100%;inline-size:100%;display:block}.chicken:focus-visible{outline-color:var(--color--ink)}.chicken [data-frame=b]{opacity:0}.chicken[data-facing=left]{scale:-1 1}.chicken[data-walking] [data-frame=a]{animation:.36s step-end infinite chicken-step-a}.chicken[data-walking] [data-frame=b]{animation:.36s step-end infinite chicken-step-b}@keyframes chicken-step-a{50%{opacity:0}}@keyframes chicken-step-b{50%{opacity:1}}.chicken-feather{background-color:var(--color--ink);pointer-events:none;block-size:4px;inline-size:4px;position:absolute}.chicken-egg{background-color:var(--color--paper);border:2px solid var(--color--ink);pointer-events:none;transform-origin:50% 100%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;block-size:15px;inline-size:12px;position:absolute;inset-block-end:3px;overflow:hidden}.chicken-egg video{object-fit:cover;block-size:100%;inline-size:100%;display:block}@media (forced-colors:active){.hyperchicken{border:2px solid canvastext}.hyperchicken__ground{forced-color-adjust:none;background-image:linear-gradient(90deg,canvastext 50%,#0000 0)}.chicken-feather{forced-color-adjust:none;background-color:canvastext}}.nav__inner,.lang-switch__orb,.lang-switch__menu{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background-color:color-mix(in oklab, var(--color--bg) 70%, transparent);box-shadow:0 0 0 1px var(--color--line), 0 10px 40px -16px #0003}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.nav__inner,.lang-switch__orb,.lang-switch__menu{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--bg)}}@media (forced-colors:active){.nav__inner,.lang-switch__orb,.lang-switch__menu{border:1px solid canvastext}}.lang-switch{pointer-events:auto;transition:opacity var(--time--normal), translate var(--time--slow) var(--ease--out);position:relative}.lang-switch__orb{block-size:48px;color:var(--color--text);cursor:pointer;font-family:var(--ff--pixel);letter-spacing:.06em;inline-size:48px;transition:scale var(--time--normal) var(--ease--spring);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;list-style:none;display:flex}.lang-switch__orb::-webkit-details-marker{display:none}.lang-switch__orb:after{background-color:var(--color--dot);content:"";block-size:4px;inline-size:4px;transition:background-color var(--time--slow)}.lang-switch__orb:hover{scale:1.06}.lang-switch__menu{animation:rise var(--time--normal) var(--ease--out);border-radius:var(--br--normal);min-inline-size:180px;padding:var(--gap--2);gap:2px;display:grid;position:absolute;inset-block-start:calc(100% + var(--gap--2));inset-inline-end:0}.lang-switch__link{border-radius:var(--br--small);color:var(--color--text-light);font-size:var(--fs--small);font-weight:var(--fw--medium);align-items:center;gap:var(--gap--3);padding:var(--gap--2) var(--gap--3);transition:background-color var(--time--fast), color var(--time--fast);display:flex}.lang-switch__link:hover{background-color:var(--color--line);color:var(--color--text)}.lang-switch__link[aria-current=page]{color:var(--color--text)}.lang-switch__link[aria-current=page]:after{background-color:var(--color--dot);content:"";block-size:6px;inline-size:6px;margin-inline-start:auto}.lang-switch__code{font-family:var(--ff--pixel);inline-size:2.5ch;font-size:.6875rem}@media (prefers-contrast:more){.lang-switch__link[aria-current=page]{text-decoration:underline}}@media (forced-colors:active){.lang-switch__orb:after,.lang-switch__link[aria-current=page]:after{forced-color-adjust:none;background-color:linktext}}.logo{display:block}.logo__svg{aspect-ratio:616.2/312.67;fill:currentColor;inline-size:100%}.nav{align-items:start;gap:var(--gap--2);padding-inline:var(--gap--4);pointer-events:none;z-index:100;justify-content:center;display:flex;position:fixed;inset-block-start:var(--gap--4);inset-inline:0}.nav__inner{border-radius:var(--br--button);align-items:center;gap:var(--gap--2);padding:var(--gap--2) var(--gap--2) var(--gap--2) var(--gap--5);pointer-events:auto;transition:opacity var(--time--normal), translate var(--time--slow) var(--ease--out);display:flex}.nav__logo{inline-size:58px;transition:inline-size var(--time--slow) var(--ease--out), margin var(--time--slow) var(--ease--out), opacity var(--time--normal);margin-inline-end:var(--gap--3)}.nav__links{display:none}.nav__link{border-radius:var(--br--button);color:var(--color--text-light);font-size:var(--fs--small);font-weight:var(--fw--medium);padding:var(--gap--2) var(--gap--3);transition:color var(--time--fast)}.nav__link:hover{color:var(--color--text)}.nav[data-hidden] .nav__inner,.nav[data-hidden] .nav__lang{opacity:0;translate:0 calc(-100% - var(--gap--6))}[data-intro] .nav__inner,[data-intro] .nav__lang{opacity:0}@media (width>=768px){.nav__links{display:flex}.nav[data-over-hero] .nav__logo{opacity:0;inline-size:0;margin-inline-end:0}}@media (prefers-contrast:more){.nav__link{text-underline-offset:3px;text-decoration:underline}}