*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f7f5ef;color:#232720;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b88845;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Songti SC",serif;font-weight:400;letter-spacing:-2px;line-height:1.09}h1{font-size:clamp(48px,5.4vw,84px);margin-bottom:26px}h2{font-size:clamp(36px,4vw,58px);margin-bottom:24px}h3{font-size:21px;line-height:1.3;font-weight:500}p{color:#686b63}img{display:block;max-width:100%}.topbar{background:#1c211d;color:#d7d6ce;padding:9px 4%;display:flex;gap:28px;font-size:11px;letter-spacing:.8px}.topbar span{margin-right:auto}header{display:flex;align-items:center;justify-content:space-between;padding:15px 4%;gap:24px;background:#f7f5eff5;position:sticky;top:0;z-index:5;border-bottom:1px solid #deddd5;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;line-height:1.1;font-family:Georgia,serif;font-size:28px;letter-spacing:3px}.brand img{height:56px;width:56px;object-fit:contain;background:#000}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.4px;margin-top:7px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:#9a7039}.header-actions{display:flex;gap:20px;align-items:center}#language{background:transparent;border:0;font-size:13px;padding:10px}.button{display:inline-flex;align-items:center;justify-content:center;background:#c6a16b;color:#1c211d;padding:16px 24px;font-size:13px;font-weight:600;border:1px solid #c6a16b;transition:background .2s}.button:hover{background:#dabd90}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:655px}.hero-copy{padding:80px 8% 25px}.eyebrow{font-size:11px;letter-spacing:2px;color:#8c6b3c;font-weight:600;margin-bottom:28px}.lead{max-width:460px;font-size:17px}.hero-buttons{display:flex;gap:25px;align-items:center;margin-top:33px;flex-wrap:wrap}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.hero-note{margin-top:75px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#77786c;border-top:1px solid #d9d8cc;padding-top:18px}.hero-image{position:relative;min-height:500px;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:45% center}.photo-label{position:absolute;bottom:26px;left:28px;right:28px;padding:17px 20px;background:#f7f5efe8;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px}.photo-label span:last-child{font-size:24px}.values{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 4%;border-bottom:1px solid #ddded4;font-size:12px;letter-spacing:2px}.values i{color:#b69764}.values p{margin:0;font-size:12px;letter-spacing:0}.section{padding:90px 6%;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:375px;font-size:14px;margin-bottom:28px}.section-heading h2{margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #d6d8cf;border-left:1px solid #d6d8cf}.service{padding:30px;border-right:1px solid #d6d8cf;border-bottom:1px solid #d6d8cf;min-height:235px}.service-number{color:#a38451;font-size:12px;display:block;margin-bottom:30px}.service p{font-size:14px;margin:0}.projects{background:#eeede6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button,.outline{border:1px solid #c9cbc1;background:transparent;padding:10px 20px;font-size:12px}.filters button.active{background:#242b23;color:white;border-color:#242b23}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}.project{padding:0;border:0;background:none;text-align:left;color:inherit}.project .image-wrap{height:300px;overflow:hidden;position:relative}.project img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.035)}.project .zoom{position:absolute;bottom:12px;right:12px;background:#f7f5ef;padding:3px 12px;font-size:22px}.project h3{font-size:17px;margin:13px 0 2px}.project p{font-size:11px;letter-spacing:.4px;margin:0}.outline{display:block;margin:35px auto 0}.pond{background:#26372e;color:#f7f5ef;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.pond p{color:#c6cfc5;max-width:470px}.pond .eyebrow{color:#c6a16b}.pond .text-link{color:#d8bc8f}.pond-mark{height:430px;position:relative;border:1px solid #7b8b794d;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#3e5141,transparent 70%)}.pond-mark>span{font-family:serif;font-size:160px;font-weight:100;color:#d1ba8e;z-index:1}.pond-mark small{position:absolute;bottom:20px;font-size:9px;letter-spacing:3px;color:#a8b5a7}.ripples{position:absolute;width:340px;height:340px;border:1px solid #afc0a82b;border-radius:50%;box-shadow:0 0 0 35px #afc0a810,0 0 0 75px #afc0a808}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:center}.about-logo{background:#000;padding:20px}.about p{font-size:15px}.about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.about-tags span{border:1px solid #d0d3c7;padding:7px 12px;font-size:11px}.process{border-top:1px solid #d5d8cd;padding-top:55px;padding-bottom:60px}#process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}#process-grid b{font:30px Georgia,serif;color:#af8d57;display:block;margin-bottom:15px}#process-grid p{font-size:14px}.contact{background:#1d221e;color:#f7f5ef;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact p{color:#b6bdb1;font-size:14px}.contact .eyebrow{color:#c6a16b}.contact-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px}.contact-links>a{font-size:20px}.contact-links small{display:block;font-size:9px;letter-spacing:1.5px;color:#c6a16b;margin-bottom:7px}.contact-links .email{font-size:15px;overflow-wrap:anywhere}form{padding-top:8px}label{display:block;font-size:12px;margin-bottom:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,textarea{display:block;width:100%;background:#ffffff06;color:#fff;border:1px solid #65705c;padding:12px;margin-top:8px;border-radius:0}input:focus,textarea:focus{outline:2px solid #c6a16b;outline-offset:2px}textarea{resize:vertical}.contact .form-note{font-size:11px;margin-bottom:20px}.contact #form-status{font-size:12px;margin-top:15px}footer{background:#161a17;color:#c8cbbf;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:22px}footer p,footer>small{font-size:11px;margin:0}dialog{border:0;padding:15px;background:#171b18;color:white;max-width:94vw;max-height:94vh}dialog::backdrop{background:#000d}dialog img{max-height:78vh;margin:auto;object-fit:contain}dialog p{margin:12px 0 0;color:#eee;font-size:13px}#close{position:absolute;right:22px;top:20px;width:40px;height:40px;border:0;background:#fff;color:#111;font-size:25px}.skip{position:fixed;top:-80px;z-index:20;background:white;padding:10px}.skip:focus{top:0}[hidden]{display:none!important}html[lang=zh-CN] h1,html[lang=zh-CN] h2{line-height:1.25;letter-spacing:0}html[lang=zh-CN] .hero-note{letter-spacing:0}@media(min-width:1600px){main,header,.topbar,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.hero-copy{padding-top:55px}.hero{min-height:600px}.hero-note{margin-top:40px}.gallery{grid-template-columns:repeat(2,1fr)}.service{padding:23px}.header-actions{gap:8px}.section{padding:65px 5%}.section-heading{gap:30px}.contact{gap:5%}}@media(max-width:700px){.topbar{padding:8px 5%;font-size:9px;gap:15px;justify-content:center}.topbar span{display:none}header{padding:12px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:23px}.brand img{width:43px;height:43px}.brand small{font-size:8px}.header-actions .small{display:none}nav{order:3;width:100%;justify-content:space-between;font-size:12px;padding-top:8px;border-top:1px solid #deddd5}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 6% 26px}h1{font-size:53px}.lead{font-size:15px}.hero-note{margin-top:34px}.hero-image{min-height:380px}.hero-buttons{gap:20px}.values{padding:20px 5%;gap:12px;font-size:10px;letter-spacing:1px}.values p{display:none}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:20px;min-height:245px}.service h3{font-size:18px}.service p{font-size:13px}.gallery{gap:25px 15px}.project .image-wrap{height:230px}.project h3{font-size:15px}.filters{gap:6px}.filters button{padding:8px 12px}.pond,.about,.contact{grid-template-columns:1fr;gap:35px}.pond-mark{height:260px}.pond-mark>span{font-size:125px}.about-logo{max-width:350px;margin:auto}.about{padding-top:60px}#process-grid{grid-template-columns:1fr;gap:20px}#process-grid b{float:left;margin-right:22px}#process-grid h3{margin-bottom:8px}#process-grid p{margin-left:56px}.form-row{gap:15px}footer{flex-wrap:wrap}footer>small{width:100%}html{scroll-padding-top:130px}}@media(max-width:400px){h1{font-size:45px}.gallery{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service{min-height:0}.service-number{margin-bottom:14px}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}