@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";
.markdown-class{color:var(--text);overflow-wrap:anywhere;font-family:Geist,Arial,sans-serif;font-size:clamp(1rem,.95rem + .3vw,1.12rem);font-weight:300;line-height:1.72}.markdown-class>*+*{margin-block-start:1.55rem}.markdown-class h1,.markdown-class h2,.markdown-class h3,.markdown-class h4{color:var(--text);letter-spacing:-.045em;font-family:Geist,Arial,sans-serif;font-weight:300;line-height:1.05}.markdown-class h1,.markdown-class h2{margin-block-start:4rem;font-size:clamp(2.2rem,5vw,3.5rem)}.markdown-class h3{margin-block-start:3rem;font-size:clamp(1.45rem,3vw,2rem)}.markdown-class h4{font-size:1.2rem}.markdown-class p{color:var(--text-muted)}.markdown-class strong{color:var(--text);font-weight:500}.markdown-class a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.markdown-class ul,.markdown-class ol{color:var(--text-muted);padding-inline-start:1.5rem}.markdown-class ul{list-style:outside}.markdown-class ol{list-style:decimal}.markdown-class li+li{margin-block-start:.45rem}.markdown-class blockquote{border-inline-start:.45rem solid var(--orange);background:var(--surface);color:var(--text);margin-inline:0;padding:1.25rem;font-size:1.08em}.markdown-class blockquote p{color:var(--text)}.markdown-class hr{border:0;border-block-start:1px solid var(--line);margin-block:3rem}.markdown-class img{border-radius:0;width:100%;height:auto;margin-block:2.5rem;box-shadow:none!important;border:0!important;outline:0!important}.markdown-class :not(pre)>code{background:var(--surface-2);color:var(--text);padding:.18em .4em;font-family:Space Mono,monospace;font-size:.78em}.markdown-class pre{max-width:100%;overflow-x:auto;box-shadow:none!important;background:#0f0e12!important;border:0!important;border-radius:0!important;margin-block:2rem!important}.markdown-class pre code{color:#f5f5f5!important}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Space Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:375px){.container{max-width:375px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1440px){.container{max-width:1440px}}.visible{visibility:visible}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-12{top:3rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-20{margin-top:5rem;margin-bottom:5rem}.mb-4{margin-bottom:1rem}.ml-10{margin-left:2.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.grid{display:grid}.aspect-\[16\/10\]{aspect-ratio:16/10}.h-96{height:24rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-1\/5{width:20%}.w-4\/5{width:80%}.w-full{width:100%}.w-screen{width:100vw}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-none{cursor:none}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.pl-5{padding-left:1.25rem}.pt-4{padding-top:1rem}.font-display{font-family:Geist,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.text-\[color\:var\(--accent\)\]{color:var(--accent)}.text-\[color\:var\(--text-muted\)\]{color:var(--text-muted)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--surface:#f5f5f5;--surface-2:#e5e5e5;--text:#0f0e12;--text-muted:#626262;--line:#c9c9c9;--accent:#0071bb;--accent-hover:#005c99;--orange:#f05a24;--yellow:#fab413;--green:#006837;--focus:#0071bb;--button:#0f0e12;--button-text:#f5f5f5;--unit:clamp(.75rem, 1.02vw, 1.1rem)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f0e12;--surface:#272727;--surface-2:#3b3b3b;--text:#f5f5f5;--text-muted:#b2b2b2;--line:#4d4d4d;--accent:#42a7e4;--accent-hover:#78c6f2;--focus:#fab413;--button:#f5f5f5;--button-text:#0f0e12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:0;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,Arial,sans-serif;font-weight:300;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;height:auto;display:block}img{box-shadow:none!important;border:0!important;outline:0!important}button{border:0!important}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-shell{min-height:100vh}.site-container{width:min(100% - 2rem,96rem);margin-inline:auto}.reading-container{width:min(100% - 2rem,49rem);margin-inline:auto}.font-display,.font-body{letter-spacing:-.035em;font-family:Geist,Arial,sans-serif}.font-mono{font-family:Space Mono,ui-monospace,monospace}.eyebrow{letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:.625rem;font-weight:400;line-height:1.4}.skip-link{z-index:100;background:var(--button);color:var(--button-text);padding:.75rem 1rem;position:fixed;inset-block-start:-5rem;inset-inline-start:1rem}.skip-link:focus{inset-block-start:1rem}.site-header{z-index:40;background:color-mix(in srgb, var(--background) 94%, transparent);border-block-end:1px solid var(--line);-webkit-backdrop-filter:blur(14px);position:sticky;inset-block-start:0}.site-header-inner{grid-template-columns:minmax(11rem,1.5fr) minmax(32rem,5fr) auto;align-items:stretch;min-height:clamp(4.75rem,7vw,6.5rem);display:grid}.site-brand{align-items:center;min-height:48px;padding-inline-end:1rem;display:flex}.journal-mark{grid-template-columns:repeat(3,.72rem);gap:.25rem;display:grid;transform:rotate(-12deg)}.journal-mark i{aspect-ratio:1;background:var(--orange);border-radius:50%}.journal-mark i:nth-child(2){background:var(--yellow)}.journal-mark i:nth-child(3){background:var(--accent)}.brand-copy{min-width:0;line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.035em;font-size:1rem;font-weight:500}.desktop-navigation{border-inline-start:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.desktop-navigation a{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:48px;padding:.8rem 1rem;font-size:clamp(.75rem,.95vw,.95rem);display:flex;position:relative}.desktop-navigation a:first-child,.mobile-navigation a:first-child{--sector-color:var(--accent)}.desktop-navigation a:nth-child(2),.mobile-navigation a:nth-child(2){--sector-color:var(--orange)}.desktop-navigation a:nth-child(3),.mobile-navigation a:nth-child(3){--sector-color:var(--yellow)}.desktop-navigation a:nth-child(4),.mobile-navigation a:nth-child(4){--sector-color:var(--green)}.desktop-navigation a small,.mobile-navigation a small{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.55rem}.desktop-navigation a:after{content:"";background:0 0;height:.3rem;position:absolute;inset-block-end:0;inset-inline:0}.desktop-navigation a:hover,.desktop-navigation a:focus-visible{background:var(--surface)}.desktop-navigation a:hover:after,.desktop-navigation a:focus-visible:after,.desktop-navigation a[aria-current=page]:after{background:var(--sector-color)}.header-actions{align-items:stretch;display:flex}.theme-toggle,.menu-toggle{min-width:5.5rem;min-height:48px;color:var(--text);text-transform:lowercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.55rem;font-family:Space Mono,monospace;font-size:.625rem;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible,.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--surface)}.theme-indicator{aspect-ratio:1;background:var(--text);border-radius:50%;width:.62rem}.menu-toggle{display:none}.mobile-navigation{background:var(--text);color:var(--background)}.mobile-navigation .site-container{display:grid}.mobile-navigation a{border-block-end:1px solid color-mix(in srgb, var(--background) 22%, transparent);border-inline-start:.35rem solid #0000;justify-content:space-between;align-items:center;min-height:4rem;padding-inline:1rem;font-size:1.1rem;display:flex}.mobile-navigation a:hover,.mobile-navigation a:focus-visible,.mobile-navigation a[aria-current=page]{border-inline-start-color:var(--sector-color);background:color-mix(in srgb, var(--sector-color) 22%, transparent)}.button-primary,.button-secondary{appearance:none;text-transform:lowercase;cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;gap:1.25rem;min-height:48px;padding:.8rem 1rem;font-family:Space Mono,ui-monospace,monospace;font-size:.625rem;font-weight:400;transition:background-color .15s,color .15s,transform .15s;display:inline-flex;border:0!important}.button-primary{background:var(--button);color:var(--button-text)}.button-primary:hover,.button-primary:focus-visible{background:var(--orange);color:#0f0e12}.button-secondary{background:var(--surface-2);color:var(--text)}.button-secondary:hover,.button-secondary:focus-visible{background:var(--yellow);color:#0f0e12}.button-primary:active,.button-secondary:active{transform:scale(.98)}.text-link{text-underline-offset:.18em;align-items:center;gap:.75rem;min-height:48px;font-size:.8rem;text-decoration:underline;display:inline-flex}.text-link:hover,.text-link:focus-visible{color:var(--accent)}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:square;stroke-linejoin:miter;width:1.1em;height:1.1em;transform:rotate(var(--arrow-rotation,0deg));transform-origin:50%;flex:none;display:inline-block;overflow:visible}.glass-panel,.page-intro-glass{background:var(--surface);box-shadow:none;border:0;border-radius:0!important}.glass-lift{transition:background-color .15s}.glass-lift:hover,.glass-lift:focus-within{background:var(--surface-2)}.glass-chip{background:var(--surface-2);border:0;border-radius:0;padding:.5rem .75rem}.glass-media{box-shadow:none;border:0;border-radius:0!important}.section-rule{border-color:var(--line)}.journal-hero{border-inline-start:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(18rem,.82fr);min-height:min(46rem,100vh - 6rem);padding-block:0;display:grid}.journal-hero-copy{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3vw,3.25rem);display:flex}.journal-hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:66rem;margin-block:clamp(2rem,6vh,5rem);font-size:clamp(3.3rem,7.3vw,7.6rem);font-weight:300;line-height:.88}.journal-hero-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid}.journal-hero-intro{max-width:36rem;color:var(--text-muted);margin:0;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.45}.journal-hero-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.journal-machine{background:var(--surface-2);gap:.85rem;min-height:31rem;padding:clamp(1.25rem,2.25vw,2.5rem);display:grid;position:relative;overflow:hidden}.machine-display{color:#fab413;background:#0f0e12;justify-content:space-between;padding:.85rem;font-family:Space Mono,monospace;font-size:.58rem;display:flex}.machine-display strong{color:#f05a24;font-weight:400}.techno-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.techno-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.65rem,2.5vw,2.4rem);font-weight:300;line-height:.95}.techno-bpm-readout{color:var(--text-muted);flex:none;font-family:Space Mono,monospace;font-size:.625rem}.techno-transport{grid-template-columns:minmax(6.5rem,.65fr) minmax(0,1.35fr);gap:.75rem;display:grid}.techno-play{background:var(--text);min-height:5.1rem;color:var(--background);text-transform:uppercase;cursor:pointer;align-content:center;justify-items:start;gap:.45rem;padding:.8rem;font-family:Space Mono,monospace;font-size:.7rem;display:grid}.techno-play span{color:var(--yellow);font-size:1.1rem;line-height:1}.techno-play:hover,.techno-play:focus-visible,.techno-play[aria-pressed=true]{background:var(--orange);color:#0f0e12}.techno-play[aria-pressed=true] span{color:#0f0e12}.techno-controls{background:var(--background);text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:.35rem .7rem;padding:.6rem .75rem;font-family:Space Mono,monospace;font-size:.55rem;display:grid}.techno-controls label{color:var(--text-muted);justify-content:space-between;gap:.7rem;display:flex}.techno-controls output{color:var(--text)}.techno-controls input{width:100%;min-width:0;accent-color:var(--accent)}.techno-presets{border:0;min-width:0;margin:0;padding:0}.techno-presets legend{color:var(--text-muted);text-transform:uppercase;margin-block-end:.4rem;font-family:Space Mono,monospace;font-size:.55rem}.techno-presets>div{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.techno-presets button{background:var(--background);min-height:44px;color:var(--text);text-align:start;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .6rem;font-family:Space Mono,monospace;font-size:.58rem;display:flex}.techno-presets button small{color:var(--text-muted);font-size:.52rem}.techno-presets button:hover,.techno-presets button:focus-visible,.techno-presets button[aria-pressed=true]{background:var(--accent);color:#fff}.techno-presets button[aria-pressed=true] small{color:#ffffffbf}.techno-editor{min-width:0}.techno-editor--mobile{display:none}.techno-sequencer{gap:.5rem;display:grid}.techno-track{--track-color:var(--accent);grid-template-columns:3.7rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.techno-track[data-track=hat]{--track-color:var(--yellow)}.techno-track[data-track=bass]{--track-color:var(--orange)}.techno-track[data-track=stab]{--track-color:var(--green)}.techno-track-name{color:var(--text);text-transform:uppercase;gap:.25rem;font-family:Space Mono,monospace;font-size:.55rem;display:grid}.techno-track-name button{min-height:1.55rem;color:var(--text-muted);text-align:start;text-underline-offset:.16em;cursor:pointer;background:0 0;padding:0;font-family:inherit;font-size:.5rem;text-decoration:underline}.techno-track-name button:hover,.techno-track-name button:focus-visible,.techno-track-name button[aria-pressed=true]{color:var(--track-color)}.techno-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:.2rem;min-width:0;display:grid}.techno-steps button{background:var(--background);min-width:0;min-height:1.55rem;color:var(--text-muted);cursor:pointer;place-items:center;padding:0;font-family:Space Mono,monospace;font-size:clamp(.36rem,.65vw,.5rem);transition:transform .12s,background-color .12s,color .12s;display:grid}.techno-steps button:nth-child(4n+1){border-inline-start:1px solid var(--line)!important}.techno-steps button:hover,.techno-steps button:focus-visible{background:color-mix(in srgb, var(--track-color) 30%, var(--background));color:var(--text);transform:translateY(-1px)}.techno-steps button.is-active{background:var(--track-color);color:#0f0e12}.techno-steps button.is-current{box-shadow:inset 0 0 0 2px #0f0e12}.techno-status{min-height:1.2rem;color:var(--text-muted);margin:0;font-family:Space Mono,monospace;font-size:.52rem;line-height:1.35}.journal-section{border-block-start:1px solid var(--line);border-inline:1px solid var(--line);padding-block:0}.journal-section-heading{grid-template-columns:1fr 1fr;align-items:end;min-height:11rem;margin:0;display:grid}.journal-section-heading>div,.journal-section-heading>a,.journal-section-heading>p{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem;display:flex}.journal-section-heading>a{justify-content:flex-end;align-items:flex-end}.journal-section-heading h2,.journal-about h2,.about-page h2,.site-footer h2{letter-spacing:-.065em;margin:auto 0 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:300;line-height:.95}.compact-heading>div+p{color:var(--text-muted);margin:0;font-size:1rem}.journal-list{margin:0;padding:0;list-style:none}.journal-list>li{border-block-start:1px solid var(--line)}.journal-list>li:last-child{border-block-end:1px solid var(--line)}.journal-row{grid-template-columns:11rem minmax(0,1fr) 4rem;align-items:stretch;min-height:11rem;display:grid;position:relative}.journal-row>*{border-inline-end:1px solid var(--line);padding:1.25rem}.journal-row-meta{color:var(--text-muted);text-transform:lowercase;flex-direction:column;justify-content:space-between;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.journal-row-meta span{color:var(--accent)}.journal-row h3{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.6vw,3.75rem);font-weight:300;line-height:.98}.journal-row h3 a{align-items:center;min-height:44px;display:inline-flex}.journal-row h3 a:hover,.journal-row h3 a:focus-visible{color:var(--accent);text-underline-offset:.12em;text-decoration:underline}.journal-row p{max-width:44rem;color:var(--text-muted);margin-block:.8rem 0;font-size:.875rem;line-height:1.5}.journal-row-arrow{background:var(--surface);place-items:center;min-width:48px;min-height:100%;font-size:1.1rem;display:grid}.journal-row-arrow:hover,.journal-row-arrow:focus-visible{background:var(--yellow);color:#0f0e12}.topic-list{border-block-start:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.topic-list li{border-inline-end:1px solid var(--line);min-width:0}.topic-list a{background:var(--surface);letter-spacing:-.045em;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:13rem;padding:1.25rem;font-size:clamp(1.5rem,2.8vw,3rem);font-weight:300;display:flex}.topic-list li:nth-child(4n+1) a{background:var(--accent);color:#fff}.topic-list li:nth-child(4n+2) a{background:var(--orange);color:#0f0e12}.topic-list li:nth-child(4n+3) a{background:var(--yellow);color:#0f0e12}.topic-list li:nth-child(4n+4) a{background:var(--green);color:#fff}.topic-list a:hover,.topic-list a:focus-visible{filter:brightness(1.08)}.journal-about{border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line);grid-template-columns:1fr 2fr;gap:0;min-height:22rem;padding-block:0;display:grid}.journal-about>*{border-inline-end:1px solid var(--line);padding:1.25rem}.journal-about>div{flex-direction:column;justify-content:space-between;max-width:none;display:flex}.journal-about>div>p{max-width:48rem;color:var(--text-muted);font-size:1rem;line-height:1.5}.logo-lab{border-inline-start:1px solid var(--line);padding-block:0 clamp(4rem,8vw,8rem)}.logo-lab-header{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:28rem;padding:1.25rem;display:flex}.logo-lab-header h1{letter-spacing:-.075em;text-wrap:balance;max-width:60rem;margin:auto 0 1.5rem;font-size:clamp(3.5rem,7vw,7rem);font-weight:300;line-height:.88}.logo-lab-header>p:last-child{max-width:40rem;color:var(--text-muted);margin:0}.logo-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.logo-concept-grid>li{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);min-width:0}.logo-concept{grid-template-columns:minmax(12rem,1fr) minmax(0,1fr);min-height:25rem;display:grid}.logo-concept-stage{background:var(--surface);place-items:center;padding:2rem;display:grid}.logo-concept-stage img{aspect-ratio:1;width:min(78%,13rem)}.logo-concept-copy{border-inline-start:1px solid var(--line);flex-direction:column;min-width:0;padding:1.25rem;display:flex}.logo-concept-copy h2{letter-spacing:-.06em;margin-block:auto 1rem;font-size:clamp(2rem,3vw,3.25rem);font-weight:300;line-height:.95}.logo-concept-copy p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.logo-size-test{align-items:flex-end;gap:.75rem;min-height:48px;margin-block-start:1.5rem;display:flex}.logo-size-test img{flex:none}.projects-section{scroll-margin-top:7rem}.project-archive-page{padding-block-end:clamp(4rem,8vw,7rem)}.journal-page-header.project-page-header{border-block-end:1px solid var(--line)}.journal-page-header.project-page-header:after{content:"PROJECTS\a INDEX";background:var(--yellow);color:#0f0e12}.project-index-grid{border-block-start:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.project-index-grid>li{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);min-width:0}.project-index-card{grid-template-rows:auto auto 1fr;height:100%;min-height:34rem;padding:1.25rem;transition:background-color .15s;display:grid;position:relative;overflow:hidden}.project-index-card:hover,.project-index-card:focus-visible{background:var(--surface)}.project-index-meta{color:var(--text-muted);text-transform:lowercase;justify-content:space-between;gap:1rem;font-family:Space Mono,monospace;font-size:.55rem;line-height:1.4;display:flex}.project-index-meta span:last-child{text-align:end;max-width:12rem}.project-index-visual{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);width:100%;margin-block:1.5rem;position:relative;overflow:hidden}.project-index-image{-o-object-fit:contain;object-fit:contain;padding:clamp(.75rem,1.5vw,1.25rem)}.project-index-image--7{transform:scale(.95)}.project-index-placeholder{background:var(--background);flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem;display:flex}.project-index-placeholder small{color:var(--text-muted);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.55rem}.project-index-placeholder strong{max-width:100%;color:var(--text);letter-spacing:-.075em;overflow-wrap:anywhere;align-self:flex-end;font-size:clamp(3rem,6vw,6rem);font-weight:300;line-height:.85}.project-index-copy{align-self:end;padding-inline-end:1.5rem}.project-index-copy h3{letter-spacing:-.055em;margin:0;font-size:clamp(1.8rem,2.5vw,2.75rem);font-weight:300;line-height:.95}.project-index-copy p{color:var(--text-muted);margin-block:.75rem 0;font-size:.8rem;line-height:1.5}.project-index-arrow{width:1.25rem;height:1.25rem;color:var(--text);place-items:center;display:grid;position:absolute;inset-block-end:1.25rem;inset-inline-end:1.25rem}.project-index-arrow .arrow-icon{width:100%;height:100%}.journal-page{border-inline:1px solid var(--line);padding-block:0 5rem}.journal-page-header{grid-template-columns:2fr 1fr;max-width:none;min-height:29rem;display:grid;position:relative}.journal-page-header>*{grid-column:1;padding-inline:1.25rem}.journal-page-header>.eyebrow{padding-block-start:1.25rem}.journal-page-header:after{content:"JOURNAL\a 001";white-space:pre;background:var(--orange);color:#0f0e12;grid-area:1/2/span 3;padding:1.25rem;font-family:Space Mono,monospace;font-size:clamp(1rem,2vw,2rem)}.journal-page-header h1,.about-intro h1,.article-header h1{letter-spacing:-.075em;text-wrap:balance;margin-block:auto 1.5rem;font-size:clamp(3.5rem,7.5vw,7.8rem);font-weight:300;line-height:.88}.journal-page-header>p:last-of-type{max-width:44rem;color:var(--text-muted);margin-block-end:1.25rem;font-size:1rem}.journal-topic-index{border-block-start:1px solid var(--line);scroll-margin-top:7rem}.journal-topic-heading{grid-template-columns:1fr 1fr;min-height:10rem;display:grid}.journal-topic-heading>*{border-inline-end:1px solid var(--line);min-width:0;margin:0;padding:1.25rem}.journal-topic-heading>div{flex-direction:column;justify-content:space-between;display:flex}.journal-topic-heading h2{letter-spacing:-.055em;margin:2rem 0 0;font-size:clamp(2.25rem,4vw,4rem);font-weight:300;line-height:.95}.journal-topic-heading>p{color:var(--text-muted);align-items:flex-end;font-size:.875rem;line-height:1.5;display:flex}.topic-filter{background:var(--line);flex-wrap:wrap;gap:1px;margin:0;padding:1px 0;display:flex}.topic-filter a{background:var(--background);text-transform:lowercase;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.625rem;display:inline-flex}.topic-filter a:hover,.topic-filter a:focus-visible,.topic-filter a[aria-current=page]{background:var(--text);color:var(--background)}.archive-heading{border-block-start:1px solid var(--line);justify-content:space-between;align-items:flex-end;min-height:6rem;padding:1.25rem;display:flex}.archive-heading h2{letter-spacing:-.055em;margin:0;font-size:2.5rem;font-weight:300}.archive-heading p{color:var(--text-muted);text-transform:lowercase;font-family:Space Mono,monospace;font-size:.625rem}.journal-empty{background:var(--surface);color:var(--text-muted);padding:2rem}.inline-tags{color:var(--text-muted);flex-wrap:wrap;gap:.5rem .75rem;margin-block:1rem 0;font-family:Space Mono,monospace;font-size:.625rem;list-style:none;display:flex;border:0!important;padding:0!important}.article-page{padding-block:0 clamp(4rem,9vw,8rem)}.article-layout{border-inline-start:1px solid var(--line)}.article-hero{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(17rem,.72fr);min-height:min(40rem,100vh - 6rem);display:grid}.article-header{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:1.25rem;display:flex}.article-title-block{margin-block-start:clamp(5rem,14vh,10rem)}.article-header h1{margin-block:0 1.5rem;font-size:clamp(3.7rem,7vw,7rem)}.article-header .article-title-block>p{max-width:50rem;color:var(--text-muted);margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem)}.article-index{background:var(--accent);color:#fff;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.article-index-label{text-transform:uppercase;font-family:Space Mono,monospace;font-size:.625rem}.article-index dl{margin:auto 0 2rem}.article-index dl>div{border-block-start:1px solid #ffffff6b;grid-template-columns:5rem minmax(0,1fr);gap:1rem;padding-block:.9rem;display:grid}.article-index dl>div:last-child{border-block-end:1px solid #ffffff6b}.article-index dt{text-transform:lowercase;font-family:Space Mono,monospace;font-size:.55rem}.article-index dd{text-align:end;margin:0;font-size:.8rem}.article-index>a{text-transform:lowercase;justify-content:space-between;align-items:center;min-height:48px;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.article-index>a:hover,.article-index>a:focus-visible{color:var(--yellow)}.article-cover{border:0;border-block-end:1px solid var(--line);border-radius:0;margin:0;overflow:hidden}.article-cover img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.article-body{padding-block-start:clamp(3.5rem,8vw,7rem)}.article-back{border-block:1px solid var(--line);text-transform:lowercase;justify-content:space-between;align-items:center;min-height:52px;margin-block-start:clamp(4rem,8vw,7rem);font-family:Space Mono,monospace;font-size:.625rem;display:flex}.article-back:hover,.article-back:focus-visible{color:var(--accent)}.about-page{border-inline-start:1px solid var(--line);padding-block:0}.about-intro{grid-template-rows:minmax(18rem,1fr) auto;grid-template-columns:1.6fr 1fr;max-width:none;min-height:38rem;display:grid}.about-intro>.eyebrow,.about-intro>h1{grid-column:1;padding-inline:1.25rem}.about-intro>.eyebrow{padding-block-start:1.25rem}.about-intro>h1{grid-row:2;margin-block:auto 1.25rem}.about-portrait{border-inline-start:1px solid var(--line);grid-area:1/2;min-height:18rem;margin:0;overflow:hidden}.about-portrait img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 38%;object-position:center 38%;width:100%;height:100%;display:block}.about-lede{background:var(--yellow);color:#0f0e12;flex-direction:column;grid-area:2/2;justify-content:flex-end;max-width:none;margin:0;padding:1.25rem;display:flex}.about-lede p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.45}.about-lede p+p{margin-block-start:1.25rem}.about-interests,.professional-background{border-block-start:1px solid var(--line);grid-template-columns:1fr 2fr;gap:0;padding:0;display:grid}.about-interests>*,.professional-background>*{border-inline-end:1px solid var(--line);padding:1.25rem}.about-interests ul{margin:0;padding:0;list-style:none}.about-interests li{border-block-start:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 1.25rem;display:grid}.about-interests li:last-child{border-block-end:1px solid var(--line)}.about-interests li>span{color:var(--accent);padding-block-start:.3rem;font-family:Space Mono,monospace;font-size:.625rem;line-height:1}.about-interests h3{letter-spacing:-.04em;margin:0;font-size:1.7rem;font-weight:300}.about-interests li p,.professional-background>div:last-child>p{color:var(--text-muted);margin-block:.4rem 0;font-size:.95rem}.about-links{margin-block-start:2rem;display:grid}.about-links a{border-block-start:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;display:flex}.about-links a:last-child{border-block-end:1px solid var(--line)}.about-links a:hover,.about-links a:focus-visible{color:var(--accent)}.professional-projects{margin-block-start:3rem}.professional-projects ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:1rem 0;padding:0;list-style:none;display:flex}.professional-projects a{min-height:48px;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.professional-projects a:hover,.professional-projects a:focus-visible{color:var(--accent)}.resume-page{border-inline-start:1px solid var(--line);padding-block:0}.resume-hero{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(19rem,.8fr);min-height:min(44rem,100vh - 6rem);display:grid}.resume-hero-copy{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:1.25rem;display:flex}.resume-hero-copy>div{margin-block-start:clamp(5rem,16vh,11rem)}.resume-hero h1{letter-spacing:-.08em;text-wrap:balance;margin:0;font-size:clamp(4rem,8.5vw,8.5rem);font-weight:300;line-height:.86}.resume-role{color:var(--accent);text-transform:uppercase;margin-block:1.5rem 0;font-family:Space Mono,monospace;font-size:.7rem}.resume-summary{max-width:52rem;color:var(--text-muted);margin-block:1.5rem 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.resume-contact{background:var(--yellow);color:#0f0e12;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.resume-contact dl{margin:auto 0 2rem}.resume-contact dl>div{border-block-start:1px solid #0f0e1259;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding-block:.9rem;display:grid}.resume-contact dl>div:last-child{border-block-end:1px solid #0f0e1259}.resume-contact dt{text-transform:lowercase;font-family:Space Mono,monospace;font-size:.55rem}.resume-contact dd{overflow-wrap:anywhere;text-align:end;min-width:0;margin:0;font-size:.8rem}.resume-contact dd a{justify-content:flex-end;align-items:center;min-height:44px;display:inline-flex}.resume-contact dd a:hover,.resume-contact dd a:focus-visible{text-underline-offset:.18em;text-decoration:underline}.resume-contact-link{text-transform:lowercase;justify-content:space-between;align-items:center;min-height:48px;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.resume-section{border-block-end:1px solid var(--line);grid-template-columns:minmax(15rem,.75fr) minmax(0,2fr);display:grid}.resume-section>header{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:19rem;padding:1.25rem;display:flex}.resume-section>header h2,.resume-profile h2{letter-spacing:-.065em;text-wrap:balance;margin:auto 0 0;font-size:clamp(2.5rem,4.5vw,4.75rem);font-weight:300;line-height:.95}.resume-experience-list,.resume-system-list{margin:0;padding:0;list-style:none}.resume-experience-list>li+li,.resume-system-list>li+li{border-block-start:1px solid var(--line)}.resume-experience{grid-template-columns:11rem minmax(0,1fr);min-height:19rem;display:grid}.resume-experience>*{padding:1.25rem}.resume-entry-meta{border-inline-end:1px solid var(--line);color:var(--text-muted);text-transform:lowercase;flex-direction:column;justify-content:space-between;font-family:Space Mono,monospace;font-size:.6rem;display:flex}.resume-entry-meta span:last-child{color:var(--accent)}.resume-experience h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.65rem,2.8vw,2.75rem);font-weight:300;line-height:1}.resume-experience ul{color:var(--text-muted);margin-block:1.5rem 0;padding-inline-start:1.2rem;font-size:.9rem;line-height:1.6}.resume-experience li+li{margin-block-start:.65rem}.resume-system-row{grid-template-columns:4.5rem minmax(0,1fr) minmax(10rem,.5fr);min-height:12rem;display:grid}.resume-system-row>*{border-inline-end:1px solid var(--line);min-width:0;padding:1.25rem}.resume-system-row>span{color:var(--accent);font-family:Space Mono,monospace;font-size:.625rem}.resume-system-row h3{letter-spacing:-.055em;margin:0;font-size:clamp(1.7rem,3vw,3rem);font-weight:300;line-height:.98}.resume-system-row p{max-width:42rem;color:var(--text-muted);margin-block:.8rem 0;font-size:.8rem;line-height:1.5}.resume-system-metric{color:var(--text-muted);flex-direction:column;justify-content:space-between;font-family:Space Mono,monospace;font-size:.58rem;line-height:1.45;display:flex}.resume-system-metric i{color:var(--text);align-self:flex-end;font-size:1rem;font-style:normal}.resume-experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.resume-experiment-grid>li{border-inline-end:1px solid var(--line);min-width:0}.resume-experiment-grid a{background:var(--surface);flex-direction:column;justify-content:space-between;min-height:24rem;padding:1.25rem;transition:background-color .15s;display:flex}.resume-experiment-grid li:nth-child(2) a{background:var(--accent);color:#fff}.resume-experiment-grid li:nth-child(2) a p{color:#ffffffc2}.resume-experiment-grid li:nth-child(3) a{background:var(--orange);color:#0f0e12}.resume-experiment-grid li:nth-child(3) a p{color:#0f0e12b8}.resume-experiment-grid a:hover,.resume-experiment-grid a:focus-visible{filter:brightness(1.07)}.resume-experiment-grid h3{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3vw,3.25rem);font-weight:300;line-height:.95}.resume-experiment-grid p{color:var(--text-muted);margin-block:.9rem 0;font-size:.8rem;line-height:1.5}.resume-education{grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);min-height:19rem;display:grid}.resume-education>*{margin:0;padding:1.25rem}.resume-education>div{border-inline-end:1px solid var(--line)}.resume-education h3{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:300;line-height:.95}.resume-education div p{color:var(--accent);font-family:Space Mono,monospace;font-size:.625rem}.resume-education>p{color:var(--text-muted);font-size:1rem;line-height:1.6}.resume-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resume-skills-grid article{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);min-height:15rem;padding:1.25rem}.resume-skills-grid h3{letter-spacing:-.04em;margin-block:2.5rem 1rem;font-size:1.4rem;font-weight:300}.resume-skills-grid ul{color:var(--text-muted);margin:0;padding:0;font-family:Space Mono,monospace;font-size:.6rem;line-height:1.55;list-style:none}.resume-skills-grid li+li{margin-block-start:.35rem}.resume-profile{border-block-end:1px solid var(--line);grid-template-columns:minmax(15rem,.75fr) minmax(0,2fr);min-height:24rem;display:grid}.resume-profile>*{border-inline-end:1px solid var(--line);margin:0;padding:1.25rem}.resume-profile>div{flex-direction:column;justify-content:space-between;display:flex}.resume-profile>p{color:var(--text-muted);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55}.project-page{padding-block:0 clamp(4rem,8vw,8rem)}.project-detail{border-inline:1px solid var(--line);border-block-end:1px solid var(--line)}.project-hero{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1.55fr) minmax(21rem,1fr);min-height:min(43rem,100vh - 6rem);display:grid}.project-hero-copy{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:1.25rem;display:flex}.project-hero-copy>div{margin-block-start:clamp(4rem,12vh,9rem)}.project-type{color:var(--accent);text-transform:uppercase;margin:0 0 1.25rem;font-family:Space Mono,monospace;font-size:.625rem}.project-hero h1{letter-spacing:-.08em;text-wrap:balance;margin:0;font-size:clamp(4rem,7.2vw,7.3rem);font-weight:300;line-height:.86}.project-description{max-width:50rem;color:var(--text-muted);margin-block:2rem 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.project-hero-visual{border:0;min-width:0;margin:0;overflow:hidden}.project-hero-visual>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-instrument{background:var(--surface-2);grid-template-rows:auto 1fr auto auto;gap:1rem;height:100%;min-height:34rem;padding:clamp(1.25rem,2.4vw,2.5rem);display:grid}.project-instrument-display{color:#fab413;background:#0f0e12;justify-content:space-between;padding:.85rem;font-family:Space Mono,monospace;font-size:.58rem;display:flex}.project-instrument-display strong{color:#f05a24;font-weight:400}.project-instrument-symbol{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;place-self:center;place-items:center;width:min(75%,17rem);display:grid;position:relative}.project-instrument-symbol span{letter-spacing:-.075em;text-align:center;overflow-wrap:anywhere;max-width:88%;font-size:clamp(2.5rem,5vw,5rem);font-weight:300;line-height:.85}.project-instrument-symbol i{aspect-ratio:1;background:var(--orange);border-radius:50%;width:.8rem;position:absolute}.project-instrument-symbol i:first-of-type{inset-block-start:5%;inset-inline-start:10%}.project-instrument-symbol i:nth-of-type(2){background:var(--yellow);inset-block-start:14%;inset-inline-end:1%}.project-instrument-symbol i:nth-of-type(3){background:var(--green);inset-block-end:3%;inset-inline-end:20%}.project-instrument-keys{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.project-instrument-keys i{aspect-ratio:1.8;background:var(--accent)}.project-instrument-keys i:nth-child(2){background:var(--orange)}.project-instrument-keys i:nth-child(3){background:var(--yellow)}.project-instrument-keys i:nth-child(4){background:var(--green)}.project-instrument small{color:var(--text-muted);text-transform:lowercase;font-family:Space Mono,monospace;font-size:.55rem}.project-data-strip{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(15rem,.7fr);display:grid}.project-data-strip dl{grid-template-columns:.45fr 1fr 1fr;margin:0;display:grid}.project-data-strip dl>div{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;min-height:8rem;padding:1.25rem;display:flex}.project-data-strip dt{color:var(--text-muted);text-transform:lowercase;font-family:Space Mono,monospace;font-size:.55rem}.project-data-strip dd{overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.4}.project-data-actions{display:grid}.project-data-actions>*{background:var(--surface);text-transform:lowercase;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.project-data-actions>*+*{border-block-start:1px solid var(--line)}.project-data-actions a:hover,.project-data-actions a:focus-visible{background:var(--yellow);color:#0f0e12}.project-availability{color:var(--text-muted)}.project-action{color:var(--background);background:var(--text)!important}.project-action:hover,.project-action:focus-visible{color:#0f0e12;background:var(--orange)!important}.project-section{border-block-end:1px solid var(--line);grid-template-columns:minmax(15rem,.75fr) minmax(0,2fr);display:grid}.project-section>header{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:20rem;padding:1.25rem;display:flex}.project-section>header h2{letter-spacing:-.07em;text-wrap:balance;margin:auto 0 0;font-size:clamp(2.7rem,4.8vw,5rem);font-weight:300;line-height:.93}.project-highlight-list{margin:0;padding:0;list-style:none}.project-highlight-list li{border-block-end:1px solid var(--line);grid-template-columns:4.5rem minmax(0,1fr);min-height:8rem;display:grid}.project-highlight-list li:last-child{border-block-end:0}.project-highlight-list span,.project-highlight-list p{margin:0;padding:1.25rem}.project-highlight-list span{border-inline-end:1px solid var(--line);color:var(--accent);font-family:Space Mono,monospace;font-size:.625rem}.project-highlight-list p{color:var(--text-muted);align-self:center;font-size:.95rem;line-height:1.6}.project-partner-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.project-partner-list li{border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:1rem;min-width:0;min-height:20rem;padding:1.25rem;display:flex}.project-partner-logo{background:#fff;min-height:14rem;position:relative;overflow:hidden}.project-partner-logo img{-o-object-fit:contain;object-fit:contain;padding:1.5rem}.project-partner-list strong{letter-spacing:-.04em;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:300}.project-note-section>*{min-width:0}.project-note-section>header>div{margin-block-start:auto}.project-note-date{color:var(--text-muted);text-transform:lowercase;margin-block:1rem 0;font-family:Space Mono,monospace;font-size:.58rem}.project-note-body{width:min(100% - 2.5rem,49rem);margin-inline:auto;padding-block:clamp(3.5rem,7vw,6rem)}.project-note-lede{color:var(--text);letter-spacing:-.025em;margin:0 0 4rem;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:300;line-height:1.5}.project-note-body .markdown-class{min-width:0;max-width:100%}.project-note-body .markdown-class>div{max-width:100%!important;overflow-x:auto!important}.project-note-body .markdown-class pre,.project-note-body .markdown-class code{max-width:100%}.project-note-source{border-block:1px solid var(--line);text-transform:lowercase;justify-content:space-between;align-items:center;min-height:52px;margin-block-start:clamp(4rem,8vw,7rem);font-family:Space Mono,monospace;font-size:.625rem;display:flex}.project-note-source:hover,.project-note-source:focus-visible{color:var(--accent)}.project-technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.project-technology-grid li{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:10rem;padding:1.25rem;display:flex}.project-technology-grid span{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.55rem}.project-technology-grid strong{letter-spacing:-.04em;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:300;line-height:1.05}.project-bottom-navigation{grid-template-columns:1fr 1fr;display:grid}.project-bottom-navigation a{border-inline-end:1px solid var(--line);text-transform:lowercase;justify-content:space-between;align-items:flex-end;min-height:7rem;padding:1.25rem;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.project-bottom-navigation a:hover,.project-bottom-navigation a:focus-visible{background:var(--surface);color:var(--accent)}.site-footer{color:#f5f5f5;background:#0f0e12;margin-block-start:0;padding-block:clamp(3rem,6vw,6rem) 1.25rem}.footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:3rem;display:grid}.site-footer .eyebrow{color:#b2b2b2}.site-footer h2{max-width:48rem}.footer-note{color:#b2b2b2;font-size:.9rem}.footer-links{min-width:12rem;display:grid}.footer-links a{color:#e5e5e5;text-transform:lowercase;border-block-start:1px solid #3b3b3b;justify-content:space-between;align-items:center;min-height:48px;font-family:Space Mono,monospace;font-size:.625rem;display:flex}.footer-links a:last-child{border-block-end:1px solid #3b3b3b}.footer-links a:hover,.footer-links a:focus-visible{color:#fab413}.footer-bottom{color:#7f7f7f;text-transform:lowercase;border-block-start:1px solid #3b3b3b;justify-content:space-between;gap:1rem;margin-block-start:3rem;padding-block-start:1.25rem;font-family:Space Mono,monospace;font-size:.55rem;display:flex}.work-card{background:var(--surface);box-shadow:none;border:0;padding:0;border-radius:0!important}.work-card-media{background:var(--surface-2);box-shadow:none;border:0;border-radius:0!important}.work-card-placeholder,.project-visual{background:var(--surface-2);height:100%;min-height:100%;color:var(--text);border:0;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.work-card-placeholder span,.project-visual span{letter-spacing:-.08em;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:.9}.work-card-placeholder small,.project-visual small{text-transform:lowercase;font-family:Space Mono,monospace;font-size:.625rem}.project-visual{min-height:24rem}@media (max-width:63.99rem){.site-header-inner{grid-template-columns:1fr auto}.desktop-navigation{display:none}.menu-toggle{display:inline-flex}.journal-hero{grid-template-columns:1fr}.journal-hero-copy{border-block-end:1px solid var(--line);min-height:37rem}.journal-machine{min-height:33rem}.topic-list,.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-hero,.project-hero{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.8fr)}.resume-section,.project-section{grid-template-columns:minmax(12rem,.65fr) minmax(0,2fr)}.resume-experiment-grid,.resume-skills-grid,.project-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:47.99rem){.site-container,.reading-container{width:min(100% - 1rem,96rem)}.site-header-inner{min-height:4.5rem}.site-brand{padding-inline:.5rem}.brand-copy strong{font-size:.78rem}.theme-toggle,.menu-toggle{min-width:4.1rem}.theme-indicator{display:none}.journal-hero{border-inline-end:1px solid var(--line)}.journal-hero-copy{min-height:34rem;padding:1rem}.journal-hero h1{font-size:clamp(3rem,15.5vw,4.7rem)}.journal-hero-footer{grid-template-columns:1fr;align-items:start}.journal-hero-links{justify-content:flex-start}.journal-machine{min-height:0;padding:1rem}.techno-transport{grid-template-columns:minmax(6.5rem,.65fr) minmax(0,1.35fr)}.techno-play{justify-content:center;align-items:center;min-height:44px;display:flex}.techno-controls{grid-template-columns:minmax(4.4rem,.55fr) minmax(0,1fr);min-height:0}.techno-editor--desktop{display:none}.techno-editor--mobile{border:1px solid var(--line);background:var(--background);display:block}.techno-editor--mobile>summary{min-height:48px;color:var(--text);text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;font-family:Space Mono,monospace;font-size:.58rem;display:flex}.techno-editor--mobile>summary:after{content:"+";color:var(--accent);font-size:1.15rem;line-height:1}.techno-editor--mobile[open]>summary{border-block-end:1px solid var(--line)}.techno-editor--mobile[open]>summary:after{content:"−"}.techno-editor--mobile .techno-sequencer{padding:.75rem}.techno-track{grid-template-columns:1fr;gap:.35rem}.techno-track-name{grid-template-columns:1fr auto;align-items:center}.techno-track-name button{text-align:end;min-height:44px;padding-inline:.5rem}.techno-steps{overscroll-behavior-inline:contain;scrollbar-width:thin;grid-template-columns:repeat(16,44px);gap:.3rem;padding-block-end:.3rem;overflow-x:auto}.techno-steps button{min-height:44px;font-size:.58rem}.button-primary,.button-secondary{border-radius:.45rem}.journal-section-heading{grid-template-columns:1fr;min-height:13rem}.journal-section-heading>div,.journal-section-heading>a,.journal-section-heading>p{border-block-end:1px solid var(--line);min-height:8rem}.journal-section-heading>a{align-items:flex-start}.journal-row{grid-template-columns:minmax(0,1fr) 3.5rem}.journal-row-meta{flex-direction:row;grid-column:1/-1;min-height:3.5rem}.journal-row>*{padding:1rem}.journal-row-arrow{grid-area:2/2}.topic-list{grid-template-columns:1fr}.topic-list a{min-height:9rem}.journal-about,.about-interests,.professional-background,.footer-inner{grid-template-columns:1fr}.journal-about>*,.about-interests>*,.professional-background>*{border-block-end:1px solid var(--line);min-height:10rem}.journal-page-header{grid-template-columns:1fr;min-height:38rem}.journal-page-header:after{grid-area:4/1;min-height:8rem}.journal-page-header>*{grid-column:1}.journal-topic-heading{grid-template-columns:1fr}.journal-topic-heading>*{border-block-end:1px solid var(--line);min-height:8rem}.project-index-grid,.logo-concept-grid,.logo-concept{grid-template-columns:1fr}.logo-concept-stage{min-height:18rem}.logo-concept-copy{border-inline-start:0;border-block-start:1px solid var(--line);min-height:16rem}.project-index-card{height:33rem;min-height:33rem}.article-layout{border-inline-end:1px solid var(--line)}.article-hero{grid-template-columns:1fr;min-height:0}.article-header{border-inline-end:0;border-block-end:1px solid var(--line);min-height:32rem}.article-title-block{margin-block-start:5rem}.article-header h1{font-size:clamp(3.2rem,15vw,5rem)}.article-index{min-height:18rem}.resume-page{border-inline-end:1px solid var(--line)}.resume-hero,.project-hero{grid-template-columns:1fr;min-height:0}.resume-hero-copy,.project-hero-copy{border-inline-end:0;border-block-end:1px solid var(--line);min-height:34rem}.resume-hero h1,.project-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.resume-contact{min-height:22rem}.project-instrument{min-height:29rem}.resume-section,.resume-profile,.project-section{grid-template-columns:1fr}.resume-section>header,.project-section>header{border-inline-end:0;border-block-end:1px solid var(--line);min-height:15rem}.resume-experience{grid-template-columns:1fr}.resume-entry-meta{border-inline-end:0;border-block-end:1px solid var(--line);flex-direction:row;min-height:4rem}.resume-system-row{grid-template-columns:3.5rem minmax(0,1fr)}.resume-system-metric{border-block-start:1px solid var(--line);flex-direction:row;grid-column:1/-1;min-height:5rem}.resume-experiment-grid,.resume-skills-grid,.project-technology-grid{grid-template-columns:1fr}.resume-experiment-grid>li{border-block-end:1px solid var(--line)}.resume-experiment-grid a{min-height:19rem}.resume-education{grid-template-columns:1fr}.resume-education>div{border-inline-end:0;border-block-end:1px solid var(--line);min-height:11rem}.resume-profile>*{border-inline-end:0;border-block-end:1px solid var(--line)}.resume-profile>div{min-height:15rem}.project-data-strip,.project-data-strip dl{grid-template-columns:1fr}.project-data-strip dl>div{border-inline-end:0;border-block-end:1px solid var(--line);min-height:6.5rem}.project-highlight-list li{grid-template-columns:3.5rem minmax(0,1fr)}.project-partner-list{grid-template-columns:1fr}.project-partner-list li{border-block-end:1px solid var(--line);min-height:18rem}.project-note-body{width:min(100% - 2rem,49rem);padding-block:3.5rem}.project-bottom-navigation{grid-template-columns:1fr}.project-bottom-navigation a{border-block-end:1px solid var(--line);min-height:6rem}.archive-heading,.footer-bottom{flex-direction:column;align-items:flex-start}.about-intro{grid-template-columns:1fr;min-height:0}.about-intro>.eyebrow,.about-intro>h1{grid-column:1}.about-intro>h1{grid-row:auto;min-height:0;margin-block:clamp(3rem,14vw,5rem) 1.25rem;display:block}.about-portrait{aspect-ratio:1;border-inline-start:0;border-block-start:1px solid var(--line);grid-area:auto/1;min-height:0}.about-lede{grid-area:auto/1;min-height:21rem}.footer-links a{justify-content:space-between}.footer-bottom{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-100:hover{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus-visible\:-translate-y-1:focus-visible{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}