*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#24312c;font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1360px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ded2}.brand{font-size:22px;font-weight:800}.brand b{color:#3c795b}small,.muted{color:#66796c}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:45px 0 55px}.hero h1{font-size:clamp(36px,5vw,70px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.hero p{max-width:500px}.eyebrow{letter-spacing:3px;font-size:12px;color:#467957;font-weight:700}.stack{display:flex;justify-content:center;gap:16px}.stack img{width:43%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;box-shadow:0 20px 45px #2e483326}.stack img:first-child{transform:rotate(-5deg) translateY(15px)}.stack img:last-child{transform:rotate(5deg) translateY(-10px)}.button{display:inline-block;padding:12px 22px;background:#2e5e48;color:white;border-radius:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 25px}.section-head h2{font-size:28px;margin:0}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:#e2e7dc}.card h3{font-size:16px;line-height:1.5;margin:10px 0 5px}.card p{font-size:12px;color:#6c7b70;margin:0}.card a:hover h3{color:#2b7750}.detail{display:grid;grid-template-columns:330px 1fr;gap:60px;padding:60px 0}.detail img{width:100%;border-radius:14px}.detail h1{font-size:40px}.detail p{max-width:700px}footer{font-size:13px;border-top:1px solid #d8ded2;margin-top:60px}input{font:inherit;border:1px solid #c9d4c9;border-radius:30px;padding:10px 18px;background:white;width:260px}[hidden]{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(4,1fr)}.hero{gap:24px}.detail{grid-template-columns:260px 1fr;gap:30px}}@media(max-width:600px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;padding-top:20px;gap:35px}.hero h1{font-size:44px}.stack img{width:36%}.grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.section-head{align-items:start;flex-direction:column}.detail{grid-template-columns:1fr;padding-top:24px}.detail img{max-width:300px;margin:auto}.detail h1{font-size:30px}header small{font-size:11px}input{width:100%}}
.card img,.stack img{height:auto}.detail img{height:auto}