@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}}.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--ghost{--bg:transparent;--text:var(--color--text);box-shadow:inset 0 0 0 1px var(--color--line)}.button--ghost:hover{box-shadow:inset 0 0 0 1px var(--color--line), 3px 3px 0 0 var(--shadow)}.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}}.googly .lab-stage__canvas{cursor:grab}.googly .lab-stage__canvas:active{cursor:grabbing}.googly__video{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute;inset:0}.gravitron__count{display:inline-block}.gravitron__count[data-change=down]{animation:gravitron-count-down var(--time--slow) var(--ease--out)}@keyframes gravitron-count-down{0%{color:var(--color--dot);scale:1.5}}:root:has(.lab-index){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lab--index{--lab--cell:32px;--lab--line:#f6f4ef0b;--lab--line-strong:#f6f4ef14;background-attachment:fixed;background-color:var(--color--ink);background-image:linear-gradient(to right, var(--lab--line-strong) 1px, transparent 1px), linear-gradient(to bottom, var(--lab--line-strong) 1px, transparent 1px), linear-gradient(to right, var(--lab--line) 1px, transparent 1px), linear-gradient(to bottom, var(--lab--line) 1px, transparent 1px);background-size:calc(var(--lab--cell) * 5) calc(var(--lab--cell) * 5), calc(var(--lab--cell) * 5) calc(var(--lab--cell) * 5), var(--lab--cell) var(--lab--cell), var(--lab--cell) var(--lab--cell);color:var(--color--paper);min-block-size:100svh}@media (prefers-contrast:more){.lab--index{background-image:none}}.lab-log__item,.lab-specimen__sheet dd,.lab-index__stat dd{letter-spacing:0;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:.8125rem}.lab-index{gap:var(--gap--16);max-inline-size:var(--section--xlarge);padding:calc(var(--gap--section) * .7) var(--gap--side) var(--gap--section);margin-inline:auto;display:grid}.lab-index__header{gap:var(--gap--6);display:grid}.lab-index__path{color:var(--color--stone-light);align-items:center;display:flex}.lab-index__caret{background-color:var(--color--dot);block-size:1.1em;inline-size:.55em;margin-inline-start:.35em;animation:1.1s step-end 3 blink;display:inline-block}.lab-index__title{font-size:min(26vw,13rem);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display)}.lab-index__intro{color:var(--color--stone-light);font-size:var(--fs--large);max-inline-size:40ch}.lab-index__hud{border:1px solid var(--color--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin-block-start:var(--gap--4);display:grid}.lab-index__stat{box-shadow:inset -1px 0 0 var(--color--line), inset 0 -1px 0 var(--color--line);gap:var(--gap--1);padding:var(--gap--3) var(--gap--4);display:grid}.lab-index__stat dt{color:var(--color--stone-light);font-family:var(--ff--pixel);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.lab-index__stat dd{color:var(--color--paper);font-variant-numeric:tabular-nums}.lab-index__stat code{color:var(--color--dot)}.lab-index__list{gap:var(--gap--6);list-style:none;display:grid}.lab-specimen{background-color:color-mix(in oklab, var(--color--ink) 88%, transparent);border:1px solid var(--color--line);transition:border-color var(--time--fast);position:relative}.lab-specimen:before,.lab-specimen:after{border-color:var(--color--dot);content:"";border-style:solid;block-size:10px;inline-size:10px;position:absolute}.lab-specimen:before{border-width:1px 0 0 1px;inset-block-start:-1px;inset-inline-start:-1px}.lab-specimen:after{border-width:0 1px 1px 0;inset-block-end:-1px;inset-inline-end:-1px}.lab-specimen:hover,.lab-specimen:focus-within{border-color:color-mix(in oklab, var(--color--dot) 55%, transparent)}.lab-specimen__inner{display:grid}@media (width>=768px){.lab-specimen__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.lab-specimen__preview{aspect-ratio:4/3;border-block-end:1px solid var(--color--line);position:relative}@media (width>=768px){.lab-specimen__preview{aspect-ratio:auto;border-block-end:0;border-inline-end:1px solid var(--color--line);min-block-size:360px}}.lab-specimen__canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.lab-specimen__live{color:var(--color--stone-light);align-items:center;gap:var(--gap--2);display:flex;position:absolute;inset-block-start:var(--gap--4);inset-inline-start:var(--gap--4)}.lab-specimen__live:before{background-color:var(--color--red);content:"";block-size:6px;inline-size:6px;animation:1.6s step-end 3 blink}.lab-specimen__body{align-content:start;gap:var(--gap--4);padding:var(--gap--8) var(--gap--6);display:grid}@media (width>=768px){.lab-specimen__body{padding:var(--gap--10)}}.lab-specimen__id{color:var(--color--dot)}.lab-specimen__name{font-size:clamp(2.25rem,1.5rem + 2.6vw,4rem);font-weight:var(--fw--black);letter-spacing:-.045em;line-height:1}.lab-specimen__link:after{content:"";position:absolute;inset:0}.lab-specimen__link:focus-visible{outline:none}.lab-specimen__link:focus-visible:after{outline:var(--focus--width,2px) solid var(--color--selection-bg);outline-offset:-4px}.lab-specimen__teaser{color:var(--color--stone-light);max-inline-size:46ch}.lab-specimen__sheet{border-block-start:1px solid var(--color--line);margin-block-start:var(--gap--2);display:grid}.lab-specimen__sheet>div{border-block-end:1px dashed var(--color--line);gap:var(--gap--1) var(--gap--4);padding-block:var(--gap--2);grid-template-columns:9ch minmax(0,1fr);display:grid}.lab-specimen__sheet dt{color:var(--color--stone-light);font-family:var(--ff--pixel);letter-spacing:.06em;text-transform:uppercase;padding-block-start:.2em;font-size:.6875rem}.lab-specimen__sheet dd{color:var(--color--paper)}.lab-specimen__open{color:var(--color--paper);transition:translate var(--time--normal) var(--ease--spring);margin-block-start:var(--gap--2)}.lab-specimen:hover .lab-specimen__open,.lab-specimen:focus-within .lab-specimen__open{translate:var(--gap--1) 0}.lab-specimen--next{gap:var(--gap--2);padding:var(--gap--8) var(--gap--6);background-color:#0000;border-style:dashed;display:grid}.lab-specimen--next:before,.lab-specimen--next:after{display:none}.lab-specimen--next .lab-specimen__id{color:var(--color--stone-light)}.lab-log{gap:var(--gap--3);max-inline-size:80ch;display:grid}.lab-log__title{color:var(--color--dot)}.lab-log__intro{color:var(--color--stone-light);font-size:var(--fs--small)}.lab-log__list{border-inline-start:1px solid var(--color--line);gap:var(--gap--2);margin-block-start:var(--gap--2);padding-inline-start:var(--gap--5);list-style:none;display:grid}.lab-log__item{color:var(--color--stone-light);gap:0 var(--gap--3);grid-template-columns:auto auto minmax(0,1fr);display:grid;position:relative}.lab-log__item:before{background-color:var(--color--line);content:"";block-size:7px;inline-size:7px;position:absolute;inset-block-start:.45em;inset-inline-start:calc(var(--gap--5) * -1 - 4px)}.lab-log__item:first-child:before{background-color:var(--color--dot)}.lab-log__item code{color:var(--color--dot)}.lab-log__item span{color:var(--color--paper);overflow-wrap:anywhere}@media (width<=480px){.lab-log__item{grid-template-columns:auto minmax(0,1fr)}.lab-log__item span{grid-column:1/-1}}@media (forced-colors:active){.lab-specimen:before,.lab-specimen:after{border-color:canvastext}.lab-index__caret,.lab-log__item:before{background-color:canvastext}}:root:has(.lab-stage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:none}.lab-stage{background-color:var(--color--ink);block-size:100svh;color:var(--color--paper);position:relative;overflow:hidden}.lab-stage__canvas{cursor:crosshair;touch-action:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.lab-stage__panel{-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);background-color:color-mix(in oklab, var(--color--ink) 78%, transparent);box-shadow:0 0 0 1px var(--color--line);gap:var(--gap--3);inset-block-end:var(--gap--5);inset-inline:var(--gap--5);padding:var(--gap--5);pointer-events:none;flex-direction:column;display:flex;position:absolute}@media (prefers-reduced-transparency:reduce){.lab-stage__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--ink)}}.lab-stage__panel>*{pointer-events:auto}.lab-stage__bar{align-items:end;gap:var(--gap--4);justify-content:space-between;display:flex}.lab-stage__heading,.lab-stage__drawer{gap:var(--gap--3);justify-items:start;display:grid}.lab-stage__bar-actions{gap:var(--gap--2);display:flex}.lab-stage__bar-zen{box-shadow:inset 0 0 0 1px var(--color--line);color:var(--color--paper);cursor:pointer;padding:var(--gap--3) var(--gap--4);background:0 0;border:0;display:none}.lab-stage__more{box-shadow:inset 0 0 0 1px var(--color--line);color:var(--color--paper);cursor:pointer;align-items:center;gap:var(--gap--2);padding:var(--gap--3) var(--gap--4);background:0 0;border:0;display:none}.lab-stage__more:after{content:"";block-size:.5em;inline-size:.5em;transition:rotate var(--time--normal) var(--ease--out);border-block-end:2px solid;border-inline-end:2px solid;translate:0 .15em;rotate:-135deg}.lab-stage__more[aria-expanded=true]:after{translate:0 -.1em;rotate:45deg}.lab-stage__kicker{color:var(--color--stone-light);align-items:center;gap:var(--gap--2);transition:color var(--time--fast);display:inline-flex}.lab-stage__kicker:before{content:"";block-size:.5em;inline-size:.5em;transition:translate var(--time--fast) var(--ease--out);border-block-end:2px solid;border-inline-start:2px solid;rotate:45deg}.lab-stage__kicker:hover,.lab-stage__kicker:focus-visible{color:var(--color--paper)}.lab-stage__kicker:hover:before,.lab-stage__kicker:focus-visible:before{translate:-.2em}@media (prefers-reduced-motion:reduce){.lab-stage__kicker:before{transition:none}}.lab-stage__title{font-size:clamp(2.5rem,1.6rem + 4vw,5.5rem);font-weight:var(--fw--black);letter-spacing:var(--ls--display);line-height:var(--lh--display)}.lab-stage__text,.lab-stage__notice{color:var(--color--stone-light);font-size:var(--fs--small);max-inline-size:38ch}.lab-stage__notice{color:var(--color--paper)}.lab-stage__controls{gap:var(--gap--2);flex-wrap:wrap;max-inline-size:36rem;display:flex}.lab-stage__controls [aria-pressed=true]{--bg:var(--color--paper);--text:var(--color--ink)}.lab-stage__meta{color:var(--color--stone-light);font-size:var(--fs--small);align-items:center;gap:var(--gap--1) var(--gap--4);flex-wrap:wrap;display:flex}.lab-stage__back{display:none}.lab-stage__source{text-decoration:underline;-webkit-text-decoration-color:var(--color--dot);text-decoration-color:var(--color--dot);text-underline-offset:3px}@media (width<=767.98px),(height<=520px){.lab-stage__panel{inset-block-end:var(--gap--3);inset-inline:var(--gap--3);padding:var(--gap--3) var(--gap--3) var(--gap--3) var(--gap--4);gap:0}.lab-stage__bar{order:2;align-items:center}.lab-stage__heading{align-items:baseline;gap:var(--gap--3);display:flex}.lab-stage__title{font-size:1.5rem}.lab-stage__kicker{display:none}.lab-stage__back{display:inline}.lab-stage__more,.lab-stage__bar-zen{padding-inline:var(--gap--3);display:inline-flex}.lab-stage__drawer{max-block-size:55svh;order:1;padding-block-end:var(--gap--4);display:none;overflow-y:auto}.lab-stage__panel[data-open] .lab-stage__drawer{border-block-end:1px solid var(--color--line);margin-block-end:var(--gap--3);display:grid}}@media (width>=768px){.lab-stage__panel{inset-block-end:var(--gap--side);inset-inline:var(--gap--side) auto}}.lab-stage__panel{transition:opacity var(--time--slow) var(--ease--out), translate var(--time--slow) var(--ease--out), visibility 0s var(--time--slow)}.lab-stage[data-zen] .lab-stage__panel{opacity:0;pointer-events:none;translate:0 var(--gap--6);visibility:hidden}.lab-stage[data-zen] .lab-stage__panel>*{pointer-events:none}.lab-stage__unzen{background:color-mix(in oklab, var(--color--ink) 60%, transparent);box-shadow:inset 0 0 0 1px var(--color--line);color:var(--color--paper);cursor:pointer;opacity:.6;padding:var(--gap--3) var(--gap--4);transition:opacity var(--time--slow) var(--ease--out);border:0;position:absolute;inset-block-end:var(--gap--4);inset-inline-end:var(--gap--4)}.lab-stage__unzen:hover,.lab-stage__unzen:focus-visible{opacity:1}.lab-stage[data-idle] .lab-stage__unzen:not(:focus-visible){opacity:0}.lab-stage[data-zen][data-idle] .lab-stage__canvas{cursor:none}:root:has(.lab-stage[data-zen]) .nav{opacity:0;pointer-events:none;transition:opacity var(--time--slow) var(--ease--out), translate var(--time--slow) var(--ease--out);translate:0 calc(-100% - var(--gap--6))}@media (forced-colors:active){.lab-stage__canvas{forced-color-adjust:none}}.logo{display:block}.logo__svg{aspect-ratio:616.2/312.67;fill:currentColor;inline-size:100%}.nav__inner{-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}.nav__links:popover-open{-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{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--bg)}.nav__links:popover-open{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--bg)}}@media (forced-colors:active){.nav__inner{border:1px solid canvastext}.nav__links:popover-open{border:1px solid canvastext}}.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{anchor-name:--nav-bar;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__links:popover-open{animation:rise var(--time--normal) var(--ease--out);border-radius:var(--br--normal);color:var(--color--text);inline-size:fit-content;min-inline-size:200px;padding:var(--gap--2);border:0;gap:2px;margin:0 auto;display:grid;position:fixed;inset:auto 0;inset-block-start:calc(var(--gap--4) + 3.25rem + var(--gap--2))}.nav__links:popover-open .nav__link{align-items:center;gap:var(--gap--3);display:flex}.nav__links:popover-open .nav__link[aria-current]:after{block-size:6px;inline-size:6px;margin-inline-start:auto;position:static;translate:none}@supports (anchor-name:--a){.nav__links:popover-open{justify-self:anchor-center;margin:var(--gap--2) 0 0;position-anchor:--nav-bar;position-area:bottom;inset:auto}}.nav__cta{display:none}.nav__menu-cta{justify-content:center;margin-block-start:var(--gap--2)}.nav__toggle{block-size:40px;color:var(--color--text);cursor:pointer;inline-size:40px;transition:background-color var(--time--fast);background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.nav__toggle:after{background-color:var(--color--dot);content:"";block-size:4px;inline-size:4px;transition:background-color var(--time--slow)}.nav__toggle:hover,.nav__toggle[aria-expanded=true]{background-color:var(--color--line)}.nav__toggle-icon{border-block:2px solid;block-size:8px;inline-size:18px}.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__link[aria-current]{color:var(--color--text);position:relative}.nav__link[aria-current]:after{background-color:var(--color--dot);content:"";block-size:4px;inline-size:4px;transition:background-color var(--time--slow);position:absolute;inset-block-end:0;inset-inline-start:50%;translate:-50%}.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{color:inherit;background:0 0;border:0;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:visible}.nav__cta{display:inline-flex}.nav__menu-cta,.nav__toggle{display:none}.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}.nav__link[aria-current]{text-decoration-thickness:3px}}@media (forced-colors:active){.nav__link[aria-current]:after{background-color:canvastext}}.overhead__readout{font-size:var(--fs--small);gap:var(--gap--1);inline-size:100%;max-inline-size:36rem;display:grid}.overhead__readout>div{gap:var(--gap--3);grid-template-columns:6.75rem 1fr;display:grid}.overhead__readout dt{color:var(--color--stone-light)}.overhead__readout dd{color:var(--color--paper);font-variant-numeric:tabular-nums}.overhead__readout--hud{-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);background-color:color-mix(in oklab, var(--color--ink) 78%, transparent);box-shadow:0 0 0 1px var(--color--line);inline-size:auto;max-inline-size:26rem;padding:var(--gap--4) var(--gap--5);transition:opacity var(--time--slow) var(--ease--out), translate var(--time--slow) var(--ease--out), visibility 0s var(--time--slow);display:none;position:absolute;inset-block-end:var(--gap--side);inset-inline-end:var(--gap--side)}@media (prefers-reduced-transparency:reduce){.overhead__readout--hud{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color--ink)}}@media (width>=1024px) and (height>=521px){.overhead__readout--hud{display:grid}.overhead__readout--drawer{display:none}}.overhead[data-zen] .overhead__readout--hud{opacity:0;translate:0 var(--gap--6);visibility:hidden}.overhead__privacy{font-size:var(--fs--small)}@property --vt--orb{syntax:"<length>";inherits:false;initial-value:0}@property --vt--iris{syntax:"<length>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto;types:page}}:root{--vt--reach:120vmax;--vt--at:var(--vt--x,50vw) var(--vt--y,50vh)}:active-view-transition-type(page)::view-transition{background-color:var(--color--dot)}:is(:active-view-transition-type(page) .blog-board__item,:active-view-transition-type(page) .blog-reader){view-transition-name:none!important}:active-view-transition-type(page)::view-transition-group(root){animation-duration:.7s}:active-view-transition-type(page)::view-transition-old(root){-webkit-mask-image:radial-gradient(circle at var(--vt--at), transparent var(--vt--orb), #000 calc(var(--vt--orb) + 1px));mask-image:radial-gradient(circle at var(--vt--at), transparent var(--vt--orb), #000 calc(var(--vt--orb) + 1px));mix-blend-mode:normal;animation:.42s cubic-bezier(.65,0,.35,1) both vt-orb}:active-view-transition-type(page)::view-transition-new(root){-webkit-mask-image:radial-gradient(circle at var(--vt--at), #000 var(--vt--iris), transparent calc(var(--vt--iris) + 1px));mask-image:radial-gradient(circle at var(--vt--at), #000 var(--vt--iris), transparent calc(var(--vt--iris) + 1px));mix-blend-mode:normal;animation:.48s cubic-bezier(.2,0,0,1) .22s both vt-iris,.36s steps(3,jump-none) .22s both vt-focus}@keyframes vt-orb{to{--vt--orb:var(--vt--reach)}}@keyframes vt-iris{to{--vt--iris:var(--vt--reach)}}@keyframes vt-focus{0%{filter:blur(6px)}}