:root{--forest:#123c2d;--forest-deep:#08251c;--sage:#a8b99b;--cream:#f3efe3;--paper:#fbf8ef;--ink:#1c211e;--orange:#d86e37;--rule:rgba(28,33,30,.22);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:78px;padding:0 clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:rgba(243,239,227,.94);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:30px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:8px;background:var(--forest);transform:skewY(-25deg)}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:14px}.brand b{display:block;font-size:16px;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.25em;margin-top:2px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px}.site-header nav a{transition:opacity .2s}.site-header nav a:hover{opacity:.55}.nav-cta{border-bottom:1px solid;padding-bottom:5px}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0}.hero{height:min(780px,calc(100vh - 78px));min-height:650px;position:relative;background:var(--forest-deep);color:var(--cream);overflow:hidden}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,17,.12) 0%,rgba(3,24,17,.05) 48%,rgba(3,24,17,.7) 75%,rgba(3,24,17,.9) 100%)}.hero-copy{position:absolute;z-index:2;right:clamp(28px,6vw,94px);top:50%;transform:translateY(-53%);width:min(42%,620px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;margin:0 0 28px}.eyebrow.dark{color:var(--forest)}.hero h1,.intro .display-line,.material-copy h2,.stage-copy h2,.process h2,.quality h2,.development h2,.about h2,.contact h2{font-family:"Arial Narrow","Microsoft YaHei",sans-serif;font-stretch:condensed;letter-spacing:-.055em}.hero h1{font-size:clamp(56px,6.4vw,96px);line-height:.98;margin:0;font-weight:800}.hero h1 em{color:var(--sage);font-style:normal}.hero-lead{max-width:510px;line-height:1.9;color:rgba(243,239,227,.8);font-size:15px;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;padding:14px 22px;border:1px solid currentColor;font-size:13px}.button.light{background:var(--cream);color:var(--forest-deep);border-color:var(--cream)}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.text-link.dark{border-color:var(--rule)}.hero-index{position:absolute;z-index:2;left:clamp(24px,4vw,68px);bottom:34px;display:flex;align-items:flex-start;gap:16px}.hero-index span{font-size:30px;line-height:1}.hero-index p{font-size:10px;line-height:1.6;letter-spacing:.14em;margin:0}.section-rule{border-top:1px solid var(--rule)}.intro{max-width:var(--max);margin:auto;padding:120px clamp(24px,6vw,92px);display:grid;grid-template-columns:1fr 4fr;gap:5vw}.section-kicker{display:flex;gap:16px;align-items:flex-start}.section-kicker span{font-size:32px;line-height:1;color:var(--forest)}.section-kicker p{font-size:10px;line-height:1.5;letter-spacing:.16em;margin:2px 0}.intro-copy{padding-top:35px}.display-line{font-size:clamp(58px,8vw,120px);line-height:.9;margin:0;font-weight:800;color:var(--forest)}.display-line.indent{margin-left:13%}.intro-text{max-width:650px;margin:48px 0 0 13%;font-size:16px;line-height:2;color:#4e5751}.material-band{display:grid;grid-template-columns:1.2fr .8fr;background:var(--cream);min-height:700px}.material-image{margin:0;min-height:650px}.material-copy{padding:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.material-copy h2,.stage-copy h2{font-size:clamp(48px,5vw,78px);line-height:1;margin:0 0 30px}.material-copy>p:not(.eyebrow),.stage-copy>p{font-size:15px;line-height:2;color:#556159}.material-copy dl{margin:50px 0 0;border-top:1px solid var(--rule)}.material-copy dl div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--rule)}.material-copy dt{font-weight:700}.material-copy dd{margin:0;color:#657067}.product-stage{max-width:var(--max);margin:auto;padding:120px clamp(24px,6vw,92px);display:grid;grid-template-columns:.8fr 1.35fr;gap:6vw;position:relative}.stage-copy{padding-top:40px}.stage-image{margin:0;height:690px}.stage-note{position:absolute;left:clamp(24px,6vw,92px);bottom:120px;display:flex;gap:15px}.stage-note span{font-size:34px;color:var(--orange)}.stage-note p{font-size:10px;line-height:1.6;letter-spacing:.12em;margin:3px 0}.process{background:var(--forest-deep);color:var(--cream);padding:120px clamp(24px,6vw,92px)}.process-head{max-width:var(--max);margin:0 auto 90px;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;align-items:end}.section-kicker.pale span{color:var(--sage)}.process h2{font-size:clamp(52px,6vw,90px);line-height:.95;margin:0}.process-head>p{font-size:14px;line-height:1.9;color:rgba(243,239,227,.68);margin:0}.process-stream{max-width:var(--max);margin:auto;border-top:1px solid rgba(255,255,255,.25)}.process-row{display:grid;grid-template-columns:1.45fr .55fr;gap:5vw;padding:52px 0;border-bottom:1px solid rgba(255,255,255,.25);align-items:center}.process-row.reverse{grid-template-columns:.55fr 1.45fr}.process-row.reverse figure{order:2}.process-row figure{height:510px;margin:0}.process-row>div span{font-size:10px;letter-spacing:.2em;color:var(--sage)}.process-row h3{font-size:36px;margin:20px 0 16px}.process-row p{font-size:14px;line-height:1.9;color:rgba(243,239,227,.7);margin:0}.quality{display:grid;grid-template-columns:.85fr 1.15fr;min-height:700px}.quality-copy{padding:100px clamp(24px,6vw,92px)}.quality-copy h2{font-size:clamp(56px,6vw,90px);line-height:.96;color:var(--forest);margin:90px 0 30px}.quality-copy>p{font-size:15px;line-height:2;color:#56615a;max-width:540px}.quality-image{margin:0;min-height:700px}.development{background:var(--forest);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;min-height:830px}.development-visual{position:relative}.development-visual p{position:absolute;left:24px;bottom:20px;font-size:10px;letter-spacing:.12em}.development-copy{padding:clamp(75px,8vw,130px)}.development h2{font-size:clamp(55px,5.5vw,84px);line-height:.98;margin:0 0 65px}.development ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.25)}.development li{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.25)}.development time{font-size:14px;color:var(--sage)}.development b{font-size:17px}.development li p{font-size:13px;line-height:1.75;color:rgba(243,239,227,.7);margin:10px 0 0}.about{max-width:var(--max);margin:auto;padding:120px clamp(24px,6vw,92px);display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:5vw}.about h2{font-size:clamp(54px,5.5vw,82px);line-height:.98;color:var(--forest);margin:0 0 40px}.about-main p{font-size:15px;line-height:2;color:#55615a}.about-facts{margin:0}.about-facts div{padding:22px 0;border-bottom:1px solid var(--rule)}.about-facts div:first-child{border-top:1px solid var(--rule)}.about-facts dt{font-size:11px;color:#6d786f;letter-spacing:.12em}.about-facts dd{margin:8px 0 0;font-size:20px;font-weight:700}.contact{background:var(--sage);padding:120px clamp(24px,6vw,92px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact h2{font-size:clamp(58px,6vw,92px);line-height:.95;margin:0 0 36px;color:var(--forest-deep)}.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:510px}.contact address{margin-top:60px;font-style:normal;font-size:13px;line-height:1.8}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;align-self:end}.contact label{display:block;border-bottom:1px solid rgba(8,37,28,.5)}.contact label.full{grid-column:1/-1}.contact label span{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.contact input,.contact textarea{width:100%;border:0;background:transparent;color:var(--forest-deep);outline:none;padding:8px 0 14px;resize:vertical}.contact textarea::placeholder{color:rgba(8,37,28,.48)}.contact button{grid-column:1/-1;border:0;border-top:1px solid var(--forest-deep);border-bottom:1px solid var(--forest-deep);background:transparent;color:var(--forest-deep);padding:18px 0;display:flex;justify-content:space-between;cursor:pointer}.form-status{grid-column:1/-1;min-height:22px;margin:0;font-size:13px;line-height:1.7}footer{background:var(--forest-deep);color:var(--cream);padding:55px clamp(24px,4vw,68px) 32px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.footer-brand .brand-mark i{background:var(--sage)}footer>p{margin:4px 0;text-align:right;font-size:12px;letter-spacing:.16em;color:rgba(243,239,227,.7)}footer>div{grid-column:1/-1;padding-top:28px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;font-size:10px;color:rgba(243,239,227,.55)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:68px}.menu-toggle{display:block}.site-header nav{position:absolute;top:68px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--rule);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 24px}.site-header nav.open{display:flex}.site-header nav a{padding:14px 0;border-bottom:1px solid var(--rule)}.hero{height:760px;min-height:0}.hero>img{object-position:36% center}.hero-shade{background:linear-gradient(0deg,rgba(3,24,17,.94) 0%,rgba(3,24,17,.62) 48%,rgba(3,24,17,.08) 80%)}.hero-copy{left:24px;right:24px;top:auto;bottom:92px;transform:none;width:auto}.hero h1{font-size:58px}.hero-lead{font-size:13px;line-height:1.75;max-width:540px}.hero-index{display:none}.intro{padding:82px 24px;grid-template-columns:1fr}.intro-copy{padding-top:25px}.display-line{font-size:56px}.display-line.indent,.intro-text{margin-left:0}.intro-text{margin-top:34px}.material-band,.quality,.development,.contact{grid-template-columns:1fr}.material-image,.quality-image{min-height:420px}.material-copy,.quality-copy,.development-copy{padding:75px 24px}.product-stage{padding:80px 24px;grid-template-columns:1fr}.stage-copy{padding:0}.stage-image{height:520px}.stage-note{position:static}.process{padding:82px 24px}.process-head{grid-template-columns:1fr;margin-bottom:55px}.process-row,.process-row.reverse{grid-template-columns:1fr}.process-row.reverse figure{order:0}.process-row figure{height:430px}.development-visual{min-height:520px}.about{padding:80px 24px;grid-template-columns:1fr}.contact{padding:82px 24px}.contact form{margin-top:20px}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{grid-column:1}}@media(max-width:520px){.brand b{font-size:14px}.hero{height:720px}.hero>img{object-position:32% center}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.display-line{font-size:44px}.material-copy h2,.stage-copy h2,.process h2,.quality-copy h2,.development h2,.about h2,.contact h2{font-size:46px}.stage-image,.process-row figure,.development-visual{height:340px;min-height:0}.quality-image,.material-image{min-height:360px}.development li{grid-template-columns:62px 1fr}.contact form{grid-template-columns:1fr}.contact label.full{grid-column:auto}.contact button,.form-status{grid-column:auto}footer>div{flex-direction:column;gap:8px}}