:root{--bg:#f7f7f5;--ink:#111318;--secondary:#666a70;--border:#dddeda;--accent:#3155d9;--dark:#111318;--dark-text:#f5f5f2;--dark-secondary:#a9adb4;--dark-border:#2b2e35;--surface:#efefeb;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display:"Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure:44rem;--maxw:1220px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.65}::selection{background:var(--accent);color:#fff}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;font-weight:550;line-height:1.02}p{margin-bottom:1.1em}p:last-child{margin-bottom:0}a{color:inherit}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.grid12{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:3px;padding:.75rem 1.25rem;font-size:.9375rem;text-decoration:none;transition:top .15s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:.75rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.tlink{color:var(--ink);align-items:center;gap:.4em;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.tlink .arr{transition:transform .18s;display:inline-block}.tlink:hover{color:var(--accent)}.tlink:hover .arr{transform:translate(3px)}.tlink--down:hover .arr{transform:translateY(3px)}.tlink--quiet{color:var(--secondary);font-weight:400}.tlink--quiet:hover{color:var(--accent)}.kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:1.25rem;font-size:.75rem;font-weight:500}.kicker .n{color:var(--accent)}.site-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:68px;display:flex}.brand{font-family:var(--display);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600;text-decoration:none}.site-nav{gap:2rem;display:flex}.site-nav a{padding:.75rem .25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--accent)}.header-ext .tlink{padding:.75rem .25rem;font-size:.9375rem}.section{padding-block:clamp(4.5rem,9vw,8rem)}.section-title{max-width:16ch;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(2.25rem,4.2vw,2.75rem)}.hero{padding-block:clamp(3.5rem,8vw,6.5rem) clamp(4rem,8vw,7rem)}.hero-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:2rem;display:grid}.hero-copy{grid-column:1/span 7}.hero-visual{grid-column:9/span 4}.hero-meta{font-family:var(--mono);letter-spacing:.12em;color:var(--secondary);margin-bottom:1.75rem;font-size:.75rem;font-weight:500}.hero h1{max-width:12ch;margin-bottom:1.75rem;font-size:clamp(2.9rem,6.2vw,4.75rem)}.hero-sub{color:var(--secondary);max-width:34rem;margin-bottom:1.5rem;font-size:1.125rem}.hero-career{margin-bottom:2.25rem;font-size:.9375rem;font-weight:500}.hero-links{flex-wrap:wrap;gap:2rem;display:flex}.hero-fig{margin:0}.hero-cap{font-family:var(--mono);color:var(--secondary);margin-top:.9rem;font-size:.72rem;line-height:1.7}.flow{margin:0;padding:0;list-style:none}.flow>li{grid-template-columns:1fr auto;align-items:baseline;gap:.25rem 1.5rem;padding:0 0 1.9rem 2rem;display:grid;position:relative}.flow>li:before{content:"";background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:.52em;left:0}.flow>li:after{content:"";background:var(--border);width:2px;position:absolute;top:1.6em;bottom:.1rem;left:4px}.flow>li:last-child{padding-bottom:0}.flow>li:last-child:after{display:none}.flow-title{font-size:.98rem;font-weight:500}.flow-sub{font-family:var(--mono);color:var(--secondary);margin-top:.15rem;font-size:.75rem}.flow-note{font-family:var(--mono);color:var(--accent);white-space:nowrap;padding-top:.1rem;font-size:.72rem}.diagram-frame{border:1px solid var(--border);background:var(--bg);border-radius:3px;padding:clamp(1.5rem,3vw,2.5rem)}.diagram-cap{font-family:var(--mono);color:var(--secondary);letter-spacing:.04em;margin-top:1rem;font-size:.72rem}.flow--dark>li:before{background:var(--dark);border-color:var(--dark-text)}.flow--dark>li:after{background:var(--dark-border)}.flow--dark .flow-title{color:var(--dark-text)}.flow--dark .flow-sub{color:var(--dark-secondary)}.flow--dark .flow-note{color:#8fa2f5}.diagram-frame--dark{border-color:var(--dark-border);background:0 0}.diagram-frame--dark .diagram-cap{color:var(--dark-secondary)}.flow--compact>li{padding-bottom:1.35rem}.flow--compact .flow-title{font-size:.9rem}.timeline{margin:0;padding:2.2rem 0 0;list-style:none;display:flex}.timeline>li{flex:1 1 0;min-width:0;padding:1.6rem .75rem 0 0;position:relative}.timeline>li:before{content:"";background:var(--border);height:2px;position:absolute;top:.55rem;left:0;right:0}.timeline>li:after{content:"";background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:11px;height:11px;position:absolute;top:.3rem;left:0}.timeline>li:first-child:after{background:var(--ink)}.tl-title{font-size:.92rem;font-weight:500;line-height:1.4}.tl-sub{font-family:var(--mono);color:var(--secondary);margin-top:.2rem;font-size:.72rem}.work-index{font-family:var(--display);margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(2.25rem,4.2vw,2.75rem)}.showcase{padding-block:clamp(4rem,8vw,7rem)}.showcase-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:2rem;display:grid}.showcase-copy{grid-column:1/span 5}.showcase-visual{grid-column:7/span 6}.showcase--flip .showcase-copy{order:2;grid-column:8/span 5}.showcase--flip .showcase-visual{order:1;grid-column:1/span 6}.showcase h3{max-width:14ch;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}.showcase-desc{color:var(--secondary);max-width:30rem;margin-bottom:2.25rem;font-size:1.0625rem}.metric-row{flex-wrap:wrap;gap:2.75rem;margin-bottom:2.5rem;display:flex}.metric-num{font-family:var(--display);letter-spacing:-.02em;font-size:2.25rem;font-weight:550;line-height:1}.metric-label{font-family:var(--mono);color:var(--secondary);letter-spacing:.04em;margin-top:.5rem;font-size:.72rem}.showcase--dark{background:var(--dark);color:var(--dark-text)}.showcase--dark .kicker,.showcase--dark .showcase-desc,.showcase--dark .metric-label{color:var(--dark-secondary)}.showcase--dark .tlink{color:var(--dark-text)}.showcase--dark .tlink:hover{color:#8fa2f5}.showcase--timeline .showcase-copy{grid-column:1/span 7}.showcase--timeline .showcase-visual{grid-column:1/span 12;margin-top:1rem}.notes-section{background:var(--surface)}.note-row{grid-template-columns:4rem 1fr auto;align-items:baseline;gap:1.5rem;padding-block:2.1rem;text-decoration:none;display:grid}.note-row+.note-row{border-top:1px solid var(--border)}.note-num{font-family:var(--mono);color:var(--secondary);font-size:.8rem}.note-title{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(1.5rem,3vw,2.125rem);font-weight:550;line-height:1.15;transition:color .15s}.note-meta{font-family:var(--mono);color:var(--secondary);white-space:nowrap;font-size:.75rem}.note-arrow{font-size:1.25rem;transition:transform .18s,color .15s}.note-row:hover .note-title{color:var(--accent)}.note-row:hover .note-arrow{color:var(--accent);transform:translate(4px)}.notes-more{margin-top:2.75rem}.note-desc{color:var(--secondary);max-width:40rem;margin-top:.6rem;font-size:1rem}.xp{max-width:46rem;margin:0 0 3rem;padding:0;list-style:none}.xp>li{grid-template-columns:9rem 1fr;gap:2rem;padding:0 0 2.75rem 2rem;display:grid;position:relative}.xp>li:before{content:"";background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:.5em;left:0}.xp>li:after{content:"";background:var(--border);width:2px;position:absolute;top:1.7em;bottom:.2rem;left:4px}.xp>li:last-child{padding-bottom:0}.xp>li:last-child:after{display:none}.xp-date{font-family:var(--mono);color:var(--secondary);white-space:nowrap;padding-top:.15rem;font-size:.8rem}.xp-co{font-family:var(--display);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.xp-role{margin-top:.15rem;font-weight:500}.xp-scope{color:var(--secondary);max-width:32rem;margin-top:.3rem;font-size:.98rem}.edu-line{font-family:var(--mono);color:var(--secondary);max-width:46rem;font-size:.8rem;line-height:1.9}.edu-line strong{color:var(--ink);font-weight:500}.about-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.about-copy{grid-column:1/span 7}.about-copy p{max-width:36rem;font-size:1.25rem;line-height:1.7}.about-copy p+p{margin-top:1.4rem}.about-personal{color:var(--secondary);margin-top:2.5rem;font-size:1rem}.contact--dark{background:var(--dark);color:var(--dark-text)}.contact--dark .contact-title{color:var(--dark-text);max-width:14ch;margin-bottom:2.5rem;font-size:clamp(2.5rem,5.5vw,4rem)}.contact-email{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:550}.contact--dark .tlink{color:var(--dark-text)}.contact--dark .tlink:hover{color:#8fa2f5}.contact-rows{color:var(--dark-secondary);flex-wrap:wrap;gap:2.25rem;margin-top:2.5rem;font-size:.95rem;display:flex}.contact-rows .tlink{color:var(--dark-text)}.site-footer{padding-block:2.25rem}.footer-inner{font-family:var(--mono);color:var(--secondary);letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.75rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent)}.work-hero{padding-block:clamp(3.5rem,8vw,6rem) clamp(2.5rem,5vw,4rem)}.work-hero h1{max-width:16ch;margin-bottom:1.5rem;font-size:clamp(2.75rem,6vw,4rem)}.work-lede{color:var(--secondary);max-width:40rem;font-size:1.2rem}.work-section{padding-block:clamp(2.5rem,5vw,4rem)}.work-section h2{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin-bottom:1.5rem;font-size:.75rem;font-weight:500}.work-body{grid-column:1/span 7;font-size:1.075rem}.work-body p+p{margin-top:1.1rem}.work-diagram{grid-column:2/span 10;margin-block:1rem}.metric-callouts{grid-template-columns:repeat(3,1fr);gap:2rem;margin-block:.5rem;display:grid}.metric-callouts .metric-num{font-size:clamp(2.75rem,5vw,4rem)}.pullquote{font-family:var(--display);letter-spacing:-.015em;grid-column:1/span 10;max-width:28ch;padding-block:1rem;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:500;line-height:1.25}.pullquote:before{content:"“";color:var(--accent);margin-bottom:.4rem;font-size:1.4em;line-height:1;display:block}.lessons{counter-reset:lesson;grid-column:1/span 7;list-style:none}.lessons li{counter-increment:lesson;grid-template-columns:2.5rem 1fr;align-items:baseline;gap:1rem;padding-block:1.1rem;display:grid}.lessons li+li{border-top:1px solid var(--border)}.lessons li:before{content:"0" counter(lesson);font-family:var(--mono);color:var(--secondary);font-size:.78rem}.stack-line{font-family:var(--mono);color:var(--secondary);font-size:.85rem}.work-nav{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:3rem 1rem;display:flex}.sidenote{color:var(--secondary);border-left:2px solid var(--border);grid-column:9/span 4;align-self:start;padding-left:1.25rem;font-size:.9rem}@media (width<=1024px){.hero-copy{grid-column:1/span 8}.hero-visual{grid-column:9/span 4}.showcase-copy{grid-column:1/span 6}.showcase-visual,.showcase--flip .showcase-copy{grid-column:7/span 6}.showcase--flip .showcase-visual{grid-column:1/span 6}.work-diagram,.pullquote{grid-column:1/span 12}.sidenote{border-left:none;border-top:2px solid var(--border);grid-column:1/span 7;padding-top:1rem;padding-left:0}}@media (width<=820px){.hero-grid,.showcase-grid{grid-template-columns:1fr}.hero-copy,.hero-visual,.showcase-copy,.showcase-visual,.showcase--flip .showcase-copy,.showcase--flip .showcase-visual,.showcase--timeline .showcase-copy,.showcase--timeline .showcase-visual,.about-copy,.work-body{grid-column:1/-1}.showcase--flip .showcase-copy,.showcase--flip .showcase-visual{order:initial}.hero-visual{max-width:26rem}.hero h1{font-size:clamp(2.6rem,11vw,3.4rem)}.showcase h3{font-size:clamp(2rem,8.5vw,2.75rem)}.timeline{flex-direction:column;padding-top:0}.timeline>li{padding:0 0 1.9rem 2rem}.timeline>li:before{width:2px;height:auto;inset:1.5em auto .1rem 4px}.timeline>li:after{top:.52em;left:0}.timeline>li:last-child{padding-bottom:0}.note-row{grid-template-columns:2.75rem 1fr auto;gap:1rem}.note-title{font-size:clamp(1.3rem,5.6vw,1.6rem)}.metric-callouts{grid-template-columns:1fr;gap:1.5rem}.flow>li{grid-template-columns:1fr}.flow-note{white-space:normal}}@media (width<=640px){.header-inner{flex-wrap:wrap;row-gap:.35rem;height:auto;padding-block:.9rem}.site-nav{flex-basis:100%;order:3;gap:1.5rem}.site-nav a{padding:.6rem .25rem}.xp>li{grid-template-columns:1fr;gap:.4rem;padding-left:1.75rem}.metric-row{gap:2rem}.contact-rows{gap:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}