@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#171817;--paper:#f1f1e9;--red:#f5543f;--gray:#a6ad9c;--line:#3c4235;--font:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(22px,5.2vw,100px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:35px}
body{margin:0;background:var(--ink);color:var(--paper);font:400 1.125rem/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img,svg{max-width:100%;display:block}
::selection{background:var(--red);color:var(--ink)}:focus-visible{outline:2px solid var(--red);outline-offset:5px}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.055em}
.mono,.eyebrow,.tags{font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.015em;font-weight:400}
.red{color:var(--red)}.section-pad{padding-inline:var(--gutter)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:10px 20px;z-index:100}.skip-link:focus{top:15px}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--red);transform-origin:left;transform:scaleX(0);z-index:99}
.site-header{min-height:92px;margin-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.wordmark{font-size:36px;font-weight:700;letter-spacing:-.09em;line-height:1;min-width:56px;min-height:44px;display:flex;align-items:center}.brand-slash,.brand-dot{color:var(--red)}.brand-slash{font-weight:400;margin-inline:1px}
nav{display:flex;gap:30px;align-items:center}nav a{font-size:.875rem;position:relative;display:inline-flex;align-items:center;gap:4px;min-height:44px}nav sup{font-family:var(--mono);font-size:.75rem;color:var(--gray);align-self:flex-start;margin-top:8px}
nav a:after,.email-link:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}nav a:hover:after,nav a:focus-visible:after,.email-link:hover:after{transform:scaleX(1);transform-origin:left}
.motion-toggle{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--gray);font:.75rem var(--mono);padding:8px}.motion-toggle:hover{color:var(--paper)}.motion-toggle span{color:var(--red);font-size:16px}
.hero{padding-top:26px;padding-bottom:0}.hero-topline{display:flex;justify-content:space-between;gap:24px;color:var(--gray);text-transform:uppercase}.small-cross{font-size:18px;color:var(--red);margin-left:15px}
.identity-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:5%;align-items:center;padding-block:38px 34px;border-bottom:1px solid var(--line)}
h1{font-size:clamp(90px,12.2vw,212px);font-weight:550;letter-spacing:-.07em;line-height:.96;margin:0;min-width:0}.name-mask{display:block;overflow:hidden;padding:0 .07em .1em 0;margin-right:-.07em}.name-mask>span{display:block;animation:name-in 1.05s var(--ease) both}.name-mask:nth-child(2)>span{animation-delay:.12s}.name-period{color:var(--red)}
.portrait{min-width:0;width:100%;max-width:420px;justify-self:end;animation:portrait-in 1.1s .18s var(--ease) both}.portrait-image{position:relative;background:#d8d4bf;aspect-ratio:1.14;overflow:hidden;border-bottom:5px solid var(--red)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.8);transition:filter .7s,transform 1.2s var(--ease)}.portrait:hover img{filter:saturate(1);transform:scale(1.035)}.portrait-corner{position:absolute;right:12px;top:5px;font:28px var(--mono);color:#fff}.portrait-tag{position:absolute;bottom:0;left:0;background:var(--red);color:var(--ink);padding:7px 12px}.portrait figcaption{display:flex;justify-content:space-between;gap:10px;color:var(--gray);padding-top:12px}
.hero-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.65fr);align-items:center;gap:5%;padding:34px 0}.hero-copy{animation:fade-in .8s .35s both;min-width:0}.section-index{color:var(--gray)}.hero-copy h2{font-size:clamp(28px,3vw,46px);line-height:1.13;letter-spacing:-.045em;margin:19px 0 18px}.hero-copy p{font-size:1rem;max-width:485px;color:#bdc5b2}.circle-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;font-size:.875rem;min-height:44px}.circle-icon{width:44px;height:44px;border:1px solid #77836b;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .3s,transform .5s var(--ease),border-color .3s}.circle-link:hover .circle-icon{background:var(--red);border-color:var(--red);color:var(--ink);transform:rotate(-35deg)}
.network-field{position:relative;height:270px;min-width:0}#network{width:100%;height:100%;position:absolute;inset:0}.network-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#89977c;font-size:.75rem}
.hero-footnote{align-self:end;padding-bottom:7px;display:flex;flex-direction:column;gap:17px;color:#9fac8e}.hero-footnote strong{font:500 clamp(20px,1.75vw,28px)/1.2 var(--font);letter-spacing:-.03em;color:var(--paper)}.hero-baseline{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0;border-top:1px solid var(--line);color:#8c9b7c}.hero-baseline a{color:var(--paper);font-size:.875rem;white-space:nowrap;min-height:44px;display:flex;align-items:center}.hero-baseline a:hover{color:var(--red)}
.light-section{background:var(--paper);color:var(--ink)}.work{padding-top:52px;padding-bottom:65px}.section-topline{display:flex;justify-content:space-between;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:52px 0 62px}.section-heading h2{font-size:clamp(60px,7.3vw,110px);line-height:.98}.section-heading p{font-size:1rem;line-height:1.65;color:#626b58;max-width:410px;margin-bottom:3px}
.project{border-top:1px solid #b9c0ac;padding:22px 0 52px}.project:last-child{padding-bottom:0}.project-top{display:flex;justify-content:space-between;gap:24px;color:#626c55}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:7%;margin-top:35px;align-items:start}.project-copy{min-width:0}.project-copy h3{font-size:clamp(30px,3.3vw,50px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}.project-copy>p{font-size:1rem;max-width:430px;color:#565f4d}.tags{list-style:none;display:flex;gap:8px 18px;flex-wrap:wrap;padding:0;margin:21px 0;color:#59684a}.tags li:before{content:'#';color:#849775;margin-right:3px}
.project-details{border-top:1px solid #bdc6af;margin-top:26px}.project-details summary{list-style:none;font-size:.875rem;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{font:22px var(--mono);transition:transform .35s}.project-details[open] summary span{transform:rotate(45deg)}.details-content{padding:5px 0 16px}.details-content p{font-size:1rem;line-height:1.65;color:#565f4d;margin-bottom:16px}.details-content .project-note{font-size:.75rem;color:#68735c}
.project-visual{background:#20271b;color:#dce8c7;padding:24px;min-width:0;overflow:hidden;position:relative}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#afbf9c}.visual-top{align-items:flex-start}.visual-top>span:last-child{flex-shrink:0}.chart-key{display:block;color:#ff8066;margin-top:24px}.signal-chart{margin:9px 0 25px;color:#c8d4a9;overflow:visible;width:100%;height:auto}.chart-muted{fill:none;stroke:#667d4d;stroke-width:1.5}.chart-line{fill:none;stroke:#e3edb9;stroke-width:2.7;stroke-dasharray:850;stroke-dashoffset:850;transition:stroke-dashoffset 2.5s var(--ease)}.is-visible .chart-line{stroke-dashoffset:0}.chart-threshold{fill:none;stroke:var(--red);stroke-width:1;stroke-dasharray:5 7;opacity:.8}
.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:center;text-align:center}.pipeline span{padding:9px 3px;border:1px solid #556545;position:relative}.pipeline span+span:before{content:'';position:absolute;left:-12px;top:50%;width:11px;height:1px;background:#77915a}.pipeline .pipeline-active{background:#d7e2b3;color:#23271c;border-color:#d7e2b3}.visual-bottom{border-top:1px solid #4c5d3b;margin-top:27px;padding-top:17px;min-height:55px}.visual-bottom strong{font:32px var(--font);letter-spacing:-.05em;color:#dce6bd;white-space:nowrap}.visual-bottom strong span{font-size:1rem;margin-left:3px}
.project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:30px;max-width:670px}.project-metrics>div{display:flex;flex-direction:column;gap:6px}.project-metrics strong{font-weight:500;font-size:32px;letter-spacing:-.055em;line-height:1.15}.project-metrics span{font-size:.75rem;color:#5d6b50}
.sync-mobile{display:none}.sync-visual{background:#dce2d1;color:#424d36}.sync-visual .visual-top,.sync-visual .visual-bottom{color:#536545}.sync-visual .visual-bottom{border-color:#afbe9c}.sync-diagram{margin-top:23px;width:100%;min-height:190px}.sync-lines path{stroke:#8a9e73;stroke-width:1.5;fill:none;stroke-dasharray:4 5}.sync-pulse circle{fill:var(--red)}.diagram-box rect{fill:var(--paper);stroke:#aabc94}.state-box{fill:#26331b}.diagram-label text{text-anchor:middle;font:18px var(--mono);fill:#3e532b}.diagram-label .state-label{fill:#e3eacb}.sync-symbol{font:33px/1 var(--font)}
.about{padding-top:53px;padding-bottom:65px;border-bottom:1px solid var(--line)}.about .section-topline{color:var(--gray)}.about-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10%;margin-top:57px;align-items:center}.about-intro h2{font-size:clamp(48px,5.8vw,90px);line-height:1}.outline-type{color:transparent;-webkit-text-stroke:1px #afbf9c}.about-intro p{font-size:1.0625rem;color:#bdc5b2}
.experience-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:9%;margin-top:78px}.experience-label>.mono{color:var(--gray)}.experience-label>p{font-size:36px;letter-spacing:-.045em;line-height:1.15;margin-top:21px}.experience-row{border-top:1px solid var(--line);padding:20px 0 34px}.experience-meta{display:flex;justify-content:space-between;gap:18px;color:#9bad8b}.experience-row h3{font-size:30px;letter-spacing:-.035em;margin:22px 0 18px;line-height:1.1}.experience-row .role{display:block;font-size:.875rem;letter-spacing:0;color:#bcccb0;margin-top:10px}.experience-row p{font-size:1rem;line-height:1.7;color:#aebb9f;margin-top:13px}.experience-tags{display:block;color:#8b9f7a;margin-top:22px;overflow-wrap:anywhere}
.toolbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:9%;border-top:1px solid var(--line);padding-top:37px;margin-top:26px}.toolbox-title>.mono{color:var(--gray)}.toolbox-title h3{font-size:35px;line-height:1.15;margin-top:21px}.toolbox-groups{display:grid;gap:25px}.toolbox-groups h4{color:#a0b58a;margin:0 0 9px;font-weight:400}.toolbox-groups p{font-size:1.0625rem;color:#c2cbb8}.cert-code{font: .75rem var(--mono);color:#9db287;margin-left:7px}
.education-row{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding-top:30px;margin-top:43px}.education-symbol{font-family:Georgia,serif;font-weight:bold;font-size:42px;letter-spacing:-.1em;color:#b9c99e;padding-right:12px}.education-row>div{min-width:0}.education-row h3{font-size:20px;letter-spacing:-.025em;line-height:1.2}.education-row p{font-size:.875rem;color:#afbf9d;margin-top:10px}.education-row p .mono{margin-left:12px}.education-clubs{margin-left:auto;text-align:right;color:#9db087;line-height:1.8}
.contact{padding-top:42px;padding-bottom:25px;background:var(--red);color:var(--ink)}.contact .section-topline{color:#49221a}.contact .section-topline a{min-height:44px;display:flex;align-items:flex-start;white-space:nowrap}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:38px 0 30px}.contact-main h2{font-size:clamp(54px,7.8vw,120px);line-height:1}.contact-underscore{display:inline-block;animation:cursor-blink 1.6s steps(1,end) infinite}.contact-arrow{width:clamp(70px,11vw,155px);aspect-ratio:1;border:1px solid #943b2c;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:clamp(40px,5vw,78px);font-weight:400;transition:background .4s,color .4s,transform .6s var(--ease)}.contact-arrow:hover{background:var(--ink);color:var(--red);transform:rotate(45deg)}.email-link{display:inline-block;font-size:clamp(18px,2.3vw,32px);line-height:1.5;letter-spacing:-.03em;position:relative;overflow-wrap:anywhere;max-width:100%;min-height:44px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ac442f;margin-top:60px;padding-top:20px}.footer-bottom>div{display:flex;gap:28px}.footer-bottom a{display:flex;align-items:center;min-height:44px}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px}
.reveal{transition:opacity .8s var(--ease),transform .95s var(--ease)}html.js .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
@keyframes name-in{from{transform:translateY(110%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{from{clip-path:inset(100% 0 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes cursor-blink{0%,65%{opacity:1}66%,100%{opacity:.12}}
html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .chart-line{stroke-dashoffset:0}.motion-off .sync-pulse{display:none}
@media(min-width:1740px){:root{--gutter:max(5.2vw,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.identity-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:4%}h1{font-size:11.5vw}.hero-lower{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.hero-footnote{display:none}.hero-copy h2{font-size:32px}.project-layout{gap:5%}.project-visual{padding:20px}.pipeline{gap:8px;font-size:.75rem}.pipeline span+span:before{left:-9px;width:8px}.section-heading p{max-width:310px}.section-heading p br{display:none}.education-row{flex-wrap:wrap}.education-clubs{width:100%;text-align:left;margin-left:75px}}
@media(max-width:820px){.project-layout{grid-template-columns:1fr;gap:25px}.project-visual{grid-row:1}.project-copy>p{max-width:650px}.project-copy h3 br{display:none}.project-copy h3{font-size:38px}.project-visual{padding:24px}.signal-chart{max-height:220px}.sync-diagram{max-height:245px}.project-metrics{max-width:none}.about-intro{gap:6%}.about-intro h2{font-size:50px}.experience-block,.toolbox{grid-template-columns:1fr 1.65fr;gap:6%}.experience-label>p,.toolbox-title h3{font-size:30px}.experience-meta{flex-wrap:wrap;gap:4px 20px}}
@media(max-width:600px){:root{--gutter:22px}.site-header{min-height:76px;gap:12px}.wordmark{font-size:30px;min-width:47px}nav{gap:15px}nav a{font-size:.875rem}nav sup{display:none}.motion-toggle{font-size:0;gap:0;padding:0;justify-content:center;min-width:44px}.motion-toggle span{font-size:16px}.hero{padding-top:22px}.hero-topline{font-size:.75rem;gap:20px;align-items:flex-start}.hero-topline>span:first-child{max-width:195px}.hero-topline>span:last-child{text-align:right}.small-cross{display:none}.identity-layout{grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:4%;padding:30px 0 28px;align-items:center}h1{font-size:12vw;line-height:1.04;letter-spacing:-.07em}.name-mask{padding-bottom:.035em}.portrait-image{aspect-ratio:.85;border-bottom-width:3px}.portrait img{object-position:51% 42%}.portrait figcaption{display:none}.portrait-corner{font-size:20px;right:5px;top:0}.portrait-tag{font-size:.75rem;padding:4px 6px}.hero-lower{display:block;padding:25px 0 29px}.hero-copy h2{font-size:clamp(26px,7.2vw,41px);line-height:1.13;margin:17px 0 18px}.hero-copy p{font-size:1rem;line-height:1.65}.network-field{display:none}.circle-link{margin-top:22px}.hero-baseline{align-items:center;font-size:.75rem;gap:25px;padding:14px 0}.hero-baseline>span{max-width:190px}.hero-baseline a{font-size:.875rem}.work,.about{padding-top:34px;padding-bottom:43px}.section-topline{font-size:.75rem;gap:18px}.section-topline>span:last-child{max-width:150px;text-align:right}.section-heading{display:block;margin:39px 0 41px}.section-heading h2{font-size:68px}.section-heading p{font-size:1rem;margin-top:25px;max-width:none}.project{padding:19px 0 35px}.project-top{gap:18px;font-size:.75rem}.project-top>span:last-child{max-width:118px;text-align:right;flex-shrink:0}.project-top>span:first-child{max-width:210px}.project-layout{margin-top:24px;gap:26px}.project-copy h3{font-size:clamp(29px,8.1vw,40px);line-height:1.12;margin-bottom:16px}.project-visual{padding:18px}.visual-top{font-size:.75rem;gap:12px}.chart-key{font-size:.75rem;margin-top:20px}.signal-chart{margin:7px 0 22px;min-height:120px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pipeline span{padding:9px 5px}.pipeline span:before{display:none}.pipeline span:nth-child(3){grid-column:2;grid-row:2}.pipeline span:nth-child(4){grid-column:1;grid-row:2}.pipeline span:nth-child(2):after,.pipeline span:nth-child(3):after{content:'→';position:absolute;top:50%;transform:translateY(-50%);left:-11px;width:10px;font-size:12px;color:#9db880}.pipeline span:nth-child(3):after{content:'←'}.visual-bottom{margin-top:21px;font-size:.75rem;gap:17px}.visual-bottom strong{font-size:29px}.project-metrics{gap:14px;padding-top:25px}.project-metrics strong{font-size:26px}.project-metrics span{font-size:.75rem;line-height:1.45}.sync-diagram{margin-top:15px;min-height:185px}.diagram-label text{font-size:22px}.about-intro{grid-template-columns:1fr;gap:26px;margin-top:39px}.about-intro h2{font-size:clamp(43px,12vw,64px)}.about-intro p{font-size:1rem}.experience-block{grid-template-columns:1fr;gap:29px;margin-top:43px}.experience-label>p{font-size:31px}.experience-row{padding-bottom:31px}.experience-meta{font-size:.75rem}.experience-row h3{font-size:28px}.experience-tags{font-size:.75rem}.toolbox{grid-template-columns:1fr;gap:27px;margin-top:0;padding-top:31px}.toolbox-title h3{font-size:31px}.toolbox-groups p{font-size:1rem}.education-row{gap:16px;margin-top:34px;align-items:flex-start}.education-symbol{font-size:32px;padding:0;width:43px;flex-shrink:0}.education-row>div{flex:1}.education-row h3{font-size:18px}.education-row p{font-size:.875rem}.education-row p .mono{display:block;margin:8px 0 0}.education-clubs{margin-left:59px;font-size:.75rem}.contact{padding-top:29px}.contact .section-topline{font-size:.75rem}.contact-main{gap:15px;margin:30px 0 27px;align-items:flex-end}.contact-main h2{font-size:clamp(34px,8.8vw,52px)}.contact-arrow{width:58px;min-width:58px;font-size:34px;margin-bottom:3px}.email-link{font-size:clamp(16px,4.8vw,23px)}.footer-bottom{flex-wrap:wrap;gap:13px;margin-top:38px;padding-top:15px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:20px}.outline-type{-webkit-text-stroke:1px #c6d9ae}}
@media(max-width:600px){.sync-diagram{display:none}.sync-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 22px;position:relative;margin-top:30px;text-align:center;isolation:isolate}.sync-mobile:before{content:'';position:absolute;z-index:-1;top:15px;bottom:15px;left:24%;right:24%;border-left:1px dashed #819b67;border-right:1px dashed #819b67}.sync-mobile>span{background:var(--paper);border:1px solid #aabc94;padding:11px 3px;font-size:.75rem;position:relative}.sync-mobile>strong{grid-column:1/-1;justify-self:center;min-width:80%;padding:14px 9px;background:#26331b;color:#e3eacb;font-weight:400;font-size:.875rem}.pipeline span:nth-child(3):before{content:'↓';display:block;background:transparent;position:absolute;left:50%;top:-13px;width:12px;height:12px;transform:translateX(-50%);font-size:12px;line-height:12px;color:#9db880}}
@media(max-width:370px){:root{--gutter:18px}.site-header{gap:8px}nav{gap:9px}.wordmark{min-width:40px;font-size:27px}nav a{font-size:.875rem}.motion-toggle{min-width:44px}.hero-topline>span:first-child{max-width:170px}.hero-topline>span:last-child{max-width:80px}.hero-baseline{gap:12px}.hero-baseline>span{max-width:152px}.project-top{font-size:.75rem;gap:10px}.project-top>span:last-child{max-width:103px}.contact-main{display:block}.contact-arrow{margin-top:21px}.footer-bottom>div{gap:18px}.project-metrics{gap:10px}.project-metrics strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.chart-line{stroke-dashoffset:0}.sync-pulse{display:none}}