@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500&display=swap');
:root{--cream:#f4efe4;--ink:#20251f;--green:#276552;--line:#bdbdaf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{object-fit:contain;display:block}nav{display:flex;gap:32px;font-size:14px}.header-right{display:flex;gap:24px;align-items:center}.header-cta{border-bottom:1px solid;padding-bottom:5px}button{border:1px solid var(--line);background:none;padding:9px 12px;cursor:pointer}a:hover{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid #b68b42;outline-offset:5px}.hero{min-height:750px;height:calc(100svh - 90px);max-height:1100px;position:relative;overflow:hidden;background:#292c24;color:var(--cream);padding:30px 4% 65px}.hero-top{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.hero h1{position:relative;z-index:2;font-weight:400;font-size:clamp(54px,7.5vw,112px);line-height:1;letter-spacing:-5px;margin:55px 0 0;max-width:1000px}.hero-bottom{position:absolute;z-index:3;bottom:65px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:22px;line-height:1.4;max-width:430px}.hero-bottom a{font-size:11px;border-bottom:1px solid #a0a492;padding-bottom:12px;letter-spacing:1px}.hero a:hover{color:white}.visual-note{position:absolute;bottom:20px;right:4%;font-size:8px;letter-spacing:1px;color:#bbb9ac}.architecture{position:absolute;inset:0;overflow:hidden;background:linear-gradient(110deg,#171e18 0%,#2e3026 38%,#726650 75%,#232c23 100%)}.slats{position:absolute;top:0;bottom:16%;left:0;width:27%;background:repeating-linear-gradient(90deg,#101a14 0px,#303c2b 5px,#152219 8px,#101a14 12px);opacity:.85}.wall{position:absolute;top:17%;left:43%;width:38%;height:63%;background:linear-gradient(130deg,#4d5140,#9c8e70);box-shadow:-25px 0 55px #0006;transform:skewY(-8deg)}.door{position:absolute;right:8%;top:15%;width:12%;height:69%;background:linear-gradient(90deg,#121b14,#2d3529);border:8px solid #6f6c50;box-shadow:18px 0 40px #0006}.light{position:absolute;right:24%;top:30%;width:4px;height:30%;background:#dfd0a2;box-shadow:0 0 28px 9px #e7c98155}.bench{position:absolute;left:31%;bottom:17%;width:40%;height:15%;background:linear-gradient(140deg,#141c14,#343c2c);transform:skewY(-3deg);box-shadow:15px 30px 30px #0005}.floor{position:absolute;bottom:-16%;left:-10%;width:120%;height:35%;background:repeating-linear-gradient(0deg,#4f5141 0,#555749 2px,#44493b 3px,#45493a 35px);transform:rotate(-6deg)}.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 55%,#0007)}.section{padding:100px 4%;display:grid;grid-template-columns:26% 74%;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.8}h2{font-size:clamp(40px,5vw,75px);font-weight:400;line-height:1.06;letter-spacing:-3px;margin:0 0 40px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:900px}p{font-size:16px;line-height:1.7;margin:0}.about-copy p{max-width:420px}.services{padding-top:60px;padding-bottom:70px}.service-list>a{display:flex;align-items:start;gap:25px;padding:40px 0;border-bottom:1px solid var(--line)}.service-list>a:first-child{padding-top:0}.number{font-size:12px;padding-top:10px}.service-list h2{margin:0 0 18px}.service-list p{max-width:500px}.arrow{font-size:40px;margin-left:auto}.statement{background:var(--green);color:var(--cream);padding:75px 4% 85px}.statement h2{font-size:clamp(58px,9vw,140px);letter-spacing:-5px;margin:60px 0 50px}.statement a{font-size:11px;letter-spacing:1px;border-bottom:1px solid #8aab96;padding-bottom:12px}.statement a:hover{color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:24px;font-family:serif}.steps h3{font-size:22px;font-weight:400;margin:45px 0 16px}.steps p{font-size:14px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:60px}.contacts>div{display:flex;flex-direction:column;align-items:start}.contacts span{font-size:10px;letter-spacing:1px;margin-bottom:22px}.contacts a{font-size:30px;letter-spacing:-1px}.contacts a.small{font-size:12px;letter-spacing:0;margin:12px 0 28px;border-bottom:1px solid var(--line);padding-bottom:6px}.contacts a.email{font-size:clamp(16px,2.1vw,28px);overflow-wrap:anywhere}.contacts span.address-label{margin:40px 0 16px}address{font-style:normal;line-height:1.7;font-size:15px}footer{padding:30px 4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px}html[lang=zh] h1,html[lang=zh] h2{letter-spacing:-1px;line-height:1.2}html[lang=zh] .hero h1{font-size:clamp(55px,7vw,100px)}@media(max-width:760px){header{height:78px;padding:14px 5%}header img{width:105px;height:auto}nav{display:none}.header-right{gap:12px;font-size:12px}.hero{height:760px;min-height:0;padding:25px 5%}.hero-top{font-size:8px;gap:25px}.hero-top span:last-child{text-align:right}.hero h1{letter-spacing:-3px;font-size:clamp(45px,9vw,68px);margin-top:60px}.hero-bottom{left:5%;right:5%;flex-direction:column;align-items:start;gap:25px}.hero-bottom p{font-size:20px}.wall{left:30%;width:49%;top:37%;height:45%}.slats{width:22%}.door{top:35%;height:49%;right:5%}.light{top:45%;right:25%;height:25%}.bench{left:15%;width:52%;bottom:18%}.section{display:block;padding:60px 5%}.section>.eyebrow{margin-bottom:35px}h2{font-size:43px;letter-spacing:-2px}.about-copy{grid-template-columns:1fr;gap:25px}.service-list h2{font-size:37px}.service-list>a{gap:15px}.service-list p{font-size:14px}.statement{padding:50px 5% 65px}.statement h2{font-size:58px;letter-spacing:-3px}.steps{grid-template-columns:1fr;gap:30px;margin-top:45px}.steps h3{margin-top:20px}.contacts{grid-template-columns:1fr;gap:25px;margin-top:35px}.contacts a.email{font-size:25px}footer{padding:25px 5%;gap:20px;line-height:1.6}footer span{max-width:230px}footer>a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}