:root { --paper:#f2f0e9; --ink:#111; --red:#d62525; --gray:#6b6964; --line:#c9c5bc; color-scheme:light; }
body { background:var(--paper); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
.scroll-progress { color:var(--red); }
.site-header { position:fixed; z-index:100; inset:0 0 auto; height:var(--header-h); background:rgba(242,240,233,.87); border-bottom:1px solid transparent; backdrop-filter:blur(16px); transition:border .3s ease; }
.site-header.is-scrolled { border-color:var(--line); }
.header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { width:235px; }
.brand img { width:225px; }
.site-nav { display:flex; align-items:center; gap:30px; font-size:14px; }
.site-nav a { padding:12px 0; border-bottom:2px solid transparent; }
.site-nav a:hover,.site-nav a.is-active { border-color:var(--red); }
.site-nav .nav-cta { padding:11px 17px; border:0; background:var(--red); color:#fff; }
.rail { position:fixed; z-index:60; left:14px; top:calc(50% - 170px); display:flex; flex-direction:column; align-items:center; color:#555; font-size:9px; line-height:1.5; text-align:center; }
.rail i { width:1px; height:42px; margin:8px 0; background:#888; }

.hero { min-height:100svh; padding-top:var(--header-h); border-bottom:1px solid var(--ink); display:flex; align-items:stretch; }
.hero-grid { display:grid; grid-template-columns:1.08fr .9fr 170px; min-height:calc(100svh - var(--header-h)); border-inline:1px solid var(--line); }
.hero-type { padding:clamp(50px,7vw,100px) clamp(30px,5vw,72px); align-self:center; }
.hero-type > p { color:#5c5953; font-size:10px; letter-spacing:.22em; }
.hero h1 { margin-top:24px; font-family:"Songti SC","SimSun",serif; font-size:clamp(86px,10vw,155px); line-height:.78; letter-spacing:-.11em; }
.hero h1 span::first-letter { color:var(--red); }
.hero-statement { display:flex; align-items:flex-start; gap:22px; margin-top:70px; }
.hero-statement i { width:52px; height:3px; margin-top:15px; background:var(--red); }
.hero-statement strong { font-family:"Songti SC","SimSun",serif; font-size:clamp(24px,2.3vw,35px); line-height:1.45; }
.hero-portrait { position:relative; overflow:hidden; border-inline:1px solid var(--ink); background:#111; }
.hero-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.4)); mix-blend-mode:multiply; }
.hero-portrait img { height:100%; object-fit:cover; object-position:63% center; filter:grayscale(1) contrast(1.17) brightness(.78); }
.hero-portrait figcaption { position:absolute; z-index:2; left:24px; bottom:28px; color:#fff; font:9px ui-monospace,monospace; letter-spacing:.16em; writing-mode:vertical-rl; }
.hero-note { padding:64px 30px 34px; background:#111; color:#eeeae1; display:flex; flex-direction:column; align-items:center; }
.hero-note > span { font-family:"Songti SC","SimSun",serif; font-size:15px; line-height:2.8; letter-spacing:.55em; writing-mode:vertical-rl; }
.hero-note i { width:1px; flex:1; min-height:70px; margin:26px 0; background:linear-gradient(#eee,transparent); }
.hero-note small { font:8px/1.7 ui-monospace,monospace; letter-spacing:.14em; text-align:center; color:#bdb8ae; }

.manifesto { background:#111; color:var(--paper); }
.manifesto-grid { display:grid; grid-template-columns:1fr 1fr; min-height:650px; }
.manifesto figure { overflow:hidden; }
.manifesto figure img { height:100%; object-fit:cover; filter:grayscale(1) contrast(1.25) brightness(.68); }
.manifesto-grid > div { padding:clamp(60px,8vw,110px); display:flex; flex-direction:column; justify-content:center; }
.section-kicker { color:var(--red); }
.manifesto h2 { margin-top:28px; font-family:"Songti SC","SimSun",serif; font-size:clamp(49px,6vw,88px); line-height:1.04; letter-spacing:-.05em; }
.manifesto-grid > div > p:last-child { margin-top:34px; color:#b7b1a7; font-size:17px; line-height:1.95; }

.section { padding:var(--section-space) 0; }
.editorial-head { display:grid; grid-template-columns:90px 1fr 180px; align-items:end; gap:30px; padding-bottom:35px; border-bottom:2px solid var(--ink); }
.editorial-head > span { color:var(--red); font:30px ui-monospace,monospace; }
.editorial-head p,.works-title > p,.license-title > p,.contact-grid > div > p { color:var(--red); font:10px ui-monospace,monospace; letter-spacing:.16em; }
.editorial-head h2 { margin-top:14px; font-family:"Songti SC","SimSun",serif; font-size:clamp(42px,5vw,72px); line-height:1.08; letter-spacing:-.04em; }
.editorial-head > small { color:#67645e; font-size:12px; line-height:1.8; text-align:right; }

.pipeline-list { border-bottom:1px solid var(--ink); }
.pipeline-list li { display:grid; grid-template-columns:80px 280px 1fr 110px; align-items:center; gap:30px; padding:25px 10px; border-bottom:1px solid var(--line); transition:background .3s ease,padding .3s ease; }
.pipeline-list li:last-child { border-bottom:0; }
.pipeline-list li:hover,.pipeline-list li.is-active { padding-left:24px; background:#fff; }
.pipeline-list > li > b { color:var(--red); font:17px ui-monospace,monospace; }
.pipeline-list small { color:#77736c; font:9px ui-monospace,monospace; letter-spacing:.12em; }
.pipeline-list h3 { margin-top:4px; font-family:"Songti SC","SimSun",serif; font-size:26px; }
.pipeline-list p { color:#5f5c57; line-height:1.75; }
.pipeline-list > li > span { color:#77736c; font-size:12px; text-align:right; }

.technology { background:#161616; color:var(--paper); }
.tech-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,10vw,150px); align-items:center; }
.tech-heading h2 { margin-top:28px; font-family:"Songti SC","SimSun",serif; font-size:clamp(50px,6vw,86px); line-height:1.06; }
.tech-heading > p:not(.section-kicker) { margin-top:30px; color:#b3aea4; font-size:17px; line-height:1.9; }
.tech-heading a { display:inline-flex; margin-top:30px; padding:13px 19px; background:var(--red); color:#fff; font-weight:700; }
.tech-poster { position:relative; min-height:560px; padding:42px; border:1px solid #59554f; background:#0b0b0b; overflow:hidden; }
.tech-poster::before { content:""; position:absolute; width:250px; height:620px; top:-20px; right:40px; background:var(--red); transform:skewX(-12deg); opacity:.88; }
.tech-red { position:relative; z-index:2; color:#fff; font:800 clamp(36px,4vw,62px)/.9 Arial,sans-serif; letter-spacing:-.05em; }
.tech-poster ol { position:relative; z-index:2; margin-top:100px; width:78%; background:rgba(11,11,11,.82); }
.tech-poster li { display:flex; gap:20px; padding:17px 0; border-top:1px solid #5c5750; }
.tech-poster li b { color:var(--red); font:12px ui-monospace,monospace; }
.tech-poster li span { font-size:18px; }
.tech-poster > small { position:absolute; z-index:2; right:24px; bottom:24px; color:#d9d4cb; font:8px ui-monospace,monospace; letter-spacing:.14em; }

.advantages { background:#e8e5dd; }
.advantage-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:42px; border:1px solid var(--ink); }
.advantage-grid article { min-height:340px; padding:28px; border-right:1px solid var(--ink); background:var(--paper); }
.advantage-grid article:last-child { border-right:0; }
.advantage-grid span { display:inline-block; padding:7px 10px; background:var(--red); color:#fff; font-size:13px; }
.advantage-grid h3 { margin-top:100px; font-family:"Songti SC","SimSun",serif; font-size:30px; }
.advantage-grid p { margin-top:18px; color:#65615b; line-height:1.8; }

.works { background:var(--paper); }
.works-title { display:grid; grid-template-columns:160px 1fr 340px; align-items:end; padding-bottom:30px; border-bottom:2px solid var(--ink); }
.works-title h2 { font-family:"Songti SC","SimSun",serif; font-size:clamp(70px,8vw,120px); letter-spacing:-.08em; }
.works-title > span { color:#625f59; line-height:1.8; }
.works-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }
.works-grid article { border:1px solid var(--ink); background:#111; color:var(--paper); }
.works-grid figure { aspect-ratio:2/2.75; overflow:hidden; }
.works-grid img { height:100%; object-fit:cover; filter:grayscale(1) contrast(1.15); transition:filter .5s ease,transform .7s var(--ease); }
.works-grid article:hover img { filter:grayscale(.15) contrast(1.05); transform:scale(1.035); }
.works-grid article > div { min-height:145px; padding:20px; border-top:7px solid var(--red); }
.works-grid small { color:#c5c0b7; font:9px ui-monospace,monospace; letter-spacing:.13em; }
.works-grid h3 { margin-top:9px; font-family:"Songti SC","SimSun",serif; font-size:24px; }
.works-grid p { margin-top:11px; color:#aaa59c; }
.works-note { margin-top:16px; color:#77736c; font-size:12px; text-align:right; }

.cooperation { background:#111; color:var(--paper); }
.cooperation .editorial-head { border-color:#79736b; }
.cooperation .editorial-head > small { color:#aaa59d; }
.coop-columns { display:grid; grid-template-columns:repeat(4,1fr); margin-top:42px; border:1px solid #625e57; }
.coop-columns article { min-height:310px; padding:24px; border-right:1px solid #625e57; transition:background .3s ease; }
.coop-columns article:last-child { border-right:0; }
.coop-columns article:hover { background:var(--red); }
.coop-columns span { font:13px ui-monospace,monospace; color:#ea4a4a; }
.coop-columns article:hover span { color:#fff; }
.coop-columns h3 { margin-top:90px; font-family:"Songti SC","SimSun",serif; font-size:25px; }
.coop-columns p { margin-top:17px; color:#aaa59c; line-height:1.7; }
.coop-columns article:hover p { color:#fff; }

.licensing { background:#e8e5dd; }
.license-title { display:grid; grid-template-columns:150px 1fr 380px; align-items:end; }
.license-title h2 { font-family:"Songti SC","SimSun",serif; font-size:clamp(60px,7vw,105px); line-height:.95; }
.license-title h2 span { color:var(--red); }
.license-title > div { color:#5f5b55; line-height:1.8; }
.license-title b { display:block; margin-top:8px; color:#111; }
.license-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; border:1px solid var(--ink); background:var(--paper); }
.license-grid article { min-height:350px; padding:23px; border-right:1px solid var(--ink); }
.license-grid article:last-child { border-right:0; }
.license-grid article > span { font:8px ui-monospace,monospace; letter-spacing:.14em; color:#77736c; }
.license-grid article > b { display:block; margin-top:24px; color:var(--red); font:23px ui-monospace,monospace; }
.license-grid h3 { margin-top:52px; font-family:"Songti SC","SimSun",serif; font-size:27px; }
.license-grid small { color:#77736c; font-size:10px; }
.license-grid p { margin-top:18px; color:#5f5b55; line-height:1.75; }
.license-foot { display:flex; justify-content:space-between; gap:30px; margin-top:17px; font-size:13px; }
.license-foot b { max-width:640px; text-align:right; }

.contact { padding:clamp(100px,12vw,180px) 0; background:#111; color:var(--paper); }
.contact-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:90px; }
.contact h2 { margin-top:22px; font-family:"Songti SC","SimSun",serif; font-size:clamp(58px,7.6vw,112px); line-height:.98; letter-spacing:-.06em; }
.contact-grid > div:last-child { padding:26px; border-left:7px solid var(--red); background:#1b1b1b; }
.contact h3 { margin-bottom:20px; font-size:18px; }
.contact-grid > div:last-child p { padding:10px 0; border-top:1px solid #4a4742; color:#aaa59c; font-size:14px; }
.contact a { display:block; margin-top:18px; color:#ff4f4f; font-weight:800; }
.site-footer { padding:32px 0 94px; border-top:1px solid var(--ink); background:var(--paper); }
.site-footer .shell { display:grid; grid-template-columns:230px 1fr auto; align-items:center; gap:30px; color:#64605a; font-size:12px; }
.site-footer img { width:220px; }
.site-footer p { text-align:center; }
.theme-jump { border:1px solid #b8b3aa; background:rgba(242,240,233,.9); color:#66625c; }
.theme-jump a { color:#333; }
.theme-jump a:hover { background:#ddd9cf; }
.theme-jump a[aria-current="page"] { background:var(--red); color:#fff; }

@media(max-width:1120px){.site-nav{gap:18px;font-size:13px}.rail{display:none}.hero-grid{grid-template-columns:1fr 1fr 130px}.pipeline-list li{grid-template-columns:60px 220px 1fr 90px}.license-grid{grid-template-columns:repeat(2,1fr)}.license-grid article:nth-child(2){border-right:0}.license-grid article:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:920px){.brand{width:205px}.brand img{width:200px}[data-nav]{background:rgba(242,240,233,.98);border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.15)}[data-nav] a:hover{background:#e6e2d9}.hero-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}.manifesto-grid,.tech-layout{grid-template-columns:1fr}.manifesto figure{max-height:520px}.editorial-head{grid-template-columns:70px 1fr}.editorial-head>small{grid-column:2;text-align:left}.pipeline-list li{grid-template-columns:50px 200px 1fr}.pipeline-list>li>span{display:none}.advantage-grid,.coop-columns{grid-template-columns:1fr}.advantage-grid article,.coop-columns article{min-height:230px;border-right:0;border-bottom:1px solid var(--ink)}.advantage-grid h3,.coop-columns h3{margin-top:50px}.works-title,.license-title{grid-template-columns:120px 1fr}.works-title>span,.license-title>div{grid-column:2;margin-top:18px}.license-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.site-footer .shell{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}}
@media(max-width:640px){.hero{min-height:auto}.hero-grid{display:block;width:100%;border:0}.hero-type{padding:60px 22px 45px}.hero h1{font-size:85px}.hero-statement{margin-top:45px}.hero-portrait{height:520px;border-inline:0}.manifesto-grid>div{padding:58px 20px}.editorial-head{grid-template-columns:48px 1fr;gap:14px}.editorial-head h2{font-size:43px}.pipeline-list li{grid-template-columns:40px 1fr;padding:20px 0;gap:12px}.pipeline-list li>p{grid-column:2}.tech-poster{min-height:500px;padding:28px 20px}.tech-poster ol{width:100%}.works-title,.license-title{grid-template-columns:1fr}.works-title h2,.license-title h2{margin-top:14px}.works-title>span,.license-title>div{grid-column:auto}.works-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.works-grid article{min-width:84vw;scroll-snap-align:start}.license-grid{grid-template-columns:1fr}.license-grid article{min-height:280px;border-right:0!important;border-bottom:1px solid var(--ink)}.license-grid h3{margin-top:35px}.license-foot{display:block}.license-foot b{display:block;margin-top:12px;text-align:left}.contact h2{font-size:62px}.contact-grid>div:last-child{padding:20px}}