@charset "UTF-8";
:root{--bg:#101918;--surface:#17231f;--ink:#f0f3eb;--muted:#a2afa7;--accent:#b7f0d0;--line:#344039;--paper:#edf0e8;--paper-ink:#18251f;--paper-muted:#5a6860;--font:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.light-page a:focus-visible,.writing-section a:focus-visible{outline-color:#326448}::selection{color:var(--bg);background:var(--accent)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.32}p{color:var(--muted)}svg{width:22px;height:22px;flex-shrink:0}a svg,button svg{vertical-align:middle}a:hover svg{transform:translateX(3px)}svg{transition:transform .2s}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em}.eyebrow{display:block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:var(--muted)}.mint{color:var(--accent)}.muted{color:var(--muted)}.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:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:12px}.reading-progress{height:2px;background:var(--accent);position:fixed;top:0;inset-inline:0;z-index:60;transform:scaleX(0);transform-origin:left}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 22px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button-primary{color:#14271c;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:#d6f9e2}.button-quiet{background:transparent;color:var(--ink)}.button-light{background:var(--paper);color:var(--paper-ink);border-color:var(--paper);white-space:nowrap}.button-dark{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;white-space:nowrap}.text-link:hover{color:var(--accent)}
/* One shared navigation, with a native disclosure menu on narrow screens. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(16,25,24,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:80px;width:min(1340px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:flex;align-items:center;justify-content:center;border:1px solid #678a76;width:34px;height:34px;color:var(--accent);font-family:var(--mono);font-size:22px;font-weight:700;line-height:1;position:relative}.brand-mark>span{font-size:14px;position:absolute;right:1px;top:1px}.brand strong{font-size:14px;font-weight:600;white-space:nowrap}.brand-slash{color:#6d7971;margin:0 4px}.brand-en{font-family:var(--mono);font-weight:400;font-size:13px}.desktop-nav{display:flex;gap:32px;height:100%;align-items:center}.desktop-nav a{font-size:12px;font-family:var(--mono);color:var(--muted);position:relative;display:flex;gap:6px;align-items:center;height:100%}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.desktop-nav a[aria-current]:after{content:"";position:absolute;bottom:18px;left:0;width:15px;height:2px;background:var(--accent)}.nav-cn{font-family:var(--font);font-size:10px;color:#9aa69f}.header-location{color:#87968d}.mobile-nav{display:none}
/* Home: typography carries the identity, the diagram carries the working method. */
.hero{display:grid;grid-template-columns:1.26fr 1fr;column-gap:72px;padding-top:88px;padding-bottom:30px;position:relative}.hero-copy{padding-top:6px}.hero-label{display:flex;align-items:center;gap:10px;color:var(--accent)}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px #b7f0d016;flex-shrink:0}.hero h1{font-size:clamp(38px,4.45vw,64px);letter-spacing:-.055em;line-height:1.35;margin-top:28px;white-space:nowrap}.hero h1>span{color:var(--accent)}.hero-intro{max-width:490px;font-size:14px;line-height:1.95;margin-top:25px}.hero-actions{display:flex;gap:14px;margin-top:32px}.hero-byline{margin-top:40px;display:flex;gap:12px;align-items:center}.name-avatar{width:42px;height:42px;background:#263a2f;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-family:var(--mono);font-size:18px}.hero-byline strong{display:block;font-size:12px;font-weight:500}.hero-byline div>span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.hero-system{position:relative;align-self:start;min-height:447px;padding:24px 32px;background:radial-gradient(circle at 100% 0,#31533b33,transparent 55%),radial-gradient(#80928722 .65px,transparent .8px),#15201c;background-size:auto,16px 16px,auto;border:1px solid #47644f;box-shadow:16px 16px 0 -1px var(--bg),16px 16px 0 #344637}.hero-system:before,.hero-system:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--accent);background:var(--bg);z-index:1}.hero-system:before{left:-5px;top:-5px}.hero-system:after{right:-5px;bottom:-5px}.system-header{display:flex;align-items:center;justify-content:space-between;color:#acc4b3}.system-cross{font-size:34px;color:var(--accent);line-height:1}.system-title{font-size:40px;line-height:1.2;letter-spacing:-.03em;margin-top:16px}.system-stages{margin-top:25px;padding-left:24px;position:relative;display:grid;grid-template-columns:1fr;gap:15px}.system-stages:before{content:"";position:absolute;left:4px;top:14px;bottom:22px;width:1px;background:linear-gradient(#4f6e58,var(--accent))}.system-stages>div{display:grid;grid-template-columns:115px 1fr;position:relative;align-items:center;column-gap:8px}.system-stages>div:before{content:"";position:absolute;width:7px;height:7px;left:-23px;top:11px;background:var(--bg);border:1px solid var(--accent)}.system-stages .mono{font-size:9px;color:#a9c0b0}.system-stages strong{font-size:14px;font-weight:500}.system-stages p{grid-column:2;font-size:10px;color:#8ca295;margin-top:3px}.system-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;border-top:1px solid #42604c;padding-top:15px;color:#abc4b5;font-size:11px}.system-footer .mono{font-size:9px}.hero-bottom{grid-column:1/-1;margin-top:66px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#7e9186}.hero-bottom>a{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:20px}.hero-bottom>a span{font-size:20px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:64px;gap:40px}.capabilities article{border-bottom:1px solid var(--line);padding-bottom:26px}.capabilities h2{font-size:19px;margin-top:18px;letter-spacing:-.02em;max-width:290px}.capabilities p{font-size:13px;line-height:1.8;max-width:320px;margin-top:12px}.cap-proof{font-size:10px;color:#a5bfaf;display:block;margin-top:20px}.section{padding-top:68px;padding-bottom:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{font-size:36px;margin-top:14px;letter-spacing:-.035em}.section-heading .text-link{margin-bottom:4px}.section-intro{font-size:13px;margin-top:18px;max-width:650px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;margin-top:32px}.home-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{min-width:0}.project-visual-link{display:block;position:relative;overflow:hidden;border:1px solid #40584b;background:#18271f}.project-visual-link:hover{border-color:var(--accent)}.card-open{position:absolute;right:14px;top:14px;display:grid;place-items:center;background:#13271c;width:32px;height:32px;border:1px solid #557761;border-radius:50%;color:var(--accent)}.card-open svg{width:18px;height:18px}.card-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:var(--muted);font-size:10px;margin-top:20px}.card-meta .mono{font-size:10px}.project-card h3{font-size:25px;margin-top:7px;letter-spacing:-.02em}.project-card h3 a:hover{color:var(--accent)}.card-subtitle{font-size:13px;color:var(--ink);margin-top:9px;line-height:1.65}.card-summary{font-size:12px;line-height:1.8;margin-top:10px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags>span{font-size:10px;line-height:1.5;border:1px solid #3f5447;padding:4px 7px;color:#adc0b2;border-radius:2px}.card-bottom .text-link{font-size:11px;gap:4px}.card-bottom svg{width:17px;height:17px}.home-projects .card-bottom{flex-wrap:wrap;gap:12px}.project-diagram{background-image:radial-gradient(#a4c9af26 .7px,transparent .8px);background-size:14px 14px;aspect-ratio:1.72;padding:23px 22px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate}.project-diagram:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 10%,#60947628,transparent 80%)}.diagram-top{display:flex;align-items:center;gap:12px}.diagram-top .mono{font-size:9px;max-width:calc(100% - 35px)}.diagram-symbol{font-size:27px;line-height:1;color:#b7f0d0}.diagram-flow{display:flex;align-items:center;gap:6px;margin-top:5px}.diagram-node{flex:1;min-width:0;min-height:69px;background:#17291e;border:1px solid #5a7c61;padding:11px 9px;position:relative}.diagram-node .node-index{font-size:8px;color:#8ea497;display:block}.diagram-node strong{display:block;font-size:10px;font-weight:500;line-height:1.7;margin-top:3px}.diagram-node i{width:4px;height:4px;position:absolute;bottom:-2px;right:-2px;background:var(--accent)}.flow-line{color:#8eb69b;font-size:13px;flex-shrink:0}.project-diagram figcaption{font-size:9px;color:#9bad9e;margin-top:12px}.workflow{background-color:#1d2928}.workflow .diagram-node{background:#1a2926;border-color:#648c82}.workflow .diagram-symbol{color:#a6d8ce}.chat{background-color:#242923}.chat .diagram-node{background:#232c1e;border-color:#7f8c5a}.chat .diagram-symbol{color:#d6e7a2}.content{background-color:#2b2721}.content .diagram-node{background:#29241e;border-color:#9b8058}.content .diagram-symbol{color:#ebcb9a}.video{background-color:#212c2e}.video .diagram-node{background:#1c282c;border-color:#6a949d}.video .diagram-symbol{color:#b2dbe1}.research{background-color:#2b2425}.research .diagram-node{background:#2c2326;border-color:#976f79}.research .diagram-symbol{color:#e3b6c5}.reliability-section{border-block:1px solid var(--line);padding:68px 0;background:#15211c}.reliability-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.reliability-grid h2{font-size:34px;line-height:1.5;margin-top:16px;letter-spacing:-.03em}.reliability-grid>div>p{max-width:390px;font-size:13px;margin-top:18px}.reliability-grid .text-link{margin-top:26px}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.proof-grid>div{border-top:1px solid #48604d;padding-top:18px}.proof-grid strong{font-family:var(--mono);font-size:52px;font-weight:400;line-height:1.15;letter-spacing:-.04em;color:var(--accent)}.proof-grid strong>span{font-family:var(--font);font-size:15px;margin-left:8px}.proof-grid p{font-size:12px;margin-top:10px}.proof-note .mono{color:#9cc6aa;font-size:9px}.proof-note p{font-size:12px;line-height:2.1}.writing-section,.light-page{background:var(--paper);color:var(--paper-ink);--muted:var(--paper-muted);--line:#c8d0c5}.writing-section .text-link:hover,.light-page .text-link:hover{color:#38654b}.writing-section .section{padding-top:70px;padding-bottom:70px}.writing-row{display:grid;grid-template-columns:32px 1fr 44px;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.home-writing{margin-top:25px}.writing-index{color:var(--paper-muted);align-self:start;padding-top:3px}.writing-row h3{font-size:20px;line-height:1.6;max-width:880px;margin-top:8px;font-weight:500}.writing-row h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.writing-row p{font-size:12px;max-width:820px;margin-top:9px}.round-link{width:40px;height:40px;border:1px solid #bac8b9;border-radius:50%;display:grid;place-items:center}.round-link:hover{background:#d8e2d4}.contact-band{padding:70px 0;background:#253c2e;border-top:1px solid #385942}.contact-band>.container{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-band h2{font-size:36px;line-height:1.5;letter-spacing:-.03em;margin-top:15px}.contact-band .eyebrow{color:#b4c9b9}.contact-band p{font-size:12px;color:#b4c9b9;margin-top:14px}.site-footer{padding-top:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top p{font-size:11px}.footer-top>div{display:flex;gap:25px}.footer-top>div a{font-size:11px;color:var(--muted)}.footer-top svg{height:14px;width:14px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#94a298;padding-block:20px}.footer-bottom a:hover{color:var(--accent)}
/* Work and project details. */
.page-intro{padding-top:72px;padding-bottom:55px}.page-intro h1{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.04em;line-height:1.5;margin-top:22px}.page-intro>p,.page-intro>div>p{font-size:14px;max-width:700px;line-height:1.9;margin-top:24px}.work-list{padding-bottom:80px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;border-block:1px solid var(--line);padding:15px 0}.filter-bar>.mono{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:none;border:1px solid transparent;color:var(--muted);padding:6px 12px;border-radius:2px;font-size:11px;min-height:35px}.filters button:hover{border-color:#789181}.filters button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.content-note{font-size:11px;margin-top:40px;line-height:1.8;color:var(--muted)}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--accent)}.case-page{padding-top:44px;padding-bottom:72px}.case-heading{margin-top:40px}.case-heading h1{font-size:62px;line-height:1.25;letter-spacing:-.04em;margin-top:16px}.case-subtitle{font-size:24px;color:var(--ink);line-height:1.6;margin-top:18px}.case-heading .tags{margin-top:24px}.case-facts{display:grid;grid-template-columns:1.5fr .8fr 1.1fr;gap:35px;border-block:1px solid var(--line);padding:22px 0;margin-block:40px}.case-facts span{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.case-facts strong{font-size:12px;font-weight:500;line-height:1.8}.diagram-large{max-height:360px;aspect-ratio:3.6;border:1px solid #4b6855;padding:25px 40px}.diagram-large .diagram-top .mono{font-size:12px}.diagram-large .diagram-flow{gap:25px;max-width:860px;width:100%;margin:auto}.diagram-large .diagram-node{padding:20px 25px;min-height:108px}.diagram-large .node-index{font-size:11px}.diagram-large .diagram-node strong{font-size:18px}.diagram-large .flow-line{font-size:24px}.diagram-large figcaption{font-size:10px}.case-body{display:grid;grid-template-columns:220px minmax(0,720px);justify-content:space-between;gap:50px;padding-top:65px}.case-body aside{position:sticky;top:125px;align-self:start}.case-body aside nav{display:flex;flex-direction:column;gap:15px;margin-top:20px}.case-body aside a{font-size:12px;color:var(--muted)}.case-body aside a:hover{color:var(--accent)}.case-prose>section{margin-bottom:50px;scroll-margin-top:110px}.case-prose h2{font-size:28px;margin-top:12px;margin-bottom:22px}.case-prose p,.case-prose li{font-size:15px;color:#bac8bd;line-height:2}.case-prose p+p{margin-top:14px}.case-prose ol{padding-left:23px}.case-prose li{padding-left:8px;margin-bottom:20px}.case-prose li::marker{font-family:var(--mono);color:var(--accent);font-size:12px}.case-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.case-links .button{font-size:12px}.boundary{padding:25px 28px;background:#1c2b21;border-left:2px solid var(--accent)}.boundary h2{font-size:24px}.boundary p{font-size:13px}.case-prose .boundary{margin-bottom:0}
/* Writing: long-form content uses a restrained light reading surface. */
.writing-list{padding-bottom:75px}.writing-list .writing-row:first-child{border-top:1px solid var(--line)}.writing-list .writing-row{padding-block:35px}.reading-note{border-left:2px solid #648c70;padding:3px 0 3px 20px;margin-top:44px;max-width:780px}.reading-note p{font-size:12px;line-height:1.9;margin-top:10px}.essay-page{max-width:920px;padding-block:45px 75px}.essay-page>.back-link:hover{color:#356547}.essay-page header{margin-top:42px;border-bottom:1px solid var(--line);padding-bottom:32px}.essay-page h1{font-size:42px;letter-spacing:-.025em;line-height:1.6;margin-top:14px;text-wrap:pretty}.essay-meta{display:flex;gap:24px;font-size:11px;color:var(--muted);margin-top:22px}.essay-deck{font-size:15px;line-height:1.9;margin-top:24px}.essay-body{max-width:750px;margin:38px auto 0}.essay-body p{font-size:16px;line-height:2.1;margin-block:20px;color:#3a4c40}.essay-body strong{color:var(--paper-ink);font-weight:600}.essay-body h2{font-size:24px;line-height:1.7;margin-top:38px;margin-bottom:20px}.excerpt-end{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.excerpt-end p{font-size:13px}.excerpt-end .button{margin-top:8px;font-size:12px}
/* About and contact. */
.about-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;align-items:center;padding-bottom:75px}.about-intro h1{font-size:68px;line-height:1.3}.about-intro .about-position{color:var(--accent);font-size:20px;line-height:1.8;margin-top:16px}.about-labels{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.about-labels span{font-size:10px;padding-bottom:6px;border-bottom:1px solid #647b69;color:#b8d3c1}.identity-visual{padding:25px;background:#1b2d22;border:1px solid #56775e;aspect-ratio:1.06;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-image:radial-gradient(#9dccaa33 .7px,transparent .8px);background-size:18px 18px}.identity-visual>.mono{color:#abc9b5}.identity-visual>strong{font-size:185px;line-height:1.2;font-family:var(--mono);font-weight:300;color:var(--accent);display:flex;align-items:flex-start;justify-content:center;letter-spacing:-.1em}.identity-visual>strong span{font-size:100px;line-height:1.4}.identity-caption{display:flex;justify-content:space-between;align-items:end;color:#b3c9b9;font-size:10px;line-height:1.7}.timeline{margin-top:38px}.timeline>article{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;border-top:1px solid var(--line);padding-block:35px}.timeline-period{color:#a3bcaa;padding-top:5px}.timeline h3{font-size:24px}.experience-role{display:block;color:var(--accent);font-size:12px;margin-top:9px}.timeline p{font-size:13px;margin-top:15px}.timeline ul{padding-left:18px;margin-block:16px;color:#bcc9bf}.timeline li{font-size:13px;line-height:1.9;margin-bottom:12px;padding-left:6px}.timeline .experience-note{font-size:10px;color:#91a69a;line-height:1.8;margin-top:20px}.thinking-background{border-block:1px solid var(--line);padding-block:35px}.thinking-background h2{font-size:23px;margin-top:16px}.thinking-background p{font-size:13px;margin-top:12px;display:flex;justify-content:space-between;gap:24px}.thinking-background .mono{font-size:11px}.about-extra{padding-block:60px 70px}.about-extra h2{font-size:28px}.about-extra>p:not(.content-note){font-size:14px;max-width:730px;margin-top:20px;line-height:2}.about-extra .text-link{margin-top:24px}.about-extra .content-note{margin-top:25px}.contact-intro h1{max-width:1150px;font-size:55px}.contact-intro>p{max-width:700px}.contact-location{display:flex;align-items:center;gap:14px;color:#b8c8bd;font-size:12px;margin-top:26px}.contact-methods{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.email-card{padding:35px;background:#1b2b21;border:1px solid #52705b;min-width:0}.email-card h2{font-size:27px;line-height:1.6;margin-top:30px}.email-address{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:clamp(17px,2.4vw,28px);letter-spacing:-.03em;font-family:var(--mono);overflow-wrap:anywhere}.email-address:hover{color:var(--accent)}.contact-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.contact-secondary{border:1px solid var(--line);padding:30px 32px}.contact-secondary>article+article{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.contact-secondary h2{font-size:18px;margin-top:15px}.contact-value{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:24px;margin-top:14px}.small-copy{color:var(--ink);background:none;border:1px solid #617969;min-height:36px;min-width:48px;padding:4px 9px;font-size:11px}.contact-secondary p{font-size:10px;margin-top:13px}.elsewhere-links{display:grid;gap:12px;margin-top:18px}.elsewhere-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#b4cabb}.elsewhere-links svg{width:18px;height:18px}.contact-guidance{padding-block:42px 85px}.contact-guidance .mono{color:#91b6a0;font-size:10px}.contact-guidance p{font-size:12px;line-height:1.9;margin-top:12px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,10px);padding:11px 22px;color:#122218;background:var(--accent);font-size:12px;max-width:calc(100% - 30px);border-radius:3px;opacity:0;pointer-events:none;z-index:90;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}.not-found{padding-block:100px 140px}.not-found h1{font-size:48px;margin-top:20px}.not-found p{margin-top:20px}.not-found .button{margin-top:35px}
@media(min-width:1550px){.hero h1{font-size:61px}.hero{column-gap:90px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.hero{column-gap:40px;padding-top:65px}.hero h1{font-size:clamp(34px,4.4vw,50px)}.hero-system{padding-inline:23px;min-height:426px}.system-title{font-size:36px}.system-stages>div{grid-template-columns:100px 1fr}.system-stages .mono{font-size:8px}.system-stages strong{font-size:12px}.desktop-nav{gap:22px}.header-location{display:none}.home-projects{gap:22px}.home-projects .project-diagram{padding:18px 15px 12px;aspect-ratio:1.5}.home-projects .diagram-flow{gap:4px}.home-projects .diagram-node{padding:7px 5px;min-height:60px}.home-projects .diagram-node strong{font-size:9px}.home-projects .flow-line{font-size:10px}.home-projects .diagram-top .mono{font-size:8px}.capabilities{gap:28px}.capabilities h2{font-size:18px}.reliability-grid{gap:50px}.case-body{grid-template-columns:170px minmax(0,1fr);gap:35px}.about-intro{gap:50px}.identity-visual>strong{font-size:155px}.identity-visual>strong span{font-size:80px}.contact-intro h1{font-size:47px}.email-card{padding:28px}}
@media(max-width:900px){.hero{grid-template-columns:1fr 0.9fr;gap:32px}.hero h1{font-size:38px;white-space:normal}.hero-intro{font-size:13px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;gap:8px;padding-inline:14px}.hero-system{min-height:438px}.system-stages>div{grid-template-columns:1fr}.system-stages .mono{font-size:9px}.system-stages strong{font-size:13px;margin-top:3px}.system-stages p{grid-column:1;font-size:9px}.system-stages{gap:13px}.system-footer .mono{font-size:8px}.system-title{font-size:32px}.system-footer{gap:10px}.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.home-projects .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.home-projects .project-card:last-child .project-visual-link{grid-row:1/6}.home-projects .project-card:last-child .card-meta{margin-top:0}.home-projects .project-card:last-child .card-bottom{margin-top:15px}.home-projects .project-diagram{aspect-ratio:1.7;padding:20px}.home-projects .diagram-node strong{font-size:10px}.home-projects .diagram-node{padding:10px 8px}.cap-proof{font-size:9px}.capabilities h2{font-size:16px}.section-heading h2{font-size:31px}.proof-grid strong{font-size:45px}.reliability-grid h2{font-size:30px}.contact-methods{grid-template-columns:1fr 1fr}.contact-actions{gap:10px}.contact-actions .button{padding-inline:14px;font-size:12px}.email-card h2{font-size:22px}.email-address{font-size:22px}.contact-secondary{padding:27px}.case-heading h1{font-size:50px}.case-facts{gap:25px}.case-facts strong{font-size:11px}.diagram-large{aspect-ratio:3}.diagram-large .diagram-flow{gap:15px}.diagram-large .diagram-node{padding:15px;min-height:94px}.diagram-large .diagram-node strong{font-size:15px}.about-intro h1{font-size:54px}.identity-visual>strong{font-size:120px}.identity-visual>strong span{font-size:64px}.timeline>article{grid-template-columns:180px 1fr;gap:30px}.timeline h3{font-size:21px}.footer-top{gap:18px}.footer-top p{display:none}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);height:66px}.desktop-nav{display:none}.brand strong{font-size:13px}.brand-mark{width:30px;height:30px;font-size:20px}.mobile-nav{display:block}.mobile-nav summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;font-size:12px;padding:8px 0 8px 12px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary>span{font-size:22px;line-height:1;color:var(--accent)}.mobile-nav[open] summary>span{transform:rotate(45deg)}.mobile-nav nav{position:absolute;top:66px;left:0;right:0;padding:16px 20px 24px;background:#14211b;border-bottom:1px solid #59765f;box-shadow:0 18px 24px #0003;display:flex;flex-direction:column;gap:0}.mobile-nav nav a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #344639;font-family:var(--mono);font-size:14px;color:var(--muted)}.mobile-nav nav a[aria-current]{color:var(--accent)}.mobile-nav .nav-cn{font-size:11px}.hero{grid-template-columns:1fr;padding-top:47px;gap:0}.hero h1{font-size:clamp(30px,7.5vw,48px);white-space:normal;line-height:1.5;margin-top:20px}.hero-label .mono{font-size:9px;letter-spacing:.03em}.hero-intro{font-size:13px;line-height:1.95;margin-top:20px;max-width:490px}.hero-actions{margin-top:26px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:12px}.hero-byline{margin-top:28px}.hero-system{margin-top:40px;margin-right:9px;min-height:0;padding:22px 24px 20px;box-shadow:9px 9px 0 -1px var(--bg),9px 9px 0 #344637}.system-title{font-size:32px;line-height:1.25;margin-top:8px}.system-title br{display:none}.system-stages{margin-top:24px;gap:15px;padding-left:22px}.system-stages>div{grid-template-columns:105px 1fr;gap:4px 8px}.system-stages strong{font-size:13px;margin-top:0}.system-stages .mono{font-size:9px}.system-stages p{grid-column:2;font-size:10px}.system-stages>div:before{left:-21px}.system-footer{margin-top:22px;font-size:10px}.system-footer .mono{font-size:9px}.hero-bottom{margin-top:39px;padding-top:12px}.hero-bottom>.mono{font-size:8px}.hero-bottom>a{font-size:10px;gap:15px}.capabilities{grid-template-columns:1fr;padding-top:18px;padding-bottom:35px;gap:24px}.capabilities article{padding-bottom:22px;display:grid;grid-template-columns:1fr;gap:0}.capabilities h2{font-size:19px;max-width:none;margin-top:10px}.capabilities p{max-width:none;font-size:12px;margin-top:10px}.cap-proof{font-size:10px;margin-top:13px}.section{padding-top:40px;padding-bottom:48px}.section-heading{gap:18px;align-items:baseline}.section-heading h2{font-size:26px;line-height:1.5;margin-top:10px}.section-heading h2>.muted{display:block}.section-heading .text-link{font-size:11px;gap:5px}.section-heading .text-link svg{width:18px;height:18px}.eyebrow{font-size:10px}.section-intro{font-size:12px;line-height:1.9;margin-top:15px}.project-grid,.home-projects{grid-template-columns:1fr;gap:34px;margin-top:25px}.home-projects .project-card:last-child{display:block;grid-column:auto}.home-projects .project-card:last-child .card-meta{margin-top:18px}.home-projects .project-card:last-child .card-bottom{margin-top:22px}.project-diagram,.home-projects .project-diagram{aspect-ratio:1.8;padding:23px 20px 16px}.diagram-node,.home-projects .diagram-node{padding:10px 9px;min-height:70px}.diagram-node strong,.home-projects .diagram-node strong{font-size:11px}.diagram-top .mono,.home-projects .diagram-top .mono{font-size:9px}.flow-line,.home-projects .flow-line{font-size:13px}.diagram-flow,.home-projects .diagram-flow{gap:6px}.card-meta{margin-top:18px;font-size:10px}.project-card h3{font-size:25px}.card-subtitle{font-size:13px}.card-summary{font-size:12px}.card-bottom,.home-projects .card-bottom{flex-wrap:nowrap;gap:10px;margin-top:22px}.tags{gap:5px}.tags>span{font-size:9px;padding:4px 6px}.card-bottom .text-link{font-size:10px}.reliability-section{padding:43px 0}.reliability-grid{grid-template-columns:1fr;gap:30px}.reliability-grid h2{font-size:29px}.reliability-grid>div>p{font-size:12px}.proof-grid{gap:25px}.proof-grid strong{font-size:45px}.proof-grid p{font-size:11px}.writing-section .section{padding-block:43px}.home-writing{margin-top:10px}.writing-row{grid-template-columns:22px 1fr 28px;gap:14px;padding-block:24px}.writing-row h3{font-size:16px;line-height:1.7;margin-top:6px}.writing-row p{font-size:11px;line-height:1.85;margin-top:9px}.writing-index{font-size:9px}.round-link{width:28px;height:28px}.round-link svg{width:17px;height:17px}.contact-band{padding:44px 0}.contact-band>.container{flex-direction:column;align-items:flex-start;gap:25px}.contact-band h2{font-size:30px;margin-top:12px}.contact-band p{font-size:11px;line-height:1.85}.contact-band .button{min-height:45px;font-size:12px;padding-inline:18px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:22px}.footer-top .brand{width:100%}.footer-top>div{gap:25px}.footer-bottom{font-size:9px;line-height:1.9;padding-block:18px;gap:20px}.footer-bottom>a{white-space:nowrap}.page-intro{padding-top:43px;padding-bottom:35px}.page-intro h1{font-size:clamp(28px,7.7vw,42px);line-height:1.5;margin-top:18px;letter-spacing:-.045em}.page-intro>p,.page-intro>div>p{font-size:13px;line-height:1.95;margin-top:18px}.filter-bar{display:block;padding-block:14px}.filters{margin-top:13px;gap:4px}.filters button{font-size:10px;padding:6px 10px}.work-list{padding-bottom:45px}.content-note{font-size:10px;margin-top:27px}.case-page{padding-top:28px;padding-bottom:45px}.case-heading{margin-top:27px}.case-heading h1{font-size:41px;margin-top:16px}.case-subtitle{font-size:19px;margin-top:16px}.case-heading .tags{margin-top:20px}.case-facts{grid-template-columns:1fr 1fr;gap:22px;margin-block:26px;padding:20px 0}.case-facts>div:first-child{grid-column:1/-1}.case-facts strong{font-size:11px}.case-facts span{font-size:9px;margin-bottom:5px}.diagram-large{aspect-ratio:1.8;padding:21px 18px;max-height:none}.diagram-large .diagram-top .mono{font-size:9px}.diagram-large .diagram-flow{gap:6px;max-width:none}.diagram-large .diagram-node{padding:11px 8px;min-height:70px}.diagram-large .node-index{font-size:8px}.diagram-large .diagram-node strong{font-size:11px}.diagram-large .flow-line{font-size:13px}.diagram-large figcaption{font-size:9px}.case-body{grid-template-columns:1fr;gap:0;padding-top:35px}.case-body aside{position:static;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.case-body aside nav{flex-direction:row;flex-wrap:wrap;gap:13px 20px;margin-top:14px}.case-body aside a{font-size:10px}.case-prose>section{margin-bottom:34px}.case-prose h2{font-size:24px;margin-top:10px;margin-bottom:16px}.case-prose p,.case-prose li{font-size:13px;line-height:2}.case-prose li{margin-bottom:16px;padding-left:3px}.case-links{gap:10px;margin-top:22px}.case-links .button{font-size:11px;padding-inline:14px;gap:10px}.boundary{padding:22px 20px}.boundary h2{font-size:22px}.writing-list{padding-bottom:45px}.writing-list .writing-row{padding-block:25px}.reading-note{margin-top:30px;padding-left:15px}.reading-note p{font-size:11px}.essay-page{padding-block:28px 45px}.essay-page header{margin-top:28px;padding-bottom:25px}.essay-page h1{font-size:28px;line-height:1.6;margin-top:13px}.essay-meta{font-size:10px;gap:18px;margin-top:18px}.essay-deck{font-size:13px;line-height:1.9;margin-top:20px}.essay-body{margin-top:28px}.essay-body p{font-size:14px;line-height:2;margin-block:18px}.essay-body h2{font-size:21px;margin-top:28px}.excerpt-end{margin-top:32px;padding-top:25px}.excerpt-end p{font-size:12px}.about-intro{grid-template-columns:1fr;gap:35px;padding-bottom:30px}.about-intro h1{font-size:48px}.about-intro .about-position{font-size:18px;margin-top:14px}.about-labels{gap:12px}.about-labels span{font-size:9px}.identity-visual{max-width:370px;width:100%;aspect-ratio:1.45;padding:22px}.identity-visual>strong{font-size:120px;line-height:1}.identity-visual>strong span{font-size:70px}.identity-caption{font-size:9px}.timeline{margin-top:25px}.timeline>article{grid-template-columns:1fr;gap:13px;padding-block:25px}.timeline-period{font-size:10px}.timeline h3{font-size:22px;line-height:1.5}.timeline p,.timeline li{font-size:12px;line-height:1.95}.timeline .experience-note{font-size:10px;margin-top:16px}.thinking-background{padding-block:27px}.thinking-background h2{font-size:21px}.thinking-background p{display:block;font-size:12px}.thinking-background .mono{display:block;margin-top:8px;font-size:10px}.about-extra{padding-block:38px 45px}.about-extra h2{font-size:24px;line-height:1.6}.about-extra>p:not(.content-note){font-size:13px;line-height:1.95;margin-top:17px}.contact-intro h1{font-size:clamp(28px,7.8vw,42px)}.contact-methods{grid-template-columns:1fr;gap:20px}.email-card{padding:25px 22px}.email-card h2{font-size:23px;margin-top:22px}.email-address{font-size:clamp(17px,5.1vw,26px);margin-top:20px;gap:8px}.email-address svg{width:19px;height:19px}.contact-actions{margin-top:27px;gap:12px}.contact-secondary{padding:25px 22px}.contact-value{font-size:25px}.contact-secondary p{font-size:11px}.contact-guidance{padding-block:30px 50px}.contact-guidance p{font-size:11px;line-height:1.95}.not-found{padding-block:70px 100px}.not-found h1{font-size:33px}.not-found p{font-size:13px}}
@media(max-width:370px){.container,.header-inner{width:calc(100% - 32px)}.hero h1{font-size:28px}.hero-actions .button{padding-inline:14px;gap:8px}.system-stages>div{grid-template-columns:94px 1fr}.system-stages .mono{font-size:8px}.diagram-node strong,.home-projects .diagram-node strong{font-size:10px}.card-bottom{flex-wrap:wrap!important}.diagram-large .diagram-node strong{font-size:10px}.contact-intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}a:hover svg{transform:none}}