:root{--ink:#0b0d0f;--paper:#f1f0ea;--teal:#2f6f73;--amber:#d88a2e;--steel:#6f757a;--mineral:#b8c0b8;--line:rgba(11,13,15,.2);--shell:min(1240px,calc(100% - 72px));font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:16px;top:-80px;background:var(--amber);color:var(--ink);padding:12px 18px;font-weight:800}.skip-link:focus{top:16px}.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}
.site-header{height:84px;padding:0 max(36px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(11,13,15,.96);color:var(--paper);border-bottom:1px solid rgba(241,240,234,.16);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.08em}.brand strong{font-size:15px}.brand-mark{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.5}.brand-mark circle{fill:var(--amber);stroke:none}.brand-mark path:nth-child(2){stroke:var(--teal)}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-nav a{min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a:focus-visible{border-color:var(--amber)}.nav-contact{padding-inline:18px;border:1px solid rgba(241,240,234,.35)!important}.nav-contact:hover,.nav-contact:focus-visible{background:var(--amber);color:var(--ink)}.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(241,240,234,.35);background:none;position:relative}.menu-toggle span:not(.sr-only){position:absolute;left:13px;width:20px;height:2px;background:var(--paper)}.menu-toggle span:nth-child(2){top:18px}.menu-toggle span:nth-child(3){top:27px}.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--mineral);font-weight:800}.eyebrow.dark{color:var(--teal)}.chapter{display:flex;align-items:center;gap:12px;color:var(--teal);font:700 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.12em}.chapter b{font-size:16px;color:var(--amber)}.chapter.light{color:var(--mineral)}.chapter.light b{color:var(--amber)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(38px,5.2vw,76px);line-height:1.06;letter-spacing:-.06em;margin-bottom:0}.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;font-weight:800;letter-spacing:.05em}.button-amber{background:var(--amber);color:var(--ink);border-color:var(--amber)}.button:hover,.button:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
.hero{min-height:calc(100vh - 84px);height:780px;position:relative;background:var(--ink);color:var(--paper);isolation:isolate}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.72) 42%,rgba(5,7,8,.15) 75%),linear-gradient(0deg,rgba(5,7,8,.65),transparent 48%)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(241,240,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(241,240,234,.07) 1px,transparent 1px);background-size:calc(100% / 12) 100%,calc(100% / 12) 100%}.hero-copy{width:var(--shell);margin:auto;padding-top:clamp(110px,17vh,170px)}.hero-copy h1{font-size:clamp(68px,9.2vw,136px);line-height:.86;letter-spacing:-.075em;margin:24px 0 34px;max-width:900px}.hero-copy h1 span{display:block}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:18px;line-height:1.8;color:#d7d8d3}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}.text-link{min-height:48px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--paper)}.hero-index{position:absolute;left:max(36px,calc((100vw - 1240px)/2));right:max(36px,calc((100vw - 1240px)/2));bottom:25px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;font:700 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em}.hero-index b{color:var(--amber);font-size:18px}.hero-index i{height:1px;background:linear-gradient(90deg,var(--teal),rgba(241,240,234,.15))}.hero-index em{font-style:normal;color:var(--mineral)}
.position{padding:120px 0;display:grid;grid-template-columns:1fr 4fr 3fr;gap:42px;align-items:start;border-bottom:1px solid var(--line)}.position-copy{padding-top:43px}.position-copy>p{font-size:17px;line-height:1.9;color:#424749}.molecule-line{margin-top:50px;display:grid;grid-template-columns:12px auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;color:var(--steel);font:700 10px/1 ui-monospace,Consolas,monospace}.molecule-line i{height:1px;background:var(--teal)}.molecule-line i:first-child{width:12px;height:12px;border-radius:50%;background:var(--amber)}
.route{background:var(--ink);color:var(--paper);padding:120px 0 0}.route-head{display:grid;grid-template-columns:1fr 4fr 3fr;gap:42px;align-items:start;margin-bottom:70px}.route-head>p{padding-top:43px;color:#bcc0bd;line-height:1.8}.route-figure{margin:0;position:relative}.route-figure img{height:min(58vw,700px);object-fit:cover}.route-figure figcaption{position:absolute;right:26px;bottom:22px;padding:10px 14px;background:rgba(11,13,15,.82);color:var(--mineral);font:700 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em}.route-line{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.route-line li{padding:38px 24px 54px;border-left:1px solid rgba(241,240,234,.17);position:relative}.route-line li:last-child{border-right:1px solid rgba(241,240,234,.17)}.route-line li:before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.route-line b,.route-line span{font:700 10px/1 ui-monospace,Consolas,monospace;color:var(--amber);letter-spacing:.12em}.route-line span{float:right;color:var(--teal)}.route-line h3{margin:26px 0 12px;font-size:21px}.route-line p{margin:0;color:var(--mineral);font-size:13px}
.transformation{height:min(67vw,860px);min-height:650px;position:relative;background:var(--ink);color:var(--paper)}.transformation>img{height:100%;object-fit:cover}.transformation:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(11,13,15,.35) 55%,rgba(11,13,15,.96) 100%)}.transformation-copy{position:absolute;z-index:2;right:max(36px,calc((100vw - 1240px)/2));top:50%;width:min(500px,43vw);transform:translateY(-50%)}.transformation-copy.reveal{transform:translateY(calc(-50% + 22px))}.transformation-copy.reveal.is-visible{transform:translateY(-50%)}.transformation-copy h2{margin:30px 0}.transformation-copy p{font-size:17px;line-height:1.9;color:#d0d2cf}.record-note{display:block;margin-top:28px;padding-top:18px;border-top:1px solid rgba(241,240,234,.2);font-size:12px;color:var(--mineral)}
.products{padding:120px 0;background:var(--paper)}.products-head{display:grid;grid-template-columns:1fr 4fr 3fr;gap:42px;margin-bottom:80px}.products-head>p{padding-top:43px;color:#515657;line-height:1.8}.product-band{width:var(--shell);margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr;min-height:520px;background:#e5e4de}.product-band img{height:100%;object-fit:cover}.product-band>div{padding:55px 42px;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid var(--line)}.product-band span{font:700 11px/1 ui-monospace,Consolas,monospace;color:var(--teal);letter-spacing:.12em}.product-band h3{font-size:40px;letter-spacing:-.05em;margin:26px 0 20px}.product-band p{line-height:1.8;color:#4d5253}.product-band a{margin-top:22px;padding-bottom:12px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;font-weight:800}.product-pp{grid-template-columns:1fr 2fr;background:var(--ink);color:var(--paper)}.product-pp img{grid-column:2}.product-pp>div{grid-column:1;grid-row:1;border-left:0;border-right:1px solid rgba(241,240,234,.18)}.product-pp p{color:var(--mineral)}.product-pp a{border-color:var(--paper)}
.intelligent{height:min(62vw,780px);min-height:650px;position:relative;color:var(--paper);background:var(--ink)}.intelligent>img{height:100%;object-fit:cover}.intelligent-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,15,.96),rgba(11,13,15,.62) 48%,rgba(11,13,15,.12))}.intelligent-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.intelligent-copy h2{max-width:800px;margin:30px 0}.intelligent-copy>p:last-child{max-width:670px;font-size:17px;line-height:1.9;color:#d1d4d1}
.records{padding:120px 0 0}.records-head{display:grid;grid-template-columns:1fr 7fr;gap:42px;margin-bottom:70px}.record-split,.project-split{display:grid;grid-template-columns:3fr 2fr;min-height:620px}.record-split img,.project-split img{height:100%;object-fit:cover}.record-copy,.project-copy{padding:70px max(36px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}.record-copy{padding-left:70px;padding-right:max(36px,calc((100vw - 1240px)/2));background:var(--teal);color:var(--paper)}.record-copy>span,.project-copy>span{font:700 12px/1 ui-monospace,Consolas,monospace;color:var(--amber);letter-spacing:.12em}.record-copy h3,.project-copy h3{font-size:42px;line-height:1.12;letter-spacing:-.05em;margin:32px 0 24px}.record-copy p,.project-copy p{font-size:17px;line-height:1.9}.record-copy small{margin-top:24px;color:#d8dcda}.project-split{grid-template-columns:2fr 3fr;background:#deded8}.project-copy{padding-left:max(36px,calc((100vw - 1240px)/2));padding-right:70px}.project-copy p{color:#44494a}
.contact{margin-top:0;padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--ink);color:var(--paper);width:100%;max-width:none;padding-left:max(36px,calc((100vw - 1240px)/2));padding-right:max(36px,calc((100vw - 1240px)/2))}.contact-copy h2{font-size:clamp(42px,5vw,68px);margin:30px 0}.contact-copy>p:not(.eyebrow){line-height:1.9;color:var(--mineral)}address{font-style:normal;margin-top:44px;padding-top:22px;border-top:1px solid rgba(241,240,234,.2)}address span{font-size:12px;color:var(--amber);font-weight:800;letter-spacing:.14em}address p{margin:10px 0 0}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:800;letter-spacing:.04em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--paper);background:rgba(241,240,234,.04);border:1px solid rgba(241,240,234,.27);border-radius:0;padding:14px;min-height:50px}.contact-form select{color-scheme:dark}.contact-form textarea{resize:vertical}.consent{flex-direction:row!important;align-items:flex-start;font-weight:400!important;line-height:1.5}.consent input{width:20px;height:20px;min-height:20px;accent-color:var(--amber)}.contact-form button{align-self:flex-start}.form-status{min-height:28px;color:#f6b45f;margin:0;font-weight:800;line-height:1.6}.site-footer{min-height:120px;background:#050607;color:var(--mineral);border-top:1px solid rgba(241,240,234,.16);display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;padding:24px max(36px,calc((100vw - 1240px)/2));font-size:12px}.footer-brand{color:var(--paper)}.footer-brand .brand-mark{width:36px;height:36px}.site-footer p{margin:0}
@media(max-width:980px){:root{--shell:min(100% - 40px,760px)}.site-header{height:72px;padding:0 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:18px 20px 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(241,240,234,.2)}.site-nav.is-open{display:flex}.site-nav a{padding:10px 4px}.nav-contact{margin-top:10px;justify-content:center}.hero{height:760px;min-height:calc(100svh - 72px)}.hero-copy{padding-top:120px}.hero-copy h1{font-size:clamp(62px,13vw,104px)}.position,.route-head,.products-head{grid-template-columns:1fr 5fr;gap:28px}.position-copy,.route-head>p,.products-head>p{grid-column:2;padding-top:0}.route-line{grid-template-columns:repeat(2,1fr)}.route-line li:nth-child(2){border-right:1px solid rgba(241,240,234,.17)}.transformation-copy{right:20px;width:min(500px,58vw)}.product-band{grid-template-columns:3fr 2fr;min-height:450px}.product-pp{grid-template-columns:2fr 3fr}.record-split,.project-split{min-height:560px;grid-template-columns:1fr 1fr}.record-copy{padding-left:42px}.project-copy{padding-right:42px}.contact{gap:60px}.site-footer{grid-template-columns:1fr auto}.site-footer p:last-child{grid-column:1/-1}}
@media(max-width:640px){:root{--shell:calc(100% - 32px)}.brand strong{font-size:13px}.brand-mark{width:36px;height:36px}.hero{height:680px}.hero-shade{background:linear-gradient(90deg,rgba(5,7,8,.9),rgba(5,7,8,.4)),linear-gradient(0deg,rgba(5,7,8,.8),transparent)}.hero-copy{padding-top:86px}.hero-copy h1{font-size:58px;margin:22px 0 28px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-index{left:16px;right:16px;grid-template-columns:auto auto 1fr}.hero-index em{display:none}h2{font-size:40px}.position{padding:82px 0;grid-template-columns:1fr}.position>div,.position-copy{grid-column:1}.position-copy{padding-top:0}.molecule-line{grid-template-columns:10px auto 1fr auto;row-gap:18px}.molecule-line i:nth-of-type(3){display:none}.route{padding-top:82px}.route-head,.products-head{grid-template-columns:1fr;margin-bottom:48px}.route-head>div,.route-head>p,.products-head>div,.products-head>p{grid-column:1}.route-figure img{height:430px}.route-line{grid-template-columns:1fr 1fr}.route-line li{padding:28px 16px 38px}.route-line h3{font-size:17px}.transformation{min-height:720px}.transformation>img{object-position:33% center}.transformation:after{background:linear-gradient(0deg,rgba(11,13,15,.97),rgba(11,13,15,.18) 80%)}.transformation-copy,.transformation-copy.reveal,.transformation-copy.reveal.is-visible{left:16px;right:16px;top:auto;bottom:48px;width:auto;transform:none}.transformation-copy h2{margin:24px 0}.products{padding:82px 0}.product-band,.product-pp{grid-template-columns:1fr;min-height:0;margin-bottom:30px}.product-band img,.product-pp img{grid-column:1;grid-row:1;height:300px}.product-band>div,.product-pp>div{grid-column:1;grid-row:2;padding:36px 26px;border:0}.product-band h3{font-size:32px}.intelligent{min-height:700px}.intelligent>img{object-position:center}.intelligent-shade{background:linear-gradient(0deg,rgba(11,13,15,.96),rgba(11,13,15,.22) 80%)}.intelligent-copy{justify-content:flex-end;padding-bottom:60px}.records{padding-top:82px}.records-head{grid-template-columns:1fr;margin-bottom:48px}.record-split,.project-split{grid-template-columns:1fr;min-height:0}.record-split img,.project-split img{height:330px}.record-copy,.project-copy{padding:50px 24px}.project-split img{grid-row:1}.project-copy{grid-row:2}.record-copy h3,.project-copy h3{font-size:34px}.contact{grid-template-columns:1fr;gap:60px;padding-top:82px;padding-bottom:82px;padding-left:16px;padding-right:16px}.form-row{grid-template-columns:1fr}.contact-form button{width:100%}.site-footer{grid-template-columns:1fr;gap:18px;padding:34px 16px}.site-footer p:last-child{grid-column:1}.reveal{transform:none}.button:hover,.button:focus-visible{transform:none}}
.brand{min-height:44px}.product-band a{min-height:44px;align-items:center}.chapter:not(.light) b{color:#70400a}.route-line span,.product-pp span{color:#91c1c4}.record-copy>span{color:var(--paper)}.record-copy small{color:var(--paper)}.project-copy>span{color:#653907}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}