:root{--ink:#23303c;--ink-soft:#4b5a68;--paper:#fff;--paper-deep:#f3f6fa;--rule:#dde4eb;--accent:#3f6fbf;--accent-soft:#3f6fbf52;--steel:#7a93ae;--mute:#8a949e;--shadow:#23303c12;--font:"Styrene A","Hanken Grotesk",ui-sans-serif,system-ui,Helvetica,Arial,sans-serif;--pad:clamp(1.25rem,5vw,4.5rem);--measure:62ch}[data-theme=dark]{--ink:#e7edf3;--ink-soft:#a9b8c6;--paper:#101821;--paper-deep:#16202b;--rule:#283542;--accent:#7ba6ec;--accent-soft:#7ba6ec57;--steel:#5e7791;--mute:#7a8896;--shadow:#0006}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:clamp(1.28rem,.35vw + 1.22rem,1.36rem);font-weight:400;line-height:1.62;transition:background-color .4s,color .4s}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.band{padding-left:var(--pad);padding-right:var(--pad);max-width:1200px;margin:0 auto}hr.rule{border:0;border-top:1px solid var(--rule);margin:0}#progress{transform-origin:0;background:var(--accent);z-index:60;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.masthead{z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.masthead.stuck{border-bottom-color:var(--rule)}.masthead .band{justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.15rem;padding-bottom:1.15rem;display:flex}.wordmark{letter-spacing:-.015em;white-space:nowrap;flex-shrink:0;align-items:center;gap:.4em;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark-icon{flex:none;width:auto;height:.72em}.navwrap{align-items:center;gap:1.5rem;display:flex}#nav{gap:1.5rem;font-size:.98rem;font-weight:500;display:flex}#nav a{color:var(--ink-soft);border-bottom:1px solid #0000;padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}#nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.menutoggle{border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px;padding:0;transition:border-color .25s,color .25s;display:none;position:relative}.menutoggle:hover{border-color:var(--accent);color:var(--accent)}.menutoggle svg{width:16px;height:16px;transition:opacity .2s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menutoggle .closeicon,.masthead.menu-open .menutoggle .menuicon{opacity:0}.masthead.menu-open .menutoggle .closeicon{opacity:1}.toggle{border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:border-color .25s,color .25s,transform .25s;display:grid}.toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(-25deg)}.toggle svg{width:15px;height:15px;display:block}[data-theme=light] .moon{display:block}[data-theme=light] .sun,[data-theme=dark] .moon{display:none}[data-theme=dark] .sun{display:block}.hero{padding-top:clamp(3.2rem,9vw,7rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 1.4rem;font-size:.84rem;font-weight:600}h1{letter-spacing:-.035em;max-width:17ch;margin:0;font-size:clamp(2.3rem,6.2vw,4.9rem);font-weight:600;line-height:.98}h1 .em{color:var(--accent)}.where{font-family:var(--font);color:var(--mute);margin:1.9rem 0 0;font-size:.93rem;font-weight:500}.where b{color:var(--ink);font-weight:500}.stats{border-top:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:1.8rem 1.2rem;margin:clamp(2.6rem,5vw,3.6rem) 0 0;padding:clamp(1.6rem,3vw,2rem) 0 0;list-style:none;display:grid}@media (width>=760px){.stats{grid-template-columns:repeat(4,1fr);gap:2rem}}.stats .n{letter-spacing:-.045em;color:var(--ink);font-weight:700;line-height:.9;display:block}.stats li:first-child .n{color:var(--accent)}.stats .l{color:var(--mute);max-width:18ch;margin-top:.6rem;line-height:1.35;display:block}.flow{grid-template-columns:1fr;align-items:stretch;gap:.9rem;display:grid}@media (width>=860px){.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:1.4rem}}.stage{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:1.4rem 1.3rem;transition:border-color .3s,background-color .4s}.stage:hover,.stage.final{border-color:var(--accent)}.stage .no{letter-spacing:.04em;color:var(--steel);font-weight:700;display:block}.stage.final .no{color:var(--accent)}.stage h3{letter-spacing:-.02em;margin:.5rem 0;font-weight:600;line-height:1.15}.stage p{color:var(--ink-soft);margin:0;font-weight:300;line-height:1.45}.arrow{color:var(--steel);place-items:center;display:grid}.arrow svg{width:22px;height:22px;transform:rotate(90deg)}@media (width>=860px){.arrow svg{width:26px;height:26px;transform:none}}.flowhalves{grid-template-columns:1fr;gap:.6rem;margin-top:1.6rem;display:grid}@media (width>=860px){.flowhalves{grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.9rem}}.flowhalves span{color:var(--ink-soft);border-top:2px solid var(--rule);padding-top:.7rem;font-weight:500}.flowhalves span:last-child{border-top-color:var(--accent);color:var(--ink)}.tint{background:var(--paper-deep);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background-color .4s}.tint+.tint{border-top:0}section{padding-top:clamp(3.2rem,6vw,5.5rem);padding-bottom:clamp(3.2rem,6vw,5.5rem)}h2{letter-spacing:-.025em;margin:0 0 .6rem;font-size:clamp(1.35rem,1.7vw + 1rem,2.05rem);font-weight:600;line-height:1.1}.sectionintro{max-width:68ch;color:var(--ink-soft);margin:0 0 2.8rem;font-weight:300}.vplbl{letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin:0 0 1.4rem;font-size:.84rem;font-weight:600}.vp{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.4rem);margin-top:0;display:grid}@media (width>=1000px){.vp{grid-template-columns:repeat(4,minmax(0,1fr))}}.vp .item{border-top:2px solid var(--rule);padding-top:1rem;transition:border-color .3s}.vp .item:hover{border-top-color:var(--accent)}.vp h3{letter-spacing:-.012em;margin:0 0 .5rem;font-size:1.08rem;font-weight:600}.vp p{color:var(--ink-soft);margin:0;font-size:1.1rem;font-weight:300;line-height:1.55}.lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:.55rem;font-size:.84rem;font-weight:600;display:block}.projects li{color:var(--ink-soft);border:1px solid var(--rule);border-radius:2px;padding:.32rem .6rem;font-size:.94rem;line-height:1.35;transition:border-color .25s,color .25s}.projects li:before{display:none}.xgrid{grid-template-columns:1fr;gap:1.8rem 2.6rem;margin-top:2rem;display:grid}@media (width>=760px){.xgrid{grid-template-columns:26fr 37fr 37fr}}.xcol ul{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.xcol li{color:var(--ink-soft);border:1px solid var(--rule);border-radius:2px;padding:.32rem .6rem;line-height:1.35;transition:border-color .25s}.xcol:hover li{border-color:color-mix(in srgb,var(--accent) 35%,var(--rule))}.leadcols{grid-template-columns:1fr;gap:1.6rem;display:grid}.leadcols p{border-top:2px solid var(--rule);max-width:60ch;margin:0;padding-top:1rem;transition:border-color .3s}.leadcols p:hover{border-top-color:var(--accent)}@media (width>=900px){.leadcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem}}.work{grid-template-columns:1fr;gap:2.4rem;display:grid}@media (width>=760px){.work{grid-template-columns:55fr 45fr;gap:3rem 2.6rem}}.wcard{border-top:2px solid var(--rule);padding-top:1.15rem;scroll-margin-top:5.5rem;transition:border-color .3s}.wcard.current,.wcard:hover{border-top-color:var(--accent)}.wtop{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.7rem;display:flex}.wcard .era{letter-spacing:.02em;color:var(--mute);font-weight:600}.wcard .yrs{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;font-weight:700;transition:color .3s}.wcard.current .yrs,.wcard.current .era{color:var(--accent)}.wcard h3{letter-spacing:-.02em;margin:.65rem 0 .35rem;font-weight:600;line-height:1.15}.wcard .org{color:var(--ink-soft);font-weight:400;display:block}.wcard p{color:var(--ink);margin:1rem 0 0}.projects{margin:1.25rem 0 0}.lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:.55rem;font-weight:600;display:block}.projects ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.projects li{color:var(--ink-soft);border:1px solid var(--rule);border-radius:2px;padding:.32rem .6rem;line-height:1.35;transition:border-color .25s}.wcard:hover .projects li{border-color:color-mix(in srgb,var(--accent) 30%,var(--rule))}.posts{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2.2rem 2.5rem;max-width:1000px;display:grid}.post{border-top:1px solid var(--rule);padding-top:1rem;transition:border-color .3s}.post:hover{border-top-color:var(--accent)}.post .tag{color:var(--steel);font-size:.9rem;font-weight:600}.post h3 a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .25s}.post:hover h3 a{border-bottom-color:var(--accent)}.post h3{letter-spacing:-.012em;margin:.5rem 0 .45rem;font-size:1.18rem;font-weight:500;line-height:1.35}.post p{color:var(--ink-soft);margin:0;font-size:1.1rem;font-weight:300}.morelink{font-family:var(--font);color:var(--accent);border-bottom:1px solid var(--accent-soft);margin-top:2.6rem;padding-bottom:2px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.morelink:hover{border-bottom-color:var(--accent)}.sitefoot{border-top:1px solid var(--rule);padding-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(3rem,6vw,4.5rem)}.sf-grid{text-align:center;grid-template-columns:1fr;place-items:center;gap:2rem;display:grid}@media (width>=700px){.sf-grid{text-align:left;grid-template-columns:auto 1fr;justify-items:start;gap:2.8rem}}.sf-photo{aspect-ratio:4/5;width:min(30vw,106px);margin:0 auto}@media (width>=700px){.sf-photo{width:clamp(90px,9vw,136px);margin:0}}.favatar{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.sf-info{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=700px){.sf-info{align-items:flex-start}}.sf-text{flex-direction:column;gap:.35rem;display:flex}.sf-name{letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.15}.sf-tag{color:var(--ink-soft)}.sf-loc{color:var(--mute)}.sf-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (width>=700px){.sf-links{justify-content:flex-start}}.sf-links a{color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:1px;text-decoration:none;transition:color .2s,border-color .2s}.sf-links a:hover{color:var(--ink);border-bottom-color:var(--accent)}@media (prefers-reduced-motion:no-preference){.rise{opacity:0;transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(14px)}.rise.in{opacity:1;transform:none}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-soft)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#progress{display:none}}@media (width<=720px){.vp{grid-template-columns:1fr;gap:1.7rem}.navwrap{gap:1.1rem}.menutoggle{place-items:center;display:grid}#nav{padding:.4rem var(--pad) 1rem;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.masthead.menu-open #nav{display:flex}#nav a{border-bottom:1px solid var(--rule);padding:.85rem 0}#nav a:last-child{border-bottom:0}}body{font-size:1.36rem}.wordmark{font-size:1.2rem}.stats .n{font-size:3.1rem}.stats .l{font-size:1.02rem}.stage .no{font-size:.92rem}.stage h3{font-size:1.34rem}.stage p{font-size:1.1rem}.flowhalves span{font-size:1.06rem}.leadcols p{font-size:1.24rem}#nav{font-size:1.12rem}.eyebrow{letter-spacing:.1em;font-size:1.02rem}.where{font-size:1.18rem}.vplbl{font-size:1.02rem}.vp h3{font-size:1.32rem}.vp p{font-size:1.26rem}.sectionintro{font-size:1.36rem}.wcard .era{font-size:1.06rem}.wcard .yrs{font-size:1.7rem}.wcard h3{font-size:1.56rem}.wcard .org{font-size:1.1rem}.wcard p{font-size:1.24rem}.lbl{font-size:.92rem}.projects li,.xcol li{padding:.34rem .62rem;font-size:1rem}.post .tag{font-size:1.02rem}.post h3{font-size:1.44rem}.post p{font-size:1.26rem}.morelink{font-size:1.22rem}footer{font-size:1.14rem}.sf-name{font-size:1.6rem}.sf-tag{font-size:1.08rem}.sf-loc{font-size:.98rem}.sf-links a{font-size:1.02rem}@media (width>=721px){body{font-size:1.22rem}.wordmark{font-size:1.08rem}.stats .n{font-size:clamp(3rem,3.6vw,4rem)}.stats .l{font-size:.95rem}.stage .no{font-size:.82rem}.stage h3{font-size:1.2rem}.stage p{font-size:1rem}.flowhalves span{font-size:.98rem}.leadcols p{font-size:1.12rem}nav{font-size:1rem}.eyebrow{letter-spacing:.13em;font-size:.88rem}.where{font-size:.98rem}.vplbl{font-size:.88rem}.vp h3,.vp p{font-size:1.12rem}.sectionintro{font-size:clamp(1.22rem,.55vw + 1.04rem,1.58rem)}.wcard .era{font-size:.92rem}.wcard .yrs{font-size:1.5rem}.wcard h3{font-size:1.34rem}.wcard .org{font-size:.92rem}.wcard p{font-size:1.1rem}.lbl{font-size:.86rem}.projects li,.xcol li{padding:.28rem .55rem;font-size:.86rem}.post .tag{font-size:.92rem}.post h3{font-size:1.2rem}.post p{font-size:1.12rem}.morelink{font-size:.98rem}footer{font-size:1.02rem}.sf-name{font-size:1.44rem}.sf-tag{font-size:.98rem}.sf-loc{font-size:.88rem}.sf-links a{font-size:.9rem}}