:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c0f;--bg-elevated:#131518;--rule:#272a2e;--rule-strong:#3e4145;--text:#eeede9;--text-2:#b3b1ad;--text-3:#7d7b78;--accent:#edb24d;--accent-hover:#fdcc6e;--sans:"Instrument Sans", var(--sans-fallback);--mono:"IBM Plex Mono", var(--mono-fallback);--sans-fallback:"Instrument Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono-fallback:"IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--t-display:clamp(2.75rem, min(8.5vw, 12.5vh), 6.5rem);--t-h2:clamp(1.5rem, 2.6vw, 2.25rem);--t-h3:1.0625rem;--t-lede:clamp(1.125rem, 1.6vw, 1.375rem);--t-body:1rem;--t-caption:.8125rem;--t-data:.8125rem;--t-nav:.75rem;--t-meta:.6875rem;--ls-display:-.03em;--ls-h2:-.018em;--ls-lede:-.01em;--ls-nav:.07em;--ls-meta:.09em;--lh-display:.94;--lh-h2:1.15;--lh-body:1.62;--measure-lede:46ch;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--gutter:24px;--page-margin:clamp(20px, 4vw, 64px);--header-tall:76px;--header-short:52px;--canvas-max:1440px;--section-space:clamp(56px, 7.5vh, 96px);--radius:2px;--d-1:.12s;--d-2:.18s;--d-3:.26s;--d-4:.42s;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (width<=1023px){:root{--gutter:16px}}@media (width<=639px){:root{--gutter:12px;--section-space:56px}}@font-face{font-family:Instrument Sans Fallback;src:local(Helvetica Neue),local(Arial),local(Segoe UI);size-adjust:100%;ascent-override:92%;descent-override:24%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Fallback;src:local(Menlo),local(Consolas),local(DejaVu Sans Mono);size-adjust:97%;ascent-override:100%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-var-latin.woff2)format("woff2");font-weight:400 700;font-stretch:100%;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-width:20rem;color:var(--text);font-family:var(--sans);font-size:var(--t-body);font-weight:400;line-height:var(--lh-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}h1,h2,h3,p,dl,dd,dt,figure,figcaption,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}svg{display:block}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:1px}.skip{z-index:30;min-height:2.75rem;padding:var(--s-2) var(--s-4);background:var(--accent);color:var(--bg);font-family:var(--mono);font-size:var(--t-nav);letter-spacing:var(--ls-nav);text-transform:uppercase;border-radius:var(--radius);transform:translateY(calc(-100% - var(--s-8)));transition:transform var(--d-2) var(--ease-out);align-items:center;font-weight:500;display:inline-flex;position:fixed;inset-block-start:var(--s-4);inset-inline-start:var(--s-4)}.skip:focus{transform:translateY(0)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meta-k,.nav__link,.mark,.section__num,.fig__chip,.fig__name,.tel__k,.ledger__k,.colophon,.instrument-group dt{font-family:var(--mono);letter-spacing:var(--ls-meta);text-transform:uppercase;font-weight:500;font-size:var(--t-meta);line-height:1.4}.mark,.nav__link{font-size:var(--t-nav);letter-spacing:var(--ls-nav)}.data{font-family:var(--mono);font-weight:400;font-size:var(--t-data);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.canvas{max-width:var(--canvas-max);padding-block-start:calc(var(--header-tall) + env(safe-area-inset-top));padding-inline:max(var(--page-margin), env(safe-area-inset-left));margin-inline:auto;position:relative}.sentinel{width:1px;height:calc(var(--header-tall) + env(safe-area-inset-top));pointer-events:none;position:absolute;top:0;left:0}.masthead{z-index:20;background:var(--bg);position:fixed;inset-block-start:0;inset-inline:0}.masthead__inner{justify-content:space-between;align-items:center;gap:var(--s-6);max-width:var(--canvas-max);padding-block:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-4);padding-inline:max(var(--page-margin), env(safe-area-inset-left));transition:padding-top var(--d-3) var(--ease-out), padding-bottom var(--d-3) var(--ease-out);margin-inline:auto;display:flex;position:relative}.masthead__inner:after{content:"";inset-inline:max(var(--page-margin), env(safe-area-inset-left));background:var(--rule);height:1px;position:absolute;inset-block-end:0}.is-stuck .masthead__inner{padding-block:calc(var(--s-1) + env(safe-area-inset-top)) var(--s-1)}.mark{min-height:2.75rem;color:var(--text);align-items:center;display:inline-flex}.nav{gap:var(--s-6);display:flex}.nav__link{min-height:2.75rem;color:var(--text-3);transition:color var(--d-1) var(--ease-out);align-items:center;display:inline-flex;position:relative}.nav__link:after{content:"";transform-origin:0;height:1px;transition:transform var(--d-2) var(--ease-out);background:currentColor;position:absolute;inset-block-end:calc(50% - .85em);inset-inline:0;transform:scaleX(0)}@media (hover:hover){.nav__link:hover{color:var(--accent-hover)}.nav__link:hover:after{transform:scaleX(1)}}.nav__link:focus-visible{color:var(--accent-hover)}.nav__link[aria-current]{color:var(--text-2)}.nav__link[aria-current]:before{content:"";width:5px;height:5px;margin-right:var(--s-2);background:var(--accent)}:target,.section,#main{scroll-margin-block-start:calc(var(--header-short) + var(--s-6))}main a,main button{scroll-margin-block-start:calc(var(--header-short) + var(--s-4))}.hero{column-gap:var(--gutter);row-gap:clamp(var(--s-6), 4vh, var(--s-8));min-height:min(calc(100svh - var(--header-tall)), 52rem);padding-block:clamp(var(--s-8), 6vh, var(--s-16)) var(--s-6);border-bottom:1px solid var(--rule);grid-template-rows:auto auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.hero__guides{pointer-events:none;opacity:.28;background-image:linear-gradient(to right, var(--rule) 0 1px, transparent 1px);background-size:calc((100% + var(--gutter)) / 12) 100%;position:absolute;inset:0}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero__guides{animation:linear both guides-out;animation-timeline:scroll(root);animation-range:0 40vh}}}.hero__corner{pointer-events:none;width:9px;height:9px;position:absolute}.hero__corner:before,.hero__corner:after{content:"";background:var(--rule-strong);position:absolute}.hero__corner:before{inset-inline:0;height:1px;top:4px}.hero__corner:after{inset-block:0;width:1px;left:4px}.hero__corner[data-at=tl]{top:var(--s-4);left:-4px}.hero__corner[data-at=tr]{top:var(--s-4);right:-4px}.hero__corner[data-at=bl]{bottom:var(--s-4);left:-4px}.hero__corner[data-at=br]{bottom:var(--s-4);right:-4px}.hero__name{font-size:var(--t-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--text);grid-area:1/1/auto/span 7}.hero__rule{background:var(--rule);transform-origin:0;grid-area:2/1/auto/span 12;height:1px}.hero__name span{display:block}.hero__thesis{max-width:var(--measure-lede);font-size:var(--t-lede);letter-spacing:var(--ls-lede);color:var(--text-2);text-wrap:pretty;grid-area:1/8/auto/span 5;align-self:end;line-height:1.45}.hero__meta{grid-area:3/1/auto/span 4;align-self:start}.meta-row{gap:var(--s-3);padding-block:var(--s-3);border-bottom:1px solid var(--rule);grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;display:grid}.meta-k{color:var(--text-3)}.meta-v{font-size:var(--t-caption);color:var(--text-2);line-height:1.5}.meta-v .data{color:var(--text-3)}.dot{width:6px;height:6px;margin-right:var(--s-2);background:var(--accent);vertical-align:.05em;display:inline-block}.machine{grid-area:3/8/auto/span 5;place-self:start end;width:min(100%,300px)}.machine__stage{perspective:900px;width:235px;margin-left:auto;position:relative}.machine__button{cursor:pointer;width:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px), var(--shift-y,0px), 0);transform-origin:50% 85%;transition:transform var(--d-3) var(--ease-out);will-change:transform;display:block}.machine__svg{width:100%;height:auto}.m-line{fill:none;stroke:var(--text-3);stroke-width:1px;vector-effect:non-scaling-stroke}.m-hair{fill:none;stroke:var(--rule-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.m-screen{fill:var(--bg-elevated)}.m-glow-0{stop-color:var(--accent);stop-opacity:.16}.m-glow-1{stop-color:var(--accent);stop-opacity:0}.m-glow{transform:translate(var(--glow-x,0px), var(--glow-y,0px));transition:transform var(--d-4) var(--ease-out), opacity var(--d-4) var(--ease-out)}.m-pixel{fill:var(--text)}.m-eyes{transform:translate(var(--eye-x,0px), var(--eye-y,0px));transition:transform var(--d-2) var(--ease-out)}.m-eye{transform-box:fill-box;transform-origin:50%;transition:transform var(--d-1) var(--ease-out)}.m-mouth{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;transition:d var(--d-3) var(--ease-out)}.m-led{fill:var(--accent);transition:opacity var(--d-3) var(--ease-out)}.m-scan{fill:var(--accent);opacity:0}.machine[data-state=idle] .m-glow{opacity:.4}.machine[data-state=idle] .m-led{opacity:.45}.machine.is-blinking .m-eye,.machine.is-winking .m-eye--r{transform:scaleY(.14)}.machine.is-static .machine__button,.machine.is-static .m-eyes,.machine.is-static .m-eye,.machine.is-static .m-mouth,.machine.is-static .m-glow,.machine.is-static .m-led{transition:none}.machine__caption{align-items:baseline;gap:var(--s-2) var(--s-3);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.fig__chip{color:var(--text-2);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:1px 5px}.fig__name{color:var(--text-3)}.tel{gap:var(--s-3);width:100%;padding-top:var(--s-2);align-items:baseline;display:flex}.tel__k{color:var(--text-3)}.tel__pair{align-items:baseline;gap:var(--s-1);display:inline-flex}.tel__axis{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--text-3);font-weight:500}.tel__v{white-space:nowrap;font-family:var(--mono);font-size:var(--t-meta);font-variant-numeric:tabular-nums;color:var(--text-2);letter-spacing:.04em}.tel__v--state{color:var(--accent);text-transform:uppercase;margin-left:auto}.strip{padding-block:var(--s-4);border-bottom:1px solid var(--rule);display:grid}.strip__row{gap:var(--s-3);padding-block:var(--s-2);grid-template-columns:7rem minmax(0,1fr);align-items:baseline;display:grid}.strip__v{max-width:68ch;font-size:var(--t-caption);color:var(--text-2);text-wrap:pretty;line-height:1.55}.strip__v.data{color:var(--text-3)}.section{padding-block:var(--section-space);position:relative}.section:before{content:"";height:1px;inline-size:calc(((100% + var(--gutter)) / 12) * 8 - var(--gutter));background:var(--rule);transform-origin:0;position:absolute;top:0;left:0}.section__head{column-gap:var(--gutter);margin-bottom:var(--s-12);grid-template-columns:6rem minmax(0,1fr);display:grid}.section__num{color:var(--accent);padding-top:.5em}.section__title{font-size:var(--t-h2);font-weight:400;line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--text);text-wrap:balance}.section__body{padding-left:calc(6rem + var(--gutter))}.principles{column-gap:var(--s-8);border-top:1px solid var(--rule);grid-template-columns:minmax(0,max-content) minmax(0,1fr);display:grid}.principle{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--s-2);padding-block:var(--s-6);border-bottom:1px solid var(--rule);display:grid}@supports not (grid-template-columns:subgrid){.principles{display:block}.principle{grid-template-columns:minmax(0,20rem) minmax(0,1fr)}}.principle__name{font-family:var(--mono);font-size:var(--t-h3);letter-spacing:0;color:var(--text);font-weight:500;line-height:1.4}.principle__note{color:var(--text-2);max-width:46ch;font-size:.9375rem;line-height:1.55}.instruments{border-top:1px solid var(--rule)}.instrument-group{gap:var(--s-2) var(--s-8);padding-block:var(--s-4);border-bottom:1px solid var(--rule);grid-template-columns:11rem minmax(0,1fr);align-items:baseline;display:grid}.instrument-group dt{color:var(--text-3)}.instrument-group dd{color:var(--text-2);font-size:.9375rem;line-height:1.55}.section__note{max-width:52ch;margin-bottom:var(--s-6);color:var(--text-3);text-wrap:pretty;font-size:.9375rem;line-height:1.55}.section__note--lede{max-width:46ch;margin-bottom:var(--s-8);font-size:var(--t-lede);letter-spacing:var(--ls-lede);color:var(--text);line-height:1.5}.instrument-group b{color:var(--text);font-weight:400}.ledger{border-top:1px solid var(--rule)}.ledger__row{gap:var(--s-3) var(--s-8);min-height:60px;padding:var(--s-3) var(--s-2) var(--s-3) 0;border-bottom:1px solid var(--rule);grid-template-columns:11rem auto minmax(0,1fr);align-items:center;display:grid;position:relative}.ledger__row:before{content:"";left:calc(var(--s-4) * -1);background:var(--accent);opacity:0;width:6px;height:6px;transition:opacity var(--d-1) var(--ease-out);position:absolute;top:calc(50% - 3px)}.ledger__k{color:var(--text-3)}.ledger__v{font-family:var(--mono);font-size:var(--t-data);color:var(--text);overflow-wrap:anywhere;transition:color var(--d-1) var(--ease-out)}.arrow{width:9px;height:9px;color:var(--text-3);transition:color var(--d-1) var(--ease-out)}.arrow path{stroke:currentColor;stroke-width:1.25px;fill:none;vector-effect:non-scaling-stroke}.ledger__row .arrow{margin-left:calc(var(--s-8) * -1 + var(--s-3));justify-self:start}@media (hover:hover){.ledger__row:hover .ledger__v,.ledger__row:hover .arrow{color:var(--accent-hover)}.ledger__row:hover:before{opacity:1}}.ledger__row:focus-visible{outline-offset:2px}.ledger__row:focus-visible:before{opacity:1}.colophon{justify-content:space-between;gap:var(--s-2) var(--s-8);padding-block:var(--s-6) var(--s-16);border-top:1px solid var(--rule);color:var(--text-3);flex-wrap:wrap;display:flex}@keyframes boot-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes boot-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes boot-clip{0%{clip-path:inset(100% 0 -.16em)}to{clip-path:inset(-.16em 0)}}@keyframes boot-fade{0%{opacity:0}to{opacity:1}}@keyframes boot-scan{0%{opacity:.75;transform:translateY(0)}99%{opacity:.75;transform:translateY(119px)}to{opacity:0;transform:translateY(119px)}}@keyframes guides-out{to{opacity:0}}@media (prefers-reduced-motion:no-preference){.mark,.nav__link,.hero__corner{animation:boot-rise var(--d-2) var(--ease-out) .12s both}.hero__rule{animation:boot-rule .32s var(--ease-out) both}.hero__name span{animation:boot-clip var(--d-4) var(--ease-out) both}.hero__name span:first-child{animation-delay:.22s}.hero__name span:nth-child(2){animation-delay:.3s}.hero__thesis{animation:boot-rise var(--d-3) var(--ease-out) .42s both}.hero__meta .meta-row{animation:boot-rise var(--d-3) var(--ease-out) both}.hero__meta .meta-row:first-child{animation-delay:.44s}.hero__meta .meta-row:nth-child(2){animation-delay:.5s}.hero__meta .meta-row:nth-child(3){animation-delay:.56s}.hero__meta .meta-row:nth-child(4){animation-delay:.62s}.machine__button{animation:boot-fade var(--d-3) var(--ease-out) .46s both}.m-screen,.m-glow{animation:boot-fade var(--d-3) var(--ease-out) .52s both}.m-scan{animation:.42s linear .52s both boot-scan}.machine__caption{animation:boot-rise var(--d-3) var(--ease-out) .66s both}.tel{animation:boot-fade var(--d-3) var(--ease-out) .72s both}.js .reveal{opacity:0;transition:opacity var(--d-3) var(--ease-out), transform var(--d-3) var(--ease-out);transform:translateY(6px)}.js .reveal.is-visible{opacity:1;transform:none}.js .section:before{transition:transform .32s var(--ease-out);transform:scaleX(0)}.js .section.is-visible:before{transform:scaleX(1)}}@media (width>=1024px) and (height<=820px){.hero{row-gap:var(--s-6);padding-block:var(--s-6) var(--s-4)}.hero__name{padding-bottom:var(--s-5)}.machine{margin-bottom:0}.machine__stage{width:172px}.machine__caption{margin-top:var(--s-3)}}@media (width<=1023px){.hero{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:repeat(8,minmax(0,1fr))}.hero__guides{background-size:calc((100% + var(--gutter)) / 8) 100%}.hero__name{grid-area:1/1/auto/span 8}.hero__thesis{grid-area:2/1/auto/span 6;align-self:start}.hero__rule{grid-area:3/1/auto/span 8}.hero__meta{column-gap:var(--gutter);grid-area:4/1/auto/span 8;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.machine{grid-area:5/4/auto/span 5;align-self:end}.machine__stage{width:172px}.section__head{margin-bottom:var(--s-8);grid-template-columns:4.5rem minmax(0,1fr)}.section__body{padding-left:calc(4.5rem + var(--gutter))}.section:before{inline-size:calc(((100% + var(--gutter)) / 8) * 6 - var(--gutter))}.principle{grid-template-columns:minmax(0,16rem) minmax(0,1fr)}}@media (width<=639px){.hero{row-gap:var(--s-6);padding-block:var(--s-12) var(--s-8);grid-template-rows:repeat(5,auto);grid-template-columns:repeat(4,minmax(0,1fr));min-height:0}.hero__guides,.hero__corner{display:none}.hero__name{grid-area:1/1/auto/span 4;font-size:clamp(2.5rem,13vw,3.5rem)}.hero__thesis{grid-area:2/1/auto/span 4;align-self:start;max-width:none}.hero__rule{grid-area:3/1/auto/span 4}.machine{grid-area:5/1/auto/span 4;justify-self:end;width:175px}.machine__stage{width:124px}.machine__caption{margin-top:var(--s-3);gap:var(--s-1) var(--s-2)}.tel{display:none}.hero__meta{grid-area:4/1/auto/span 4;grid-template-columns:minmax(0,1fr)}.meta-row{gap:var(--s-1);grid-template-columns:minmax(0,1fr)}.nav{gap:var(--s-4)}.section__head{gap:var(--s-3);margin-bottom:var(--s-8);grid-template-columns:minmax(0,1fr)}.section__num{padding-top:0}.section__body{padding-left:0}.section:before{inline-size:100%}.principle,.instrument-group{grid-template-columns:minmax(0,1fr)}.ledger__row{gap:var(--s-1) var(--s-3);min-height:0;padding-block:var(--s-4);grid-template-columns:auto minmax(0,1fr)}.ledger__k{grid-column:1/-1}.ledger__row .arrow{margin-left:0}.ledger__row:before{left:calc(var(--s-3) * -1)}.colophon{justify-content:flex-start;gap:var(--s-2) var(--s-6);padding-bottom:var(--s-12)}}@media (width<=400px){.nav__link[data-optional]{display:none}}