*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f5ef;color:#202c25;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.brand-symbol{font-size:34px;background:#202c25;color:#d1e6ad;width:48px;height:48px;display:grid;place-items:center;border-radius:8px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px;font-weight:400}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#668347}.hero{background:#15201c;color:#eff3e9;display:grid;grid-template-columns:1fr 1fr;min-height:650px;padding:64px 5% 38px;gap:36px}.hero-copy{padding-left:max(0px,calc((100vw - 1440px)/2));display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600}.eyebrow i,.art-bottom i{display:inline-block;width:7px;height:7px;background:#b9d995;border-radius:50%;margin-right:9px}h1{font-size:clamp(42px,4.4vw,68px);line-height:1.32;font-weight:500;letter-spacing:-2px;margin:35px 0 23px}h1 span{color:#b9d995}.hero-copy>p{font-size:14px;line-height:2;color:#a6b3a9;margin:0 0 30px}.primary{background:#c4dda6;color:#16211b;padding:17px 22px;font-size:13px;display:flex;gap:48px;border-radius:3px}.primary:hover{background:#d7edbd}.hero-bottom{display:flex;gap:34px;font-size:10px;letter-spacing:1px;color:#a6b3a9;margin-top:auto;padding-top:40px}.hero-art{background:#e9ece5;border-radius:4px;display:flex;flex-direction:column;position:relative;min-width:0;color:#304037;max-width:680px;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:10px;letter-spacing:1.5px}.hero-art>img{width:100%;height:400px;object-fit:contain;mix-blend-mode:multiply;padding:10px 20px}.art-bottom{letter-spacing:0;border-top:1px solid #d1d8cc;margin-top:auto;font-size:11px}.art-bottom i{background:#668347;width:5px;height:5px}.intro,.evolution,.projects,.closing{max-width:1280px;margin:auto;padding:80px 4%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid #d8ddd1}.intro>.eyebrow{color:#78816e;padding-top:12px}h2{font-size:30px;line-height:1.5;letter-spacing:-.8px;font-weight:500;margin:12px 0 20px}.intro p{font-size:14px;line-height:2.1;color:#6a7468;margin:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.section-top>.eyebrow,.section-top .eyebrow{color:#79866e}.section-top>span{font-size:12px;color:#7e8975}.evolution{padding-bottom:40px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}th,td{text-align:left;padding:22px 20px;border-bottom:1px solid #d9dfd1;line-height:1.7}thead{background:#e8ecdf;font-size:11px}thead th:first-child{width:20%}tbody th{font-weight:500}td:last-child{color:#456a36}.projects{padding-top:60px}.tabs{display:flex;padding:5px;background:#e6eadf;border-radius:5px;gap:4px}.tabs button{border:0;background:transparent;padding:12px 20px;color:#677260;font-size:12px;border-radius:3px}.tabs button[aria-selected=true]{background:#23372a;color:white}.archive-heading{background:#e7ecde;padding:35px 40px;border-left:3px solid #8ca966;margin:10px 0 36px}.archive-heading>span{font-size:10px;letter-spacing:1.6px;color:#6d7b5e}h3{font-size:26px;font-weight:500;margin:15px 0}.archive-heading p{font-size:12px;color:#728062}.body-copy{max-width:850px;margin:26px auto;font-size:15px;line-height:2.15;color:#4d5b4e;text-align:justify}.caption{max-width:850px;margin:18px auto;color:#63705c;font-size:13px;line-height:1.9;white-space:pre-wrap}.figures{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0}.figures.pair{grid-template-columns:1fr 1fr}.figure{position:relative;border:1px solid #dfe3d7;background:white;border-radius:5px;padding:24px;overflow:hidden;width:100%}.figure img{display:block;max-width:100%;width:100%;height:420px;object-fit:contain;transition:transform .25s}.pair .figure img{height:330px}.figure:hover img{transform:scale(1.025)}.figure span{position:absolute;bottom:12px;right:16px;font-size:10px;color:#78836d;background:#f5f7f0;padding:5px 8px;border-radius:3px}.closing{border-top:1px solid #d8ddd1;display:block;padding-top:65px;padding-bottom:65px}.closing .eyebrow{color:#7b8d6b}.closing h2{font-size:36px}.closing a{font-size:12px;display:inline-block;margin-top:12px;border-bottom:1px solid #859572;padding-bottom:8px}footer{display:flex;justify-content:space-between;border-top:1px solid #d8ddd1;padding:26px 5%;font-size:10px;color:#78836e}dialog{border:0;padding:45px 15px 15px;background:#f5f5ef;border-radius:8px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#09140ee6}dialog img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#32452b;padding:5px;font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #8eac63;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-left:calc((100vw - 1280px)/2);padding-right:calc((100vw - 1280px)/2)}.hero-copy{padding-left:0}}@media(max-width:760px){header{height:78px;padding:0 6%}.brand small{font-size:6px;letter-spacing:1px}.brand{font-size:12px}.brand-symbol{width:40px;height:40px;font-size:28px}nav{gap:18px;font-size:11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:38px 6% 24px;gap:35px}.hero-copy>p{font-size:13px}.hero-bottom{margin-top:0;padding-top:28px}.hero-art>img{height:340px}h1{font-size:45px;margin-top:28px}.intro,.evolution,.projects,.closing{padding:48px 6%}.intro{grid-template-columns:1fr;gap:15px}h2{font-size:25px}.section-top{align-items:flex-start;flex-direction:column;gap:4px}.section-top>span{display:none}.tabs{width:100%}.tabs button{flex:1}.archive-heading{padding:26px 22px}h3{font-size:22px}.figures.pair{grid-template-columns:1fr}.figure img,.pair .figure img{height:320px}.figure{padding:15px}.body-copy{font-size:14px;line-height:2}.caption{font-size:12px}.closing h2{font-size:30px}footer{gap:18px;line-height:1.7;padding:23px 6%}.art-top,.art-bottom{padding:16px}th,td{padding:18px 15px}}
