*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-48{height:12rem}.min-h-11{min-height:2.75rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-bio-accent\/30{border-color:#10b9814d}.border-white\/10{border-color:#ffffff1a}.bg-bio-accent{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-bio-accent\/20{background-color:#10b98133}.bg-bio-dark{--tw-bg-opacity: 1;background-color:rgb(10 10 11 / var(--tw-bg-opacity, 1))}.bg-bio-dark\/80{background-color:#0a0a0bcc}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-bio-dark{--tw-gradient-from: #0A0A0B var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 10 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-bio-dark\/80{--tw-gradient-to: rgb(10 10 11 / .8) var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-20{padding-bottom:5rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-bio-accent{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-bio-muted{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.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)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #0c0c0b;--surface: #141412;--surface-strong: #1b1b18;--text: #f1efe8;--text-soft: #c7c3b8;--text-faint: #a6a299;--line: #2b2a25;--line-strong: #68645a;--signal: #ff623e;--signal-dark: #31140d;--header-bg: rgba(12, 12, 11, .94);--background: 60 4% 5%;--foreground: 42 24% 93%;--card: 60 5% 8%;--card-foreground: 42 24% 93%;--popover: 60 5% 8%;--popover-foreground: 42 24% 93%;--primary: 12 100% 62%;--primary-foreground: 60 4% 5%;--secondary: 60 5% 11%;--secondary-foreground: 42 24% 93%;--muted: 60 5% 11%;--muted-foreground: 45 7% 64%;--accent: 12 100% 62%;--accent-foreground: 60 4% 5%;--destructive: 0 63% 45%;--destructive-foreground: 42 24% 93%;--border: 50 7% 17%;--input: 50 7% 17%;--ring: 12 100% 62%;--radius: 0;--sidebar-background: 60 4% 5%;--sidebar-foreground: 42 24% 93%;--sidebar-primary: 12 100% 62%;--sidebar-primary-foreground: 60 4% 5%;--sidebar-accent: 60 5% 11%;--sidebar-accent-foreground: 42 24% 93%;--sidebar-border: 50 7% 17%;--sidebar-ring: 12 100% 62%;color-scheme:dark}:root[data-theme=light]{--bg: #f3f0e8;--surface: #e9e4d8;--surface-strong: #ddd6c7;--text: #171612;--text-soft: #4b4840;--text-faint: #68635a;--line: #d5cfc1;--line-strong: #888175;--signal: #c53d21;--signal-dark: #f1d3ca;--header-bg: rgba(243, 240, 232, .94);--background: 44 31% 93%;--foreground: 42 12% 8%;--card: 42 25% 88%;--card-foreground: 42 12% 8%;--popover: 42 25% 88%;--popover-foreground: 42 12% 8%;--primary: 11 71% 45%;--primary-foreground: 44 31% 93%;--secondary: 42 22% 84%;--secondary-foreground: 42 12% 8%;--muted: 42 22% 84%;--muted-foreground: 39 7% 38%;--accent: 11 71% 45%;--accent-foreground: 44 31% 93%;--border: 39 17% 80%;--input: 39 17% 80%;--ring: 11 71% 45%;--sidebar-background: 44 31% 93%;--sidebar-foreground: 42 12% 8%;--sidebar-primary: 11 71% 45%;--sidebar-primary-foreground: 44 31% 93%;--sidebar-accent: 42 22% 84%;--sidebar-accent-foreground: 42 12% 8%;--sidebar-border: 39 17% 80%;--sidebar-ring: 11 71% 45%;color-scheme:light}*{box-sizing:border-box;border-color:var(--line)}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a,button,img{transition:color .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease,filter .16s ease}p{margin:0;color:var(--text-soft)}h1,h2,h3{margin:0;color:var(--text);font-weight:600;letter-spacing:-.045em}::-moz-selection{color:var(--bg);background:var(--signal)}::selection{color:var(--bg);background:var(--signal)}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}[id],a,button,[tabindex]{scroll-margin-block:100px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:100;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;color:var(--bg);background:var(--signal);font-size:16px;font-weight:700;transform:translateY(calc(-100% - 20px))}.skip-link:focus{transform:translateY(0)}.site-shell main:focus,main#main-content:focus{outline:none}.site-shell{min-height:100vh;background:var(--bg)}.shell{width:min(calc(100% - 64px),1200px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;min-height:78px;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.site-name{min-height:44px;display:flex;align-items:center;gap:14px;justify-self:start}.site-name span{font-size:16px;font-weight:700;letter-spacing:-.02em}.site-name small{color:var(--text-faint);font:14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.perf-dev-mark{min-height:44px;display:inline-flex;align-items:center;justify-self:center;padding:8px 12px;border:1px solid var(--line-strong);color:var(--text);font:14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.perf-dev-mark span{color:var(--signal)}.perf-dev-mark:hover{border-color:var(--signal)}.desktop-nav{justify-self:end;display:flex;gap:25px}.desktop-nav a,.mobile-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--text-soft);font-size:15px}.desktop-nav a{min-width:44px;justify-content:center}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--signal)}.menu-button{min-width:44px;min-height:44px;display:none;padding:8px;border:0;color:var(--text);background:transparent;font-size:16px;cursor:pointer}.mobile-nav,.mobile-theme-toggle{display:none}.theme-toggle{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 44px;padding:0;border:1px solid var(--line);color:var(--text-faint);background:transparent;cursor:pointer}.theme-toggle-icon{position:relative;width:18px;height:18px;display:block}.theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1)}.theme-icon-sun{opacity:0;transform:rotate(-55deg) scale(.65)}.theme-icon-moon,[data-theme=light] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .theme-icon-moon{opacity:0;transform:rotate(55deg) scale(.65)}.theme-toggle:hover{border-color:var(--signal);color:var(--signal)}html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition-property:color,background-color,border-color,outline-color,box-shadow,opacity;transition-duration:.36s;transition-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.hero{border-bottom:1px solid var(--line)}.hero-grid{min-height:calc(100svh - 78px);display:flex;flex-direction:column}.hero-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:62px 0 54px}.hero-kicker{color:var(--signal);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.latency-heading{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:26px;margin-top:34px;font-size:clamp(41px,5.25vw,70px);line-height:.98;white-space:nowrap}.latency-gap{--trace-x: 50%;min-width:120px;height:64px;display:grid;grid-template-rows:32px auto;align-items:center;cursor:crosshair}.latency-gap i{position:relative;display:block;height:1px;background:var(--line-strong)}.latency-gap i:before,.latency-gap i:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--line-strong)}.latency-gap i:before{left:0}.latency-gap i:after{right:0}.latency-gap b{position:absolute;top:-5px;left:var(--trace-x);width:11px;height:11px;border-radius:50%;background:var(--signal);transform:translate(-50%);transition:left 80ms linear}.latency-gap small{justify-self:center;color:var(--text-faint);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.hero-links{width:180px;align-self:flex-end;margin-top:48px;border-top:1px solid var(--line-strong)}.hero-links a{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:15px}.hero-links a>span:last-child{color:var(--signal)}.hero-links a:hover{padding-left:7px;color:var(--text)}.hero-notes{display:grid;grid-template-columns:.9fr .65fr 1.45fr;border-top:1px solid var(--line-strong)}.hero-notes>div{min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:17px 28px 19px 0}.hero-notes>div+div{padding-left:28px;border-left:1px solid var(--line)}.hero-notes span{color:var(--signal);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.hero-notes strong{margin-top:5px;color:var(--text);font-size:15px;line-height:1.35}.hero-notes small{margin-top:2px;color:var(--text-faint);font-size:14px;line-height:1.35}.hero-notes .hero-question{display:grid;grid-template-columns:130px 1fr;align-content:center;gap:4px 20px}.hero-question strong{margin:0;font-size:17px;font-weight:500}.chapter{padding:110px 0;border-bottom:1px solid var(--line)}.work-heading,.method-heading,.writing-heading,.experience-heading,.about-heading{position:sticky;top:94px;z-index:4;align-self:start;padding-block:14px;background:var(--chapter-heading-bg, var(--bg))}.chapter-heading>p:first-child,.method-heading>p:first-child{color:var(--text-faint);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.chapter-heading>p:first-child span,.method-heading>p:first-child span{margin-right:10px;color:var(--signal)}.chapter-heading h2{margin-top:20px;max-width:820px;font-size:clamp(42px,5vw,65px);line-height:1.04}.work-overview-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:72px;align-items:start}.day-job{display:grid;grid-template-columns:190px 1fr;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.work-label{display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:32px 35px 32px 0;border-right:1px solid var(--line)}.work-label span{font-size:17px;font-weight:700}.work-label small{color:var(--text-soft);font:16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.day-job-copy{padding:46px 42px}.day-job-copy h3{max-width:720px;font-size:clamp(31px,3.5vw,46px);line-height:1.08}.day-job-copy>p:not(.work-detail){max-width:740px;margin-top:24px;font-size:17px;line-height:1.7}.professional-role+.professional-role{margin-top:-1px}.amazon-role .work-label{min-height:270px}.work-detail{margin-top:34px;color:var(--text-faint);font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em;text-transform:uppercase}.personal-projects{margin-top:105px}.personal-heading{display:grid;grid-template-columns:250px 1fr;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line-strong)}.personal-heading>p{color:var(--text-faint);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.personal-heading>p span{margin-right:10px;color:var(--signal)}.personal-heading h3{font-size:clamp(30px,3.4vw,44px)}.active-systems{display:grid;grid-template-columns:1fr 1fr}.system-story{min-height:430px;padding:50px 55px 48px 0;border-bottom:1px solid var(--line-strong)}.system-story-local{padding-left:55px;border-left:1px solid var(--line)}.system-number{color:var(--signal);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.system-story h3{margin-top:38px;font-size:clamp(47px,5.3vw,70px);line-height:.98}.system-story h3 small{display:block;margin-top:9px;color:var(--text-faint);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.system-question{max-width:440px;margin-top:23px;color:var(--text);font-size:18px;line-height:1.4}.system-story>p:not(.system-number):not(.system-question):not(.work-detail){max-width:485px;margin-top:20px;font-size:16px}.system-story .work-detail{margin-top:32px}.project-proof{width:calc(100% - 20px);height:155px;margin-top:28px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.project-proof img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:grayscale(.7);opacity:.8}.system-story-video:hover .project-proof img{filter:grayscale(0);opacity:1}.project-visit{min-height:44px;display:inline-flex;align-items:center;margin-top:24px;padding-bottom:3px;border-bottom:1px solid var(--line-strong);font-size:15px}.project-visit span{color:var(--signal)}.project-visit:hover{border-color:var(--signal);color:var(--signal)}.build-archive{margin-top:76px}.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.archive-heading h3{font-size:21px}.archive-heading p{font-size:16px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.archive-item{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:20px;min-height:98px;padding:16px 22px 16px 0;border-bottom:1px solid var(--line)}.archive-item:nth-child(odd){padding-right:28px;border-right:1px solid var(--line)}.archive-item:nth-child(2n){padding-left:28px}.archive-item:hover{background:var(--surface)}.archive-image{width:112px;height:62px;overflow:hidden;background:var(--surface-strong)}.archive-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) contrast(.9);opacity:.7}.archive-item:hover img{filter:grayscale(0);opacity:1}.archive-copy strong,.archive-copy small{display:block}.archive-copy strong{font-size:16px}.archive-copy small{margin-top:4px;color:var(--text-faint);font-size:14px;line-height:1.45}.archive-item>span:last-child{color:var(--text-faint)}.archive-item:hover>span:last-child{color:var(--signal)}.lab-section{--chapter-heading-bg: var(--surface);position:relative;overflow:hidden;background:var(--surface)}.lab-section:before{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:var(--signal)}.lab-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:stretch}.perf-dev-title{position:relative;padding:40px 38px 34px;background:var(--signal);color:var(--bg)}.lab-heading .perf-dev-title{position:sticky;top:94px;z-index:4;margin-top:20px}.perf-dev-title>span{display:block;color:var(--bg);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.perf-dev-title h2{margin-top:5px;color:var(--bg);font-size:clamp(56px,7vw,88px);line-height:.9}.lab-intro{margin-top:30px;padding-bottom:4px}.lab-intro p{max-width:480px;font-size:17px}.lab-intro p+p{margin-top:14px;color:var(--text-faint);font-size:16px}.lab-intro a{min-height:44px;display:inline-flex;align-items:center;margin-top:25px;padding-bottom:3px;border-bottom:1px solid var(--signal);color:var(--text);font-size:15px}.lab-intro a span{color:var(--signal)}.lab-ledger{min-width:0;border-top:1px solid var(--line-strong)}.ledger-labels,.lab-entry{display:grid;grid-template-columns:58px minmax(0,1fr) 130px 96px;gap:18px}.ledger-labels{padding:14px 0;border-bottom:1px solid var(--line);color:var(--text-faint);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.lab-entry{align-items:start;padding:29px 0;border-bottom:1px solid var(--line)}.lab-index,.lab-area,.lab-state{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lab-index{color:var(--signal);font-size:14px}.lab-entry h3{font-size:22px;letter-spacing:-.025em}.lab-entry p{max-width:600px;margin-top:7px;font-size:16px;line-height:1.6}.lab-area{color:var(--text-faint);font-size:14px;line-height:1.5}.lab-state{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid var(--line-strong);color:var(--text-faint);font-size:14px;line-height:1.3;text-align:center;text-transform:uppercase}.method-section{--chapter-heading-bg: var(--bg);padding:82px 0;border-bottom:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.method-heading h2{margin-top:18px;max-width:420px;font-size:clamp(38px,4.7vw,60px);line-height:1.03}.method-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line-strong)}.method-list li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.method-list li>span{color:var(--signal);font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.method-list h3{font-size:18px;letter-spacing:-.02em}.method-list p{margin-top:3px;font-size:16px}.writing-section{background:var(--bg)}.writing-grid,.experience-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.writing-heading h2,.experience-heading h2,.about-heading h2{font-size:clamp(48px,6vw,76px)}.writing-heading>p:last-of-type,.experience-heading>p:last-of-type{max-width:360px;margin-top:22px;font-size:16px}.writing-links{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-top:30px}.writing-links a{min-height:44px;display:inline-flex;align-items:center;padding-bottom:3px;border-bottom:1px solid var(--line-strong);font-size:15px}.writing-links a span{color:var(--signal)}.writing-links a:hover{border-color:var(--signal);color:var(--signal)}.writing-links .subscribe-link{padding:10px 13px;border:1px solid var(--signal);color:var(--text)}.writing-links .subscribe-link:hover{color:var(--bg);background:var(--signal)}.writing-links .subscribe-link:hover span{color:var(--bg)}.article-carousel-wrap{min-width:0}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 14px;border-top:1px solid var(--line-strong)}.carousel-controls>span{color:var(--text-faint);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.carousel-controls>div{display:flex;gap:7px}.carousel-controls button{width:44px;height:44px;border:1px solid var(--line-strong);color:var(--text);background:transparent;font-size:20px;cursor:pointer}.carousel-controls button:hover{border-color:var(--signal);color:var(--signal)}.article-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(350px,78%);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.article-carousel::-webkit-scrollbar{display:none}.article-card{min-height:370px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;align-content:start;padding:28px;border:1px solid var(--line);background:var(--surface);scroll-snap-align:start}.article-number{color:var(--signal);font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.article-card time{color:var(--text-faint);font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.article-card h3{grid-column:1 / -1;margin-top:32px;max-width:530px;font-size:clamp(24px,2.8vw,35px);line-height:1.15;letter-spacing:-.04em}.article-card>p{grid-column:1 / -1;margin-top:15px;font-size:16px}.article-cta{grid-column:1 / -1;align-self:end;margin-top:34px;color:var(--text-soft);font-size:15px}.article-cta span{color:var(--signal)}.article-card:hover{border-color:var(--signal)}.article-card:hover h3{color:var(--signal)}.experience-section{--chapter-heading-bg: var(--surface);background:var(--surface)}.experience-heading{align-self:start}.experience-list{border-top:1px solid var(--line-strong)}.experience-item{display:grid;grid-template-columns:110px 210px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.experience-item time{color:var(--signal);font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.experience-company h3{font-size:18px;letter-spacing:-.02em}.experience-company span{display:block;margin-top:4px;color:var(--text-faint);font-size:14px}.experience-copy>p{color:var(--text);font-size:16px;font-weight:600}.experience-copy small{display:block;margin-top:5px;color:var(--text-soft);font-size:15px;line-height:1.6}.about-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px}.about-statement{max-width:870px}.about-lede{max-width:840px;color:var(--text);font-size:clamp(30px,4.1vw,49px);line-height:1.15;letter-spacing:-.04em}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:47px}.about-columns p{font-size:17px;line-height:1.7}.about-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:46px}.about-links a{min-height:44px;display:inline-flex;align-items:center;padding-bottom:3px;border-bottom:1px solid var(--line-strong);font-size:15px}.about-links a span{color:var(--signal)}.about-links a:hover{border-color:var(--signal);color:var(--signal)}.site-footer{padding:66px 0 26px;background:var(--signal);color:var(--bg)}.footer-main{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:60px}.footer-main p{color:var(--bg)}.footer-name{font-size:clamp(37px,5vw,66px);font-weight:700;letter-spacing:-.055em;line-height:1}.footer-name span{font-weight:400}.footer-main>p:last-child{max-width:320px;font-size:16px}.footer-meta{display:flex;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid rgba(12,12,11,.35)}.footer-meta p,.footer-meta nav{color:#0c0c0bd1;font-size:14px}.footer-meta nav{display:flex;gap:20px}.footer-meta a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.footer-meta a:hover{color:var(--bg)}.site-footer :focus-visible{outline-color:var(--bg)}.bio-pill{min-height:36px;display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--line-strong);color:var(--signal);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:980px){.shell{width:min(calc(100% - 48px),1200px)}.site-name small{display:none}.header-actions{gap:9px}.desktop-nav{gap:12px}.latency-heading{gap:20px;font-size:clamp(38px,5.1vw,50px)}.hero-links{width:165px}.work-overview-grid,.lab-layout{gap:46px}.day-job{grid-template-columns:150px 1fr}.day-job-copy{padding-inline:30px}.ledger-labels,.lab-entry{grid-template-columns:45px minmax(0,1fr) 105px 86px;gap:12px}.writing-grid,.experience-grid{grid-template-columns:.58fr 1.42fr;gap:55px}.experience-item{grid-template-columns:90px 160px 1fr}}@media(max-width:760px){.shell{width:min(calc(100% - 32px),1200px)}.header-inner{grid-template-columns:1fr auto auto;gap:9px}.perf-dev-mark,.header-actions{display:none}.mobile-theme-toggle{display:block}.menu-button{display:block;justify-self:end}.mobile-nav{display:grid;padding-top:7px;padding-bottom:18px}.mobile-nav a{width:100%;padding:12px 0;border-bottom:1px solid var(--line)}.hero-grid{min-height:auto}.hero-main{padding:64px 0 54px}.latency-heading{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:27px;font-size:clamp(44px,13.5vw,68px);white-space:normal}.latency-gap{width:100%;height:53px;grid-template-rows:25px auto}.latency-gap small{justify-self:start}.hero-links{width:100%;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:22px;column-gap:22px;margin-top:40px}.hero-notes{grid-template-columns:1fr 1fr}.hero-notes>div{min-height:88px;padding:15px 18px 17px 0}.hero-notes>div+div{padding-left:18px}.hero-notes .hero-question{grid-column:1 / -1;grid-template-columns:120px 1fr;padding-left:0;border-top:1px solid var(--line);border-left:0}.chapter{padding:76px 0}.chapter-heading h2{font-size:44px}.work-overview-grid,.lab-layout{grid-template-columns:1fr;gap:42px}.day-job{grid-template-columns:1fr}.work-label{min-height:auto;flex-direction:row;padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.day-job-copy{padding:35px 0 42px}.day-job-copy h3{font-size:34px}.personal-projects{margin-top:76px}.personal-heading{grid-template-columns:1fr;gap:13px}.active-systems{grid-template-columns:1fr}.system-story,.system-story-local{min-height:auto;padding:42px 0;border-left:0}.system-story h3{margin-top:28px;font-size:55px}.archive-heading{align-items:flex-start;flex-direction:column;gap:5px}.archive-grid{grid-template-columns:1fr}.archive-item:nth-child(odd),.archive-item:nth-child(2n){padding:14px 0;border-right:0}.archive-image{width:95px;height:55px}.archive-item{grid-template-columns:95px 1fr auto}.lab-section:before{width:7px}.perf-dev-title{padding:30px 25px 25px}.perf-dev-title h2{font-size:65px}.ledger-labels{display:none}.lab-entry{grid-template-columns:38px 1fr;gap:12px}.lab-area,.lab-state{grid-column:2;justify-self:start}.method-grid,.writing-grid,.experience-grid,.about-grid{grid-template-columns:1fr;gap:42px}.method-heading h2{font-size:43px}.work-heading,.method-heading,.writing-heading,.experience-heading,.about-heading,.lab-heading .perf-dev-title{position:static;padding-block:0}.article-carousel{grid-auto-columns:minmax(285px,88%)}.article-card{min-height:350px;padding:24px}.experience-item{grid-template-columns:92px 1fr}.experience-copy{grid-column:2}.about-columns{grid-template-columns:1fr;gap:20px;margin-top:34px}.about-lede{font-size:32px}.footer-main{align-items:flex-start;flex-direction:column}.footer-name{font-size:42px}}@media(max-width:420px){.shell{width:min(calc(100% - 28px),1200px)}.latency-heading{font-size:48px}.hero-links{-moz-column-gap:17px;column-gap:17px}.hero-notes{grid-template-columns:1fr}.hero-notes>div+div,.hero-notes .hero-question{grid-column:auto;display:flex;padding-left:0;border-top:1px solid var(--line);border-left:0}.archive-copy small{max-width:175px}.footer-meta{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}@media(prefers-contrast:more){:root{--text-soft: #e0ddd4;--text-faint: #c7c3b8;--line: #68645a;--line-strong: #8c877a}}@media(forced-colors:active){:focus-visible{outline:3px solid CanvasText}.lab-section:before{background:Highlight}}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:rotate-3{--tw-rotate: 3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-bio-accent{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:inline-flex{display:inline-flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:justify-center{justify-content:center}.md\:gap-6{gap:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}