@font-face{
  font-family:"Stack Sans Text";
  src:url("fonts/StackSansText-Variable.woff2?v=20260924m") format("woff2");
  font-style:normal;
  font-weight:200 700;
  font-display:swap;
}
@font-face{
  font-family:"Noto Sans SC";
  src:url("fonts/NotoSansSC-SimonSubset.woff2?v=20260924m") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
@font-face{
  font-family:"Stack Sans Text Fallback";
  src:local("Arial");
  ascent-override:100%;
  descent-override:30%;
  line-gap-override:0%;
  size-adjust:107.99%;
}

:root{
  color-scheme:dark;
  --ink:#f2f4f7;
  --paper:#000000;
  --white:#f7f8fa;
  --muted:#9198a3;
  --line:#282c34;
  --soft:#15181e;
  --dark:#000000;
  --surface:#101318;
  --surface-raised:#151920;
  --accent:#a8bfdf;
  --accent-strong:#d1def0;
  --max:1320px;
  --pad:clamp(22px,4.8vw,72px);
  --radius:6px;
  --font-sans:"Stack Sans Text","Noto Sans SC","Stack Sans Text Fallback","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.62;letter-spacing:-.012em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-synthesis:none}
html:lang(zh-CN) body{line-height:1.72;letter-spacing:0}
html:lang(zh-CN) h1,html:lang(zh-CN) h2{letter-spacing:-.028em;line-height:1.08}
html:lang(zh-CN) h3{letter-spacing:-.016em;line-height:1.2}
html:lang(zh-CN) .kicker,html:lang(zh-CN) .mono,html:lang(zh-CN) .label,html:lang(zh-CN) .tag,html:lang(zh-CN) .status,html:lang(zh-CN) .crumb{letter-spacing:.06em}
html:lang(zh-CN) .hero-value,html:lang(zh-CN) .hero-availability,html:lang(zh-CN) .page-hero p,html:lang(zh-CN) .section-head p{line-height:1.72}
body::before{content:"";position:fixed;top:0;bottom:0;left:50%;width:1px;pointer-events:none;z-index:-1;background:rgba(255,255,255,.025)}
::selection{background:var(--accent);color:#0b0d11}

.site-header{height:78px;background:rgba(0,0,0,.94);border-color:var(--line);backdrop-filter:blur(22px) saturate(130%)}
.nav{height:77px}
.brand{gap:13px;color:var(--white);font-weight:620;letter-spacing:-.025em}
.brand-title{display:flex;flex-direction:column;line-height:1.15}
.brand-title small{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.015em;margin-top:3px}
.nav-actions{display:flex;align-items:center;gap:24px}
.nav-links{gap:28px}
.nav-links a{color:#a5abb4;padding:27px 0 24px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--white);border-color:var(--accent)}
.language-switch{display:flex;align-items:center;padding:3px;border:1px solid #313640;border-radius:999px;background:#0d0f13}
.language-switch button{min-width:38px;height:28px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#747c88;font-size:11px;font-weight:650;letter-spacing:.02em;cursor:pointer}
.language-switch button.active{background:#252b34;color:var(--white)}
.menu{color:var(--white);font-size:14px}

.kicker,.mono,.label,.tag,.status,.crumb{font-family:var(--font-sans);letter-spacing:.095em}
.kicker{color:var(--accent);font-size:12px;font-weight:600}
.page{overflow:hidden}
.v3-hero{padding-block:clamp(86px,10vw,148px) clamp(76px,8vw,112px);border-bottom:1px solid var(--line);position:relative}
.v3-hero::after{content:"";position:absolute;right:var(--pad);bottom:-1px;width:clamp(110px,18vw,260px);height:2px;background:var(--accent)}
.v3-hero .hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:8vw;align-items:end}
.v3-name{color:var(--muted);font-size:14px;margin-bottom:clamp(38px,5vw,72px)}
.v3-name strong{color:var(--white);font-size:22px;font-weight:620;margin-bottom:3px}
.v3-hero h1{max-width:970px;margin:0 0 34px;font-size:clamp(62px,8.8vw,124px);line-height:.92;letter-spacing:-.072em;font-weight:590;text-wrap:balance}
.v3-support{max-width:720px;color:#b3bac4;font-size:clamp(20px,2vw,28px);line-height:1.45}
.v3-meta{border-color:#3a4049;color:#939aa5;gap:10px;padding-top:22px;display:grid}
.v3-meta span::before{color:var(--accent);margin-right:11px}

.button{min-height:50px;padding:0 21px;border-color:#464d58;border-radius:5px;color:var(--white);font-size:14px;font-weight:560;transition:background .18s,border-color .18s,color .18s,transform .18s}
.button.primary{background:var(--white);border-color:var(--white);color:#090a0d}
.button:hover{transform:translateY(-2px);box-shadow:none;background:var(--surface-raised);border-color:#788392}
.button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#090a0d}
.arrow-link{border-color:#5d6673;color:var(--white)}
.arrow-link:hover{color:var(--accent-strong);border-color:var(--accent)}

.section{padding-block:clamp(88px,10vw,148px)}
.section+.section{border-top:1px solid rgba(255,255,255,.035)}
.section-head{grid-template-columns:minmax(150px,.52fr) minmax(0,1.8fr);gap:52px;margin-bottom:58px}
.section-head h2,.page-title{color:var(--white);font-size:clamp(43px,5.6vw,76px);font-weight:560;line-height:1;letter-spacing:-.055em;text-wrap:balance}
.section-head p,.page-hero p{color:#a6adb7}

.public-work-empty{border-color:#3a4049;padding:clamp(42px,6vw,76px) 0;grid-template-columns:.52fr 1.48fr;gap:52px}
.public-work-empty h3{color:var(--white);font-size:clamp(34px,4vw,52px);font-weight:560}
.public-work-empty p,.work-empty-page p{color:#a2a9b3}
.currently-block{margin-top:36px;padding:22px 24px;border:1px solid #2f3540;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface)}
.currently-block h3{color:var(--white);font-weight:590}
.currently-block p{color:#9ca4ae}

.credibility,.evidence-strip,.how-grid,.cap-grid,.timeline,.recommend{border-color:#3a4049}
.credibility-item,.evidence-proof,.how-item,.cap{min-height:260px;padding:30px 28px;border-color:var(--line);background:var(--surface)}
.credibility-item:first-child,.evidence-proof:first-child{border-left-color:var(--line)}
.credibility-item .date,.evidence-proof .mono,.timeline-item .date{color:var(--accent)}
.credibility-item h3,.evidence-proof h3,.how-item h3,.cap h3{color:var(--white);font-weight:560;letter-spacing:-.025em}
.credibility-item p,.evidence-proof p,.how-item p,.cap p,.timeline-item p,.role-more{color:#969da8}
.human-note{border-color:#3a4049;padding:clamp(36px,5vw,64px) 0}
.human-note blockquote{color:var(--white);font-weight:520}
.human-note p{color:#969da8!important}

.page-hero{padding-block:clamp(88px,10vw,148px) clamp(70px,8vw,108px);border-color:var(--line)}
.page-hero .kicker{margin-bottom:28px}
.page-hero p{line-height:1.48}
.work-empty-page{max-width:860px;padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);background:var(--surface)}
.work-empty-page h2{color:var(--white);font-weight:560}
.profile-statement,.contact-note{color:var(--white);font-weight:520}
.profile-copy p{color:#a1a8b2}
.principles{border-top:1px solid #3a4049}
.principle,.contact-row,.recommend div{border-color:var(--line)}
.principle span:first-child,.contact-row .label{color:var(--accent)}
.timeline-item{padding:34px 0;border-color:var(--line);grid-template-columns:175px .9fr 1.25fr 42px}
.timeline-item h3{color:var(--white);font-weight:560}
.expand{border-color:#414854;border-radius:50%;color:var(--white);transition:background .18s,transform .2s}
.expand:hover{background:#20252d}
.role-more{border-left:2px solid var(--accent);padding:4px 0 4px 18px}
.cap-grid{border-left-color:var(--line)}
.contact-list{border-top:1px solid #3a4049}
.contact-row{transition:color .18s,padding .18s}
a.contact-row:hover{color:var(--accent-strong);padding-left:10px}
.resume-card{border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);padding:clamp(24px,3vw,36px)}
.resume-card h2{color:var(--white)}
.resume-card p{color:#9da4ae}
.resume-preview{border:1px solid var(--line);border-radius:var(--radius);background:#d9d9d9}
.footer{background:#000000;border-top:1px solid #252932}
.footer .kicker{color:var(--accent)}
.footer h2{color:var(--white);font-size:clamp(48px,8vw,108px);font-weight:540}
.footer .button.light{border-color:#414751;color:var(--white)}
.footer .button.light.primary{background:var(--white);border-color:var(--white);color:#08090b}
.footer-bottom{border-color:#242831;color:#777f8a}
.empty{border-color:#414854;color:#939aa5}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.preview-note{max-width:680px;color:#7f8792!important;font-size:14px!important;margin-top:18px!important}
.featured-project-list{display:grid;gap:clamp(72px,9vw,130px)}
.evidence-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:clamp(34px,5vw,76px);align-items:start;padding-top:22px;border-top:1px solid #39404a}
.evidence-project:nth-child(even){grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr)}
.evidence-project:nth-child(even) .project-visual{order:2}
.project-visual{display:block;color:inherit}
.project-art{position:relative;min-height:clamp(380px,48vw,650px);overflow:hidden;border:1px solid #303640;background:#0e1116;transition:border-color .35s,transform .65s cubic-bezier(.16,1,.3,1)}
.project-visual:hover .project-art{transform:translateY(-6px);border-color:#586272}
.project-art-real{margin:0;background:#11151a;display:flex;align-items:center;justify-content:center}
.project-art-real img{display:block;width:100%;height:100%;min-height:clamp(380px,48vw,650px);object-fit:cover;object-position:center}
.project-art-real .art-label{padding:7px 9px;background:rgba(8,10,13,.78);backdrop-filter:blur(8px);color:#d5dbe3}
.project-art::before,.project-art::after{content:"";position:absolute;inset:auto}
.project-art .art-label{position:absolute;left:20px;top:18px;z-index:3;color:#8d95a0;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.project-art b{position:absolute;right:18px;bottom:10px;color:#222933;font-size:clamp(82px,12vw,180px);font-weight:300;line-height:1;letter-spacing:-.08em}
.project-art i{position:absolute;display:block;border:1px solid #49515d;background:#151a21}
.art-operations::before{left:9%;top:18%;width:53%;height:57%;border:1px solid #667181;background:linear-gradient(180deg,#1a2028,#11151b);box-shadow:34px 36px 0 -1px #10141a,34px 36px 0 0 #313844}
.art-operations::after{right:9%;top:30%;width:20%;height:42%;border:1px solid #8390a0;background:#171c23}
.art-operations i:nth-of-type(1){left:14%;top:27%;width:38%;height:4px;background:var(--accent);border:0}.art-operations i:nth-of-type(2){left:14%;top:38%;width:31%;height:18%;background:#202731}.art-operations i:nth-of-type(3){right:13%;top:38%;width:12%;height:25%;background:repeating-linear-gradient(0deg,#303945 0 1px,transparent 1px 16px)}
.art-ai{background:radial-gradient(circle at 54% 48%,#27313d 0 2%,transparent 2.3%),radial-gradient(circle at 54% 48%,transparent 0 15%,#36414e 15.2% 15.5%,transparent 15.7%),#0d1014}
.art-ai::before{left:12%;right:12%;top:19%;height:1px;background:#39424e;box-shadow:0 86px #303945,0 172px #303945,0 258px #303945}
.art-ai::after{top:15%;bottom:15%;left:50%;width:1px;background:#39424e;box-shadow:-170px 0 #262e37,170px 0 #262e37}
.art-ai i{width:11px;height:11px;border-radius:50%;background:var(--accent);border:0;box-shadow:0 0 24px rgba(168,191,223,.65)}.art-ai i:nth-of-type(1){left:27%;top:33%}.art-ai i:nth-of-type(2){left:52%;top:52%}.art-ai i:nth-of-type(3){right:25%;top:68%}
.art-wellness::before{left:13%;top:17%;width:27%;height:64%;border:1px solid #5b6674;border-radius:18px;background:linear-gradient(180deg,#202732,#11151a)}
.art-wellness::after{right:10%;top:21%;width:43%;height:51%;border:1px solid #4a5360;background:repeating-linear-gradient(0deg,#171c22 0 54px,#29313b 55px 56px)}
.art-wellness i:nth-of-type(1){left:18%;top:28%;width:17%;height:28%;border-radius:8px}.art-wellness i:nth-of-type(2){right:15%;top:30%;width:31%;height:5px;background:var(--accent);border:0}.art-wellness i:nth-of-type(3){right:15%;top:48%;width:24%;height:8%;background:#2c3540}
.art-information::before{left:8%;top:16%;width:84%;height:64%;border:1px solid #4c5663;background:linear-gradient(90deg,#151a20 0 27%,#252d37 27.2% 27.5%,#11151a 27.7%)}
.art-information::after{left:40%;top:28%;width:43%;height:34%;background:repeating-linear-gradient(0deg,#1c222a 0 38px,#3b4653 39px 40px);border:1px solid #46515e}
.art-information i:nth-of-type(1){left:13%;top:27%;width:11%;height:4px;background:var(--accent);border:0}.art-information i:nth-of-type(2){left:13%;top:39%;width:8%;height:3px}.art-information i:nth-of-type(3){left:13%;top:51%;width:10%;height:3px}
.art-event::before{left:17%;top:15%;width:29%;height:65%;border:1px solid #53606e;background:#171d24;transform:rotate(-4deg)}
.art-event::after{right:15%;top:20%;width:32%;height:58%;border:1px solid #5a6675;background:#11161c;transform:rotate(4deg)}
.art-event i:nth-of-type(1){left:23%;top:28%;width:17%;height:20%;background:#28323e}.art-event i:nth-of-type(2){right:21%;top:34%;width:20%;height:3px;background:var(--accent);border:0}.art-event i:nth-of-type(3){right:24%;top:48%;width:14%;height:14%;background:repeating-linear-gradient(90deg,#8795a6 0 2px,transparent 2px 5px)}
.art-brand{background:#130f12}
.art-brand::before{left:9%;top:15%;width:82%;height:67%;background:linear-gradient(135deg,#5f1f29 0 32%,#d1b983 32.2% 48%,#315363 48.2% 66%,#171318 66.2%);filter:saturate(.65);border:1px solid #66555b}
.art-brand::after{left:28%;top:29%;width:43%;height:26%;border:2px solid rgba(255,255,255,.65);border-radius:999px;transform:rotate(-6deg)}
.art-brand i:nth-of-type(1){left:15%;bottom:23%;width:18%;height:5px;background:#d1b983;border:0}.art-brand i:nth-of-type(2){left:40%;bottom:23%;width:18%;height:5px;background:#315363;border:0}.art-brand i:nth-of-type(3){right:15%;bottom:23%;width:18%;height:5px;background:#732b37;border:0}
.project-eyebrow{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.project-copy h3{margin:38px 0 10px;color:var(--white);font-size:clamp(37px,4.2vw,62px);font-weight:520;line-height:1.02;letter-spacing:-.055em}
.project-name{margin:0 0 8px;color:#d2d7de;font-size:18px;font-weight:540}
.project-type{margin:0;color:#7e8792;font-size:12px;letter-spacing:.03em}
.project-description{margin:28px 0;color:#a5acb6;font-size:17px;line-height:1.55}
.card-contribution{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.card-contribution>span{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.card-contribution ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:0;padding:0;list-style:none;color:#a1a8b2;font-size:13px}
.card-contribution li::before{content:"—";margin-right:7px;color:#5d6671}.card-contribution.pending p{margin:0;color:#777f8a;font-size:13px}
.project-foot{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:34px;color:#747d88;font-size:11px}
.evidence-project.compact{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}
.problem-spectrum{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #39404a;border-left:1px solid #272c34}
.problem-spectrum article{min-height:250px;padding:24px 20px;border-right:1px solid #272c34;border-bottom:1px solid #272c34;background:#101318}
.problem-spectrum article>span{color:#59626e;font-size:11px}.problem-spectrum h3{margin:70px 0 12px;color:var(--white);font-size:21px;font-weight:540;line-height:1.1}.problem-spectrum p{margin:0;color:#8f97a2;font-size:13px}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #39404a}
.approach-grid article{min-height:260px;padding:27px 28px;border-right:1px solid var(--line);background:#0e1115}.approach-grid article:last-child{border-right:0}.approach-grid .mono{color:var(--accent)}.approach-grid h3{margin:72px 0 13px;color:var(--white);font-size:25px;font-weight:540}.approach-grid p{margin:0;color:#929aa5}
.ownership-preview{padding-bottom:80px!important}.ownership-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #39404a}.ownership-grid>div{min-height:180px;padding:20px;border-right:1px solid var(--line);background:#101318}.ownership-grid>div:last-child{border-right:0}.ownership-grid .label{color:var(--accent)}.ownership-grid ul{padding-left:18px;color:#a1a8b2}.ownership-grid p{font-size:14px;color:#7f8792}
.artifact-caption{margin-top:14px!important;color:#8c949f!important;font-size:13px!important}.artifact-caption strong{color:#bdc5cf;font-weight:550}
.case-artifact{margin:34px 0 0;border:1px solid #303640;background:#090b0e;overflow:hidden}
.case-artifact img{display:block;width:100%;height:auto}
.case-artifact figcaption{padding:14px 16px;border-top:1px solid #303640;color:#9ca4af;font-size:13px;line-height:1.5}
.case-artifact.is-mobile{max-width:520px}
.artifact-comparison{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr);gap:18px;margin:34px 0 0}.artifact-comparison>div{display:flex;flex-direction:column;gap:10px}.artifact-comparison span{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.artifact-comparison img{display:block;width:100%;height:auto;border:1px solid #303640;background:#090b0e}.artifact-comparison figcaption{grid-column:1/-1;color:#9ca4af;font-size:13px;line-height:1.5}
.artifact-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0 0}.artifact-gallery>div{display:flex;min-width:0;flex-direction:column;gap:10px}.artifact-gallery span{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.artifact-gallery img{display:block;width:100%;height:auto;border:1px solid #303640;background:#090b0e}.artifact-gallery figcaption{grid-column:1/-1;color:#9ca4af;font-size:13px;line-height:1.5}.system-gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.system-gallery>div{grid-column:span 4}.system-gallery img{aspect-ratio:4/3;object-fit:contain;background:#5c001d}.page-gallery{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.page-gallery img{aspect-ratio:.58;object-fit:cover;object-position:top}.evidence-project[data-categories*="Visual System"] .project-art-real img{object-position:top}
.case-sequence{display:grid;grid-template-columns:repeat(6,1fr);margin:32px 0 0;border-top:1px solid #39404a;border-left:1px solid #2b3038}.case-sequence>div{min-height:116px;padding:16px 13px;border-right:1px solid #2b3038;border-bottom:1px solid #2b3038;background:#101318}.case-sequence span{display:block;color:#59626e;font-size:10px}.case-sequence strong{display:block;margin-top:34px;color:#dce1e7;font-size:13px;font-weight:540;line-height:1.25}
.case-facts{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px;border-top:1px solid #39404a;border-left:1px solid #2b3038}.case-facts span{min-height:78px;padding:22px 18px;border-right:1px solid #2b3038;border-bottom:1px solid #2b3038;color:#c4cad2;font-size:14px}
.case-annotation{margin:12px 0 0!important;padding:13px 15px;border-left:2px solid var(--accent);background:#101419;color:#aeb6c0!important;font-size:12px!important}
.design-decision{margin-top:34px;padding:24px;border:1px solid #3a424d;background:#101318}.design-decision>.label{color:var(--accent)}.design-decision h3{margin:10px 0 24px;color:var(--white);font-size:27px;font-weight:540;letter-spacing:-.035em}.design-decision>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#303741}.design-decision p{margin:0!important;padding:18px;background:#101318;color:#939ca7!important;font-size:13px!important}.design-decision strong{display:block;margin-bottom:9px;color:#d7dde5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.case-boundary{margin-bottom:72px;padding:19px 20px;border:1px solid #343b45;background:#0e1115}.case-boundary .label{color:var(--accent)}.case-boundary p{margin:8px 0 0;color:#949da8;font-size:13px;line-height:1.55}
.interface-archive{padding-top:34px;border-top:1px solid #39404a}
.archive-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(32px,5vw,72px);align-items:end;margin-bottom:42px}
.archive-heading h2{margin:12px 0 0}.archive-heading p{margin:0;color:#8f97a2;font-size:14px;line-height:1.6}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(46px,6vw,78px) 18px}
.archive-card{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-card:first-child{grid-column:1/-1}
.archive-visual{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #303640;background:#11151a}
.archive-card:first-child .archive-visual{aspect-ratio:16/9}
.archive-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,6,8,.55));opacity:.55;transition:opacity .45s ease}
.archive-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.92);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .45s ease}
.archive-visual i{position:absolute;right:16px;bottom:14px;z-index:2;padding:8px 11px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(8,10,13,.72);color:#fff;font-size:11px;font-style:normal;letter-spacing:.04em;backdrop-filter:blur(10px);transform:translateY(8px);opacity:0;transition:transform .35s ease,opacity .35s ease}
.archive-card:hover .archive-visual img{transform:scale(1.018);filter:saturate(1)}.archive-card:hover .archive-visual::after{opacity:.9}.archive-card:hover .archive-visual i,.archive-card:focus-visible .archive-visual i{transform:none;opacity:1}
.archive-meta{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding-top:15px;border-top:1px solid #313741}
.archive-meta>span{display:flex;gap:13px}.archive-meta small{color:var(--accent);font-size:10px}.archive-meta strong{color:#e7ebf0;font-size:16px;font-weight:540}.archive-meta em{color:#737c88;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.07em;text-align:right}
.archive-note{margin:40px 0 0!important;padding-left:16px;border-left:2px solid var(--accent);color:#7e8792!important;font-size:12px!important}
.pdf-viewer{width:calc(100vw - 28px);max-width:none;height:calc(100vh - 28px);max-height:none;margin:auto;padding:0;border:1px solid #343b45;background:#07090c;color:var(--white)}
.pdf-viewer::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(10px)}
.pdf-viewer-shell{display:grid;grid-template-rows:auto 1fr;height:100%}.pdf-viewer header{display:flex;justify-content:space-between;gap:28px;align-items:center;min-height:76px;padding:13px 18px;border-bottom:1px solid #303640;background:#0d1014}.pdf-viewer header>div:first-child{display:flex;flex-direction:column}.pdf-viewer header strong{margin-top:3px;font-size:16px;font-weight:540}.pdf-viewer-actions{display:flex;gap:10px;align-items:center}.pdf-viewer-actions>a,.pdf-viewer-actions>button,.pdf-variants button,.pdf-zoom button{min-height:36px;padding:0 12px;border:1px solid #3e4652;border-radius:999px;background:transparent;color:#c9cfd7;font:11px var(--font-sans);cursor:pointer}.pdf-viewer-actions>a{display:flex;align-items:center}.pdf-viewer-actions>button{background:#f1f3f6;color:#080a0d;border-color:#f1f3f6}.pdf-variants,.pdf-zoom{display:flex;gap:5px;padding:3px;border:1px solid #313741;border-radius:999px}.pdf-variants button{min-height:28px;border:0;color:#757f8b}.pdf-variants button.active{background:#252c35;color:#fff}.pdf-zoom{align-items:center}.pdf-zoom button{width:30px;min-height:28px;padding:0;border:0;font-size:16px}.pdf-zoom span{min-width:42px;color:#8e97a3;font-size:10px;text-align:center}.pdf-stage{position:relative;min-height:0;overflow:auto;padding:16px;background:#1a1d22}.pdf-stage>img{display:block;max-width:none;width:100%;height:auto;margin:0 auto;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.34);transition:width .35s cubic-bezier(.16,1,.3,1)}.pdf-loading{position:sticky;left:50%;top:18px;z-index:3;width:max-content;padding:9px 13px;border:1px solid #404957;border-radius:999px;background:rgba(8,10,13,.88);color:#d3d9e1;font-size:11px;letter-spacing:.03em;transform:translateX(-50%);backdrop-filter:blur(10px)}.pdf-loading[hidden]{display:none}html.pdf-open{overflow:hidden}
.verified-summary{grid-template-columns:repeat(3,1fr)!important}.verified-summary .summary-item{min-height:112px}.verified-summary .summary-item:nth-child(3n){border-right:0}
.secondary-work-section{padding-top:clamp(60px,7vw,96px)}
.secondary-work-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 24px;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--line);color:#929aa5;font-size:13px;transition:color .2s,padding .25s}
.secondary-work-row:last-child{border-bottom:1px solid var(--line)}.secondary-work-row span:first-child{color:var(--white);font-size:18px;font-weight:530}.secondary-work-row b{color:var(--accent);font-size:18px;font-weight:400}.secondary-work-row:hover{padding-left:10px;color:#c8ced6}

html[lang="zh-CN"] body{letter-spacing:0}
html[lang="zh-CN"] .v3-hero h1,html[lang="zh-CN"] .section-head h2,html[lang="zh-CN"] .page-title,html[lang="zh-CN"] .footer h2{letter-spacing:-.045em}
html[lang="zh-CN"] .v3-hero h1{line-height:1.02;max-width:900px}
html[lang="zh-CN"] .section-head h2,html[lang="zh-CN"] .page-title{line-height:1.08}
html[lang="zh-CN"] .kicker,html[lang="zh-CN"] .label{letter-spacing:.04em}

@media(max-width:950px){
  .v3-hero .hero-grid{grid-template-columns:1fr}.v3-meta{margin-top:42px;grid-template-columns:repeat(3,auto);justify-content:start}
  .timeline-item{grid-template-columns:130px 1fr 40px}.timeline-item p{grid-column:2}.role-more{grid-column:2}
  .evidence-project,.evidence-project:nth-child(even),.evidence-project.compact{grid-template-columns:1fr}.evidence-project:nth-child(even) .project-visual{order:0}.project-art{min-height:520px}.problem-spectrum{grid-template-columns:repeat(2,1fr)}.problem-spectrum article:last-child{grid-column:1/-1}.ownership-grid{grid-template-columns:1fr}.artifact-comparison{grid-template-columns:1fr}.artifact-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.system-gallery>div{grid-column:auto}.page-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.case-sequence{grid-template-columns:repeat(3,1fr)}.design-decision>div{grid-template-columns:1fr}.archive-heading{grid-template-columns:1fr}.archive-heading p{max-width:640px}
  .pdf-viewer header{align-items:flex-start;flex-direction:column;gap:10px;padding:13px 16px}.pdf-viewer-actions{width:100%;overflow-x:auto;padding-bottom:2px}.pdf-viewer-actions>*{flex:0 0 auto}
}
@media(max-width:1040px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#000000;padding:24px var(--pad);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0}
  .nav-links.open{display:flex}.nav-links a{width:100%;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
  .menu{display:block}
}
@media(max-width:720px){
  .site-header{height:70px}.nav{height:69px}.brand-title>span{font-size:14px}.brand-title small{font-size:10px}
  .nav-actions{gap:10px}.language-switch button{min-width:40px;height:32px;padding:0 8px}.menu{min-width:44px;min-height:44px;padding:8px 0 8px 8px;display:inline-flex;align-items:center;justify-content:flex-end}
  .nav-links{top:70px;background:#000000;border-color:var(--line);padding-block:28px;gap:0}
  .nav-links a{width:100%;padding:13px 0;border-bottom:1px solid var(--line);font-size:17px}
  .v3-hero{padding-top:68px}.v3-hero::after{right:var(--pad)}.v3-name{margin-bottom:42px}
  .v3-hero h1{font-size:clamp(54px,16.5vw,75px);line-height:.96;letter-spacing:-.065em}
  html[lang="zh-CN"] .v3-hero h1{font-size:clamp(52px,15vw,68px);line-height:1.08}
  .v3-meta{grid-template-columns:1fr;gap:7px}.section-head,.public-work-empty{grid-template-columns:1fr;gap:30px}
  .credibility-item,.evidence-proof,.cap{min-height:auto;padding:26px 22px}
  .timeline-item{grid-template-columns:1fr 38px;gap:12px}.timeline-item .date,.timeline-item p,.role-more{grid-column:1}
  .footer h2{line-height:.98}.footer-bottom{margin-top:64px}
  .project-art{min-height:380px}.project-copy h3{font-size:41px;margin-top:28px}.card-contribution ul{grid-template-columns:1fr}.problem-spectrum,.approach-grid{grid-template-columns:1fr}.problem-spectrum article:last-child{grid-column:auto}.problem-spectrum article,.approach-grid article{min-height:auto}.problem-spectrum h3,.approach-grid h3{margin-top:42px}.approach-grid article{border-right:0;border-bottom:1px solid var(--line)}.project-eyebrow{align-items:flex-start}.verified-summary{grid-template-columns:1fr!important}.verified-summary .summary-item{min-height:auto;border-right:0}.case-sequence{grid-template-columns:repeat(2,1fr)}.case-facts{grid-template-columns:1fr}.artifact-comparison{gap:30px}.design-decision{padding:18px}
  .artifact-gallery{grid-template-columns:1fr}.system-gallery img{aspect-ratio:auto}.page-gallery{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.page-gallery>div{min-width:78vw;scroll-snap-align:start}.page-gallery figcaption{min-width:100%}.archive-grid{grid-template-columns:1fr;gap:42px}.archive-card:first-child{grid-column:auto}.archive-card:first-child .archive-visual,.archive-visual{aspect-ratio:4/3}.archive-meta{flex-direction:column;gap:7px}.archive-meta em{text-align:left}
  .secondary-work-row{grid-template-columns:1fr 24px;gap:6px 16px}.secondary-work-row span:not(:first-child){grid-column:1}.secondary-work-row b{grid-column:2;grid-row:1/4}
}
@media(max-width:480px){
  .brand-title small{display:none}.language-switch button{height:32px;min-width:38px;font-size:10px}.menu{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end}.nav-actions{gap:8px}
  .v3-hero h1{font-size:clamp(51px,15.8vw,68px)}.page-title{font-size:44px}.section-head h2{font-size:42px}
  .actions{gap:9px}.button{width:100%}.footer h2{font-size:47px}.contact-row{grid-template-columns:1fr;gap:5px}
}

/* V6.6 — evidence-led UI system chapters */
.ui-system-chapter{--ui-rule:#343b46;--ui-panel:#0e1217;--ui-panel-raised:#131820;margin-top:38px;padding-top:86px!important;border-top:1px solid #39404a}
.ui-system-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px 64px;align-items:end}
.ui-system-intro h2{margin:12px 0 0}
.ui-system-intro p{margin:0!important;color:#a6aeb9!important;font-size:17px!important;line-height:1.65!important}
.ui-system-intro>span{grid-column:1/-1;width:max-content;max-width:100%;padding:8px 11px;border:1px solid #38414d;border-radius:999px;color:#8993a0;font-size:10px;letter-spacing:.04em}
.ui-workflow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--ui-rule);border-left:1px solid var(--ui-rule)}
.ui-workflow>div{position:relative;min-height:112px;padding:14px 12px;border-right:1px solid var(--ui-rule);border-bottom:1px solid var(--ui-rule);background:var(--ui-panel)}
.ui-workflow>div:not(:last-child)::after{content:'→';position:absolute;right:-8px;top:47px;z-index:2;width:15px;background:#0e1217;color:var(--accent);font-size:12px;text-align:center}
.ui-workflow span{display:block;color:#5f6976;font-size:9px}.ui-workflow strong{display:block;margin-top:34px;color:#dce2e9;font-size:11px;font-weight:540;line-height:1.35}
.source-guideline{margin-top:20px;border:1px solid var(--ui-rule);background:var(--ui-panel)}
.source-guideline summary{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.source-guideline summary::-webkit-details-marker{display:none}
.source-guideline summary span{display:flex;flex-direction:column;gap:4px}.source-guideline summary small{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.source-guideline summary strong{color:#e6ebf1;font-size:15px;font-weight:540}
.source-guideline summary i,.component-accordion summary i{color:#8993a0;font-size:22px;font-style:normal;font-weight:300;transition:transform .25s ease}.source-guideline[open] summary i,.component-accordion details[open] summary i{transform:rotate(45deg)}
.source-guideline figure{max-height:860px;margin:0;padding:14px;overflow:auto;border-top:1px solid var(--ui-rule);background:#d8dce2}.source-guideline img{display:block;width:100%;height:auto}.source-guideline figcaption{padding:12px 3px 2px;color:#3f4650;font-size:12px;line-height:1.5}
.ui-subsection{margin-top:88px}.ui-section-heading{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,1.15fr);gap:10px 28px;align-items:start;margin-bottom:28px}.ui-section-heading .label{grid-row:1/3;color:var(--accent)}.ui-section-heading h3{margin:0;color:#f0f3f7;font-size:clamp(28px,3.2vw,44px);font-weight:520;letter-spacing:-.045em}.ui-section-heading p{margin:0!important;color:#858f9c!important;font-size:13px!important;line-height:1.55!important}
.type-system-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px}.type-specimen{padding:24px;border:1px solid var(--ui-rule);background:var(--ui-panel)}.type-family{display:block;color:var(--accent);font-size:11px;letter-spacing:.05em}.type-specimen>b{display:block;margin:34px 0 46px;color:#f2f4f7;font-family:"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;font-size:clamp(104px,15vw,190px);font-weight:500;line-height:.72;letter-spacing:-.09em}.type-specimen ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--ui-rule)}.type-specimen li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--ui-rule);color:#929ca8;font-size:11px}.type-specimen li strong{color:#d4dae2;font-weight:520;text-align:right}
.ui-application-frame{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;overflow:hidden;border:1px solid var(--ui-rule);background:#090b0e}.ui-application-frame img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover;object-position:top}.ui-application-frame figcaption{padding:12px 14px;border-top:1px solid var(--ui-rule);color:#7f8995;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--ui-rule)}.colour-token{display:grid;grid-template-columns:104px 1fr;min-height:128px;background:var(--ui-panel)}.colour-chip{display:block;background:var(--token-colour);border-right:1px solid rgba(128,138,150,.24)}.colour-token>div{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-content:center;padding:18px}.colour-token strong{color:#e5e9ee;font-size:14px;font-weight:540}.colour-token code{color:#8c96a2;font:10px var(--font-mono)}.colour-token p{grid-column:1/-1;margin:0!important;color:#757f8b!important;font-size:11px!important;line-height:1.45!important}
.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--ui-rule)}.measure-grid article{min-height:178px;padding:20px;background:var(--ui-panel)}.measure-grid span{display:block;color:#7b8591;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.measure-grid strong{display:block;margin:26px 0 10px;color:#f0f3f6;font-size:clamp(27px,3vw,42px);font-weight:510;letter-spacing:-.045em}.measure-grid p{margin:0!important;color:#89929e!important;font-size:12px!important;line-height:1.55!important}
.component-accordion{border-top:1px solid var(--ui-rule)}.component-accordion details{border-bottom:1px solid var(--ui-rule)}.component-accordion summary{display:grid;grid-template-columns:42px 1fr 28px;gap:15px;align-items:start;padding:22px 4px;cursor:pointer;list-style:none}.component-accordion summary::-webkit-details-marker{display:none}.component-accordion summary>span{color:var(--accent);font-size:10px}.component-accordion summary strong{display:block;color:#e9edf2;font-size:21px;font-weight:530}.component-accordion summary p{max-width:640px;margin:7px 0 0!important;color:#7f8995!important;font-size:12px!important;line-height:1.5!important}.component-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:24px;padding:0 4px 26px 57px}.component-detail figure{height:360px;margin:0;overflow:hidden;border:1px solid var(--ui-rule);background:#080a0c}.component-detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.component-detail>div{padding:18px;border:1px solid var(--ui-rule);background:var(--ui-panel)}.component-detail .label{display:block;margin-bottom:10px;color:var(--accent)}.component-detail ul{margin:0 0 24px;padding:0;list-style:none;color:#9aa3ae;font-size:12px}.component-detail li{padding:8px 0;border-bottom:1px solid #272d35}.component-detail li::before{content:'—';margin-right:8px;color:#59636f}.state-list{display:flex;flex-wrap:wrap;gap:6px}.state-list span{padding:7px 9px;border:1px solid #3a424d;border-radius:999px;color:#adb5bf;font-size:10px}
.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--ui-rule)}.identity-grid article{min-height:205px;padding:22px;background:var(--ui-panel)}.identity-grid strong{display:block;margin-top:54px;color:#e8ecf1;font-size:18px;font-weight:530}.identity-grid p{margin:13px 0 0!important;color:#838d99!important;font-size:12px!important;line-height:1.55!important}
.responsive-system-list{display:grid;gap:30px}.responsive-system-list>article{padding:18px;border:1px solid var(--ui-rule);background:var(--ui-panel)}.responsive-system-list>article>header{display:flex;justify-content:space-between;gap:20px;padding:2px 2px 16px}.responsive-system-list header strong{color:#e9edf2;font-size:16px;font-weight:540}.responsive-system-list header span{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.responsive-visual-pair{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;height:430px}.responsive-visual-pair figure{position:relative;margin:0;overflow:hidden;border:1px solid #343b45;background:#07090b}.responsive-visual-pair img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.responsive-visual-pair .is-mobile img{object-fit:cover}.responsive-visual-pair figcaption{position:absolute;left:10px;top:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(8,10,13,.78);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px)}.responsive-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:12px;background:var(--ui-rule)}.responsive-notes p{margin:0!important;padding:15px;background:var(--ui-panel-raised);color:#9aa3ae!important;font-size:12px!important;line-height:1.5!important}.responsive-notes span{display:block;margin-bottom:5px;color:#6f7986;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.ui-handoff{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,1.15fr);gap:28px;margin-top:88px;padding:24px 0;border-top:1px solid var(--ui-rule);border-bottom:1px solid var(--ui-rule)}.ui-handoff .label{color:var(--accent)}.ui-handoff p{margin:0!important;color:#a4acb7!important;font-size:15px!important;line-height:1.65!important}
.ui-quality{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:32px;margin-top:28px;padding:26px;border:1px solid #414a56;background:#11161c}.ui-quality .label{color:var(--accent)}.ui-quality h3{margin:12px 0 0;color:#e7ebf0;font-size:24px;font-weight:530;letter-spacing:-.035em}.ui-quality ul{margin:0;padding:0;list-style:none}.ui-quality li{padding:11px 0;border-bottom:1px solid #2f3640;color:#909aa6;font-size:12px;line-height:1.5}.ui-quality li:last-child{border-bottom:0}.ui-quality li::before{content:'Review';display:inline-block;margin-right:10px;color:#d3d9e1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:950px){
  .ui-system-intro,.ui-section-heading{grid-template-columns:1fr}.ui-system-intro>span,.ui-section-heading .label{grid-column:auto;grid-row:auto}.ui-workflow{grid-template-columns:repeat(4,1fr)}.ui-workflow>div:nth-child(4)::after{display:none}.type-system-grid{grid-template-columns:1fr}.ui-application-frame img{min-height:380px}.component-detail{grid-template-columns:1fr;padding-left:57px}.identity-grid{grid-template-columns:1fr}.identity-grid article{min-height:auto}.identity-grid strong{margin-top:16px}.ui-quality{grid-template-columns:1fr}
}
@media(max-width:720px){
  .ui-system-chapter{padding-top:64px!important}.ui-system-intro>span{width:auto;border-radius:4px;line-height:1.45}.ui-workflow{grid-template-columns:repeat(2,1fr)}.ui-workflow>div:nth-child(2n)::after{display:none}.source-guideline figure{max-height:560px}.ui-subsection{margin-top:64px}.type-specimen{padding:18px}.type-specimen>b{margin:34px 0 42px}.ui-application-frame img{min-height:260px}.token-grid,.measure-grid{grid-template-columns:1fr}.colour-token{grid-template-columns:82px 1fr}.component-accordion summary{grid-template-columns:32px 1fr 24px}.component-accordion summary strong{font-size:18px}.component-detail{padding-left:0}.component-detail figure{height:250px}.identity-grid{grid-template-columns:1fr}.responsive-visual-pair{grid-template-columns:minmax(0,1fr) 100px;height:330px}.responsive-notes{grid-template-columns:1fr}.ui-handoff{grid-template-columns:1fr}.ui-quality{padding:20px}
}
@media(max-width:480px){
  .ui-workflow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ui-workflow>div{min-width:145px;scroll-snap-align:start}.ui-workflow>div::after{display:block!important}.ui-workflow>div:last-child::after{display:none!important}.colour-token{grid-template-columns:64px 1fr}.colour-token>div{padding:15px}.measure-grid article{min-height:158px}.responsive-visual-pair{height:280px;grid-template-columns:minmax(0,1fr) 86px}
}