:root{--ink:#191919;--paper:#f2f0eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.header{position:absolute;z-index:10;top:0;left:0;width:100%;height:106px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff45}.brand{display:flex;align-items:center;gap:14px}.brand-cn{font-family:serif;font-size:31px;letter-spacing:5px}.brand-en{font-size:10px;line-height:1.4;letter-spacing:2px;border-left:1px solid #ffffff80;padding-left:14px}.nav{display:flex;gap:48px;font-size:14px;letter-spacing:2px}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:#fff;transition:.3s}.nav a:hover:after{width:100%}.menu-button{display:none}.hero{height:100vh;min-height:700px;position:relative;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#111b,#1113 60%,#0005)}.hero-copy{position:absolute;left:10vw;top:50%;transform:translateY(-40%);color:#fff}.eyebrow{font-size:11px;letter-spacing:4px}.hero h1{font-family:serif;font-weight:400;font-size:clamp(54px,6.2vw,108px);line-height:1.12;letter-spacing:8px;margin:28px 0 45px}.hero-line{display:flex;align-items:center;gap:20px;letter-spacing:5px}.hero-line span{width:90px;height:1px;background:#fff}.scroll{position:absolute;right:5.5vw;bottom:45px;color:#fff;display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:4px;transform:rotate(90deg);transform-origin:right}.scroll i{width:55px;height:1px;background:#fff}.intro{position:relative;padding:150px 10vw 170px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section-no{position:absolute;left:5.5vw;top:90px;color:#9a978f;font-size:11px;letter-spacing:2px}.intro-title>p,.cases-head p{font-size:11px;letter-spacing:4px;color:#9a7455}.intro-title h2,.cases h2,.services h2,footer h2{font-family:serif;font-weight:400;font-size:clamp(44px,5vw,80px);line-height:1.25;letter-spacing:4px;margin:28px 0}.intro-body{padding-top:55px;max-width:520px;font-family:serif;font-size:16px;line-height:2.2;color:#5c5b57}.intro-body p{margin:0 0 24px}.text-link{display:inline-flex;gap:20px;color:#222;font-family:Arial;font-size:12px;letter-spacing:2px;border-bottom:1px solid #777;padding-bottom:8px;margin-top:20px}.cases{background:#fff;padding:130px 5.5vw 140px}.cases-head{display:flex;justify-content:space-between;align-items:end;margin:0 4.5vw 65px}.cases-head span{font-size:11px;color:#777}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 32px}.project:nth-child(even){transform:translateY(90px)}.project-image{aspect-ratio:1.36;background-position:center;background-size:cover;position:relative}.project-image span{position:absolute;top:20px;left:22px;color:#fff;font-size:10px}.p1{background-image:url('https://cdn.yun.sooce.cn/4/51643/png/16932806491685d518828ff221e17893fa8ebbb65a39e.png?version=1693280650')}.p2{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85')}.p3{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85')}.p4{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=85')}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:24px 4px}.project-meta p{font-size:9px;letter-spacing:3px;color:#a87951}.project-meta h3{font-family:serif;font-weight:400;letter-spacing:3px;font-size:22px;margin:8px 0}.project-meta b{font-weight:400;font-size:24px}.services{position:relative;background:#1e1e1c;color:#eee;padding:150px 10vw}.section-no.light{color:#777}.services>h2{max-width:800px;margin-bottom:80px}.services>.eyebrow{color:#a9896b}.service-list{border-top:1px solid #ffffff28}.service-list>div{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:24px 0;border-bottom:1px solid #ffffff28}.service-list span{color:#777;font-size:10px}.service-list p{font-family:serif;font-size:24px;letter-spacing:3px;margin:0}.service-list b{font-weight:400}footer{min-height:850px;padding:130px 10vw 60px;background:#a77e5b;color:#fff;display:flex;flex-direction:column;justify-content:space-between}footer>div:first-child>p{font-size:10px;letter-spacing:4px}footer h2{font-size:clamp(52px,6vw,94px)}footer a{display:inline-flex;gap:25px;border-bottom:1px solid #ffffff88;padding-bottom:10px;letter-spacing:2px}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:50px;margin:70px 0}.contact-grid span{font-size:9px;letter-spacing:3px;color:#f2dfcf}.contact-grid p{font-family:serif;font-size:18px;line-height:1.8}.contact-grid a{border:0;padding:0}.footer-info{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ffffff4c;padding-top:32px;font-size:11px;line-height:1.8}.copyright{text-align:right}
@media(max-width:760px){.header{height:78px;padding:0 24px}.brand-cn{font-size:24px}.brand-en{display:none}.menu-button{display:block;border:0;background:none;width:32px;height:30px;position:relative;z-index:2}.menu-button span{position:absolute;right:0;width:28px;height:1px;background:#fff}.menu-button span:first-child{top:9px}.menu-button span:last-child{top:19px;width:20px}.nav{position:fixed;inset:0;background:#1d1d1c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;font-size:20px;transform:translateX(100%);transition:.35s}.nav.open{transform:none}.hero{min-height:620px}.hero-copy{left:8vw;right:6vw}.hero h1{font-size:49px;letter-spacing:4px}.hero-line span{width:45px}.scroll{display:none}.intro{padding:110px 7vw;display:block}.section-no{left:auto;right:7vw;top:60px}.intro-body{padding-top:20px}.cases{padding:90px 7vw 110px}.cases-head{margin:0 0 40px}.project-grid{display:block}.project{margin-bottom:55px}.project:nth-child(even){transform:none}.services{padding:110px 7vw}.service-list>div{grid-template-columns:45px 1fr auto}.service-list p{font-size:18px}footer{padding:100px 7vw 40px;min-height:900px}.contact-grid{grid-template-columns:1fr;gap:20px;margin:50px 0}.contact-grid p{margin:8px 0}.footer-info{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1;text-align:left;margin-top:25px}}
.project-image{overflow:hidden;background:#e7e4de}.project-image.landscape{aspect-ratio:16/10}.project-image.portrait{aspect-ratio:4/5}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}.project:hover .project-image img{transform:scale(1.025)}.project-image span{z-index:1;text-shadow:0 1px 8px #0008}
@media(max-width:760px){.project-image.landscape,.project-image.portrait{aspect-ratio:4/3}.project-image img{object-position:center}}