:root{--black:#151515;--gold:#C79A3B;--grey:#8C8C88;--ivory:#F3EFE6;--white:#fff;--line:rgba(199,154,59,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Arial,"Noto Sans SC",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,90vw);margin:auto}.nav{position:fixed;z-index:30;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(21,21,21,.78);backdrop-filter:blur(16px)}
.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:320px;max-width:42vw;filter:brightness(1.3)}
.menu{display:flex;gap:24px;font-size:12px;letter-spacing:1.5px}.menu a:hover{color:var(--gold)}.lang{color:var(--gold)}
.hero{min-height:100vh;display:grid;align-items:end;padding:150px 0 90px;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(21,21,21,.98) 0%,rgba(21,21,21,.78) 48%,rgba(21,21,21,.35) 100%),
linear-gradient(145deg,#151515 0%,#252525 55%,#0c0c0c 100%)}
.hero:after{content:"唐";position:absolute;right:4vw;top:12vh;font-size:min(58vw,760px);font-weight:800;line-height:1;color:rgba(199,154,59,.075);font-family:serif}
.kicker{color:var(--gold);font-size:12px;letter-spacing:4px;text-transform:uppercase}.hero h1{font-size:clamp(54px,8vw,126px);line-height:.92;letter-spacing:-4px;margin:18px 0 28px;max-width:1000px}.hero h1 span{color:var(--gold)}
.lead{font-size:clamp(18px,2vw,26px);max-width:720px;color:#d5d1c8}.cn{margin-top:10px;color:#aaa59b}.actions{display:flex;gap:14px;margin-top:38px}.btn{padding:14px 22px;border:1px solid var(--gold);font-size:12px;letter-spacing:1.5px}.btn.primary{background:var(--gold);color:#111}.btn:hover{transform:translateY(-2px)}
section{padding:110px 0;border-top:1px solid rgba(255,255,255,.06)}.light{background:var(--ivory);color:#1a1a1a}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:58px}.section-head h2{font-size:clamp(38px,5vw,72px);line-height:1;margin:0;letter-spacing:-2px}.section-head p{margin:0;color:inherit;opacity:.72;max-width:720px}
.values,.services,.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.card{background:var(--black);padding:34px;min-height:260px}.light .card{background:var(--ivory)}.num{color:var(--gold);font-size:12px;letter-spacing:2px}.card h3{font-size:22px;margin:70px 0 5px}.card small{color:var(--grey)}
.services{grid-template-columns:repeat(3,1fr)}.services .card{min-height:330px}.services .card p{color:#aaa;font-size:14px}.services .card h3{margin-top:52px}
.project{min-height:420px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:
linear-gradient(180deg,transparent,rgba(0,0,0,.85)),linear-gradient(135deg,#444,#191919);position:relative;overflow:hidden}
.project:before{content:"";position:absolute;inset:20px;border:1px solid rgba(199,154,59,.28)}.project h3,.project p{position:relative}.project h3{font-size:26px;margin:0}.project p{color:#bbb;margin:5px 0}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.step{padding:28px 18px;border-top:1px solid var(--gold);position:relative}.step:before{content:"";position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;top:-4px}.step b{display:block;margin-top:22px}.step span{font-size:12px;color:#999}
.brandstory{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mark{font-family:serif;font-size:min(32vw,430px);color:var(--gold);line-height:.8;text-align:center}.storygrid{display:grid;gap:28px}.storyitem{border-left:2px solid var(--gold);padding-left:20px}.storyitem h3{margin:0}
.cta{text-align:center;padding:130px 0;background:var(--gold);color:#111}.cta h2{font-size:clamp(44px,7vw,90px);line-height:.95;margin:0 auto 30px;max-width:1000px}
footer{padding:55px 0;background:#0d0d0d}.foot{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.foot img{width:340px;max-width:55vw}.muted{color:#777;font-size:12px}
.pagehero{padding:180px 0 90px;background:linear-gradient(135deg,#151515,#282828)}.pagehero h1{font-size:clamp(52px,8vw,110px);line-height:.95;margin:15px 0}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:16px;background:transparent;border:1px solid #aaa;color:inherit;font:inherit}.form textarea{min-height:150px}
@media(max-width:900px){.menu{display:none}.brand img{max-width:68vw}.section-head,.brandstory,.contactgrid{grid-template-columns:1fr}.values,.services,.projects{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-2px}.foot{display:block}.foot img{margin-bottom:30px}}
@media(max-width:560px){section{padding:75px 0}.values,.services,.projects,.process{grid-template-columns:1fr}.hero{padding-bottom:60px}.actions{flex-direction:column}.navin{height:70px}.card{min-height:auto}.card h3{margin-top:35px}}