:root{--ink:#112b32;--ink-soft:#2f484e;--paper:#f2f0ea;--paper-warm:#e8e4dc;--line:#112b3233;--copper:#bd6541;--white:#fffdf7;--content:min(1180px, calc(100vw - 96px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}img{width:100%;display:block}p,h1,h2,h3,dl,dd,figure{margin:0}.topbar{z-index:10;width:var(--content);height:88px;color:var(--white);border-bottom:1px solid #ffffff47;justify-content:space-between;align-items:center;margin:auto;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.06em;align-items:center;gap:13px;font-size:14px;display:flex}.brand-mark{letter-spacing:.08em;border:1px solid #fff9;border-radius:50%;place-items:center;width:36px;height:36px;font:600 11px/1 Georgia,serif;display:grid}.topbar nav{align-items:center;gap:32px;font-size:13px;display:flex}.topbar nav a{opacity:.82;transition:opacity .2s}.topbar nav a:hover{opacity:1}.nav-contact{border:1px solid #ffffff94;border-radius:999px;padding:10px 17px}.hero{min-height:820px;color:var(--white);background:#183139;align-items:center;display:flex;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url(/projects/huangtian-overview.webp);background-position:50%;background-size:cover;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,#0a1f25eb 0%,#0d242ac7 38%,#0d242a38 72%,#0d242a52 100%),linear-gradient(#0000 45%,#0a1c2199)}.hero-content{z-index:2;width:var(--content);margin:68px auto 0;position:relative}.eyebrow{color:var(--copper);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow.light{color:#e4a081}.hero h1{letter-spacing:-.04em;max-width:840px;margin-top:26px;font-family:Songti SC,SimSun,serif;font-size:clamp(54px,6.2vw,90px);font-weight:400;line-height:1.08}.hero-intro{color:#ffffffc7;max-width:650px;margin-top:32px;font-size:16px;line-height:2}.hero-actions{gap:13px;margin-top:36px;display:flex}.button{text-align:center;border:1px solid #0000;border-radius:999px;min-width:152px;padding:14px 25px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--ink);background:var(--white)}.button.ghost{color:var(--white);border-color:#ffffff8c}.identity-card{z-index:3;width:320px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f6eff0;align-items:center;gap:16px;padding:14px;display:flex;position:absolute;bottom:68px;right:max(48px,50vw - 590px);box-shadow:0 20px 60px #00000038}.identity-card img{object-fit:cover;object-position:center 18%;filter:saturate(.84);width:82px;height:100px}.identity-card div{gap:6px;display:grid}.identity-card p{color:var(--copper);letter-spacing:.13em;font-size:10px;font-weight:800}.identity-card strong{font-family:Songti SC,SimSun,serif;font-size:21px;font-weight:500}.identity-card span{color:#65777b;font-size:12px}.hero-caption{z-index:2;color:#fff9;letter-spacing:.08em;font-size:10px;position:absolute;bottom:32px;right:max(48px,50vw - 590px)}.metrics{z-index:4;width:var(--content);color:var(--white);background:var(--ink);grid-template-columns:repeat(4,1fr);margin:-1px auto 0;display:grid;position:relative}.metric{border-right:1px solid #ffffff24;padding:36px 35px 34px}.metric:last-child{border:0}.metric strong{color:#f5cfba;font:400 42px/1 Georgia,serif;display:block}.metric span{color:#ffffffa3;margin-top:11px;font-size:12px;display:block}.section{width:var(--content);margin:auto;padding:140px 0}.expertise{grid-template-columns:.9fr 1.35fr;gap:110px;display:grid}.section-heading h2,.works-title h2,.contact h2{letter-spacing:-.045em;margin-top:24px;font-family:Songti SC,SimSun,serif;font-size:clamp(42px,4.2vw,62px);font-weight:400;line-height:1.24}.section-heading>p:last-child{color:#5d7074;max-width:440px;margin-top:28px;font-size:14px;line-height:1.9}.capability-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.capability{border-bottom:1px solid var(--line);min-height:235px;padding:28px 32px 30px 0}.capability:nth-child(odd){border-right:1px solid var(--line)}.capability:nth-child(2n){padding-left:32px}.capability>span{color:var(--copper);font:12px/1 Georgia,serif}.capability h3{margin-top:32px;font:400 25px/1.3 Songti SC,SimSun,serif}.capability p{color:#617276;margin-top:14px;font-size:13px;line-height:1.8}.works{color:var(--white);background:var(--ink);padding:132px 0 148px}.works-inner{width:var(--content);margin:auto}.works-title{grid-template-columns:.75fr 1fr 1fr;align-items:end;gap:50px;padding-bottom:62px;display:grid}.works-title h2{margin:0}.works-title>p:last-child{color:#ffffff91;font-size:14px;line-height:1.8}.featured-project{border-top:1px solid #ffffff40;grid-template-columns:1.5fr 1fr;padding-top:34px;display:grid}.project-visual{background:#233e45;min-height:470px;position:relative;overflow:hidden}.project-visual.large{min-height:620px}.project-visual img{object-fit:cover;height:100%;transition:transform .6s}.project-visual:hover img,.more-projects article:hover img{transform:scale(1.025)}.project-number{width:44px;height:44px;color:var(--ink);background:var(--white);border-radius:50%;place-items:center;font:13px/1 Georgia,serif;display:grid;position:absolute;top:20px;left:22px}.project-story{padding:54px 0 0 58px}.project-type{color:#e29a78;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.project-story h3,.project-copy h3{margin-top:22px;font:400 clamp(34px,3.8vw,54px)/1.2 Songti SC,SimSun,serif}.project-lead{color:var(--white);margin-top:24px;font:400 20px/1.7 Songti SC,SimSun,serif}.project-story>p:not(.project-type):not(.project-lead),.project-copy>p:not(.project-type):not(.project-lead){color:#ffffff94;margin-top:20px;font-size:13px;line-height:1.9}.project-story dl{border-top:1px solid #ffffff2e;margin-top:38px}.project-story dl div{border-bottom:1px solid #ffffff1f;grid-template-columns:75px 1fr;gap:14px;padding:12px 0;font-size:12px;display:grid}.project-story dt{color:#ffffff6b}.project-story dd{color:#ffffffc7}.project-plan{z-index:2;grid-column:2;width:calc(100% - 58px);margin:-112px 0 0 58px;position:relative}.project-plan img{object-fit:cover;height:230px}.project-plan figcaption{color:#ffffff70;letter-spacing:.08em;margin-top:10px;font-size:10px}.split-project{border-top:1px solid #ffffff40;grid-template-columns:.84fr 1.36fr;gap:75px;margin-top:145px;padding-top:35px;display:grid}.split-project.reverse .project-copy{order:0;padding-top:35px}.split-project.reverse .project-visual{order:1}.project-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.project-tags span{color:#ffffffad;border:1px solid #ffffff38;border-radius:999px;padding:8px 13px;font-size:11px}.dachong-project{border-top:1px solid #ffffff40;margin-top:145px;padding-top:35px}.dachong-project .project-copy{grid-template-columns:.7fr 1fr 1.15fr;align-items:start;column-gap:55px;display:grid}.dachong-project .project-copy .project-type{grid-column:1}.dachong-project .project-copy h3{grid-area:1/2/span 3;margin-top:-8px}.dachong-project .project-copy p:not(.project-type){grid-column:3}.dachong-project .project-copy .project-lead{margin-top:0}.mosaic{grid-template-rows:260px 260px;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:46px;display:grid}.mosaic img{object-fit:cover;height:100%}.mosaic-main{grid-row:1/span 2}.more-projects{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:145px;display:grid}.more-projects article{background:#1a363d;overflow:hidden}.more-projects article>img{object-fit:cover;height:275px;transition:transform .6s}.more-projects article>div{min-height:150px;padding:24px 24px 26px 72px;position:relative}.more-projects span{color:#e29a78;font:12px/1 Georgia,serif;position:absolute;top:28px;left:23px}.more-projects h3{font:400 22px/1.3 Songti SC,SimSun,serif}.more-projects p{color:#ffffff7a;margin-top:10px;font-size:11px}.experience{padding-top:136px}.section-heading.compact{grid-template-columns:.65fr 1.4fr;align-items:start;display:grid}.section-heading.compact h2{margin:0}.career{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;margin-top:78px;display:grid}.career article{border-right:1px solid var(--line);min-height:270px;padding:30px 34px 32px 0}.career article+article{padding-left:34px}.career article:last-child{border-right:0}.career time{color:var(--copper);letter-spacing:.08em;font:11px/1 Georgia,serif}.career h3{margin-top:42px;font:400 26px/1.3 Songti SC,SimSun,serif}.career strong{margin-top:8px;font-size:12px;display:block}.career p{color:#617276;margin-top:19px;font-size:13px;line-height:1.8}.education-card{background:#e5e1d7}.awards{border-top:1px solid var(--line);grid-template-columns:.32fr 1fr;gap:40px;margin-top:70px;padding-top:26px;display:grid}.awards>p{color:var(--copper);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.awards ul{grid-template-columns:1fr 1fr;gap:15px 45px;margin:0;padding:0;list-style:none;display:grid}.awards li{color:#455d62;padding-left:18px;font-size:13px;position:relative}.awards li:before{content:"—";color:var(--copper);position:absolute;left:0}.contact{color:var(--white);background:var(--copper);padding:125px max(48px,50vw - 590px)}.contact h2{max-width:760px;margin-top:22px;font-size:clamp(52px,6vw,82px)}.contact-copy{color:#ffffffbd;margin-top:28px;font-size:14px}.contact-links{flex-wrap:wrap;gap:18px;margin-top:48px;display:flex}.contact-links a{text-align:center;border:1px solid #ffffff85;border-radius:999px;min-width:240px;padding:17px 24px;font-size:14px;transition:background .2s,color .2s}.contact-links a:hover{color:var(--copper);background:var(--white)}footer{color:#ffffff80;letter-spacing:.05em;background:#0b2026;justify-content:space-between;gap:20px;padding:26px max(48px,50vw - 590px);font-size:10px;display:flex}@media (width>=1021px){.hero h1{font-size:clamp(50px,5.2vw,74px)}.section-heading h2{font-size:clamp(38px,3.4vw,52px)}.project-story h3,.project-copy h3{letter-spacing:-.055em;font-size:clamp(32px,2.7vw,40px)}}@media (width<=1020px){:root{--content:calc(100vw - 56px)}.topbar nav a:not(.nav-contact){display:none}.hero{min-height:760px}.identity-card{width:290px;bottom:55px;right:28px}.hero-caption{bottom:22px;right:28px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #ffffff24}.expertise{grid-template-columns:1fr;gap:70px}.works-title{grid-template-columns:1fr 1fr}.works-title .eyebrow{grid-column:1/-1}.featured-project{grid-template-columns:1fr}.project-story{padding:46px 0}.project-plan{grid-column:1;width:50%;margin:0 0 0 auto}.split-project{grid-template-columns:1fr;gap:42px}.split-project.reverse .project-copy,.split-project.reverse .project-visual{order:initial}.dachong-project .project-copy{grid-template-columns:1fr 1fr}.dachong-project .project-copy h3{grid-area:2/1;margin-top:20px}.dachong-project .project-copy p:not(.project-type){grid-column:2}.dachong-project .project-copy .project-lead{grid-row:1/span 2}.more-projects{grid-template-columns:1fr 1fr}.more-projects article:last-child{grid-column:1/-1}.career{grid-template-columns:1fr 1fr}.career article:nth-child(2){border-right:0}.career article:last-child{border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=680px){:root{--content:calc(100vw - 36px)}.topbar{height:70px}.brand{font-size:12px}.brand-mark{width:32px;height:32px}.nav-contact{padding:8px 13px}.hero{align-items:flex-start;min-height:760px}.hero-image{background-position:59%}.hero-shade{background:linear-gradient(90deg,#081c22f2,#081c22a6),linear-gradient(#0000,#081c22bf)}.hero-content{margin-top:150px}.hero h1{font-size:44px;line-height:1.16}.hero-intro{margin-top:23px;font-size:13px;line-height:1.85}.hero-actions{margin-top:26px}.button{flex:1;min-width:0;padding:13px 16px}.identity-card{width:calc(100vw - 36px);bottom:27px;left:18px;right:auto}.identity-card img{width:70px;height:86px}.hero-caption{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:26px 20px}.metric strong{font-size:31px}.metric span{font-size:10px;line-height:1.5}.section{padding:92px 0}.section-heading h2,.works-title h2{font-size:39px}.capability-grid{grid-template-columns:1fr}.capability,.capability:nth-child(2n){border-right:0;min-height:0;padding:24px 0 28px}.capability h3{margin-top:18px}.works{padding:90px 0 100px}.works-title{grid-template-columns:1fr;gap:18px;padding-bottom:42px}.project-visual.large{min-height:410px}.project-visual{min-height:330px}.project-story{padding:34px 0 12px}.project-story h3,.project-copy h3{font-size:35px}.project-lead{font-size:17px}.project-plan{width:100%;margin-top:26px}.project-plan img{height:200px}.split-project,.dachong-project,.more-projects{margin-top:92px}.dachong-project .project-copy{display:block}.dachong-project .project-copy p{margin-top:20px}.mosaic{grid-template-rows:270px 150px;grid-template-columns:1fr 1fr}.mosaic-main{grid-area:1/1/auto/-1}.more-projects{grid-template-columns:1fr}.more-projects article:last-child{grid-column:auto}.more-projects article>img{height:240px}.section-heading.compact{grid-template-columns:1fr;gap:22px}.career{grid-template-columns:1fr;margin-top:54px}.career article,.career article+article{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:28px 0 34px}.career article:last-child{grid-column:auto;padding:28px 22px 34px}.career h3{margin-top:28px}.awards,.awards ul{grid-template-columns:1fr}.contact{padding:90px 18px}.contact h2{font-size:45px}.contact-links{display:grid}footer{flex-direction:column;padding:23px 18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}