*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f1e4;color:#183728;font-family:Arial,sans-serif}header{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:#faf7ef;position:sticky;top:0;z-index:5}header b{font:24px Georgia;color:#17442e}header b span{display:block;font:9px Arial;letter-spacing:2px;color:#a48545}nav{display:flex;gap:25px}nav a{color:#183728;text-decoration:none;font-size:13px;font-weight:bold}.hero{height:650px;display:flex;align-items:center;padding:7vw;color:white;background:linear-gradient(90deg,rgba(10,40,28,.88) 0%,rgba(10,40,28,.72) 42%,rgba(10,40,28,.16) 76%),url('assets/bamboo-bg.png') center 37%/cover no-repeat}.hero div{max-width:700px}.hero small,main>small,.story small,.contact small{letter-spacing:3px;color:#d1ad59;font-weight:bold}.hero h1,h2{font-family:Georgia,serif}.hero h1{font-size:clamp(50px,7vw,88px);line-height:.95;margin:20px 0}.hero a,.contact a{display:inline-block;margin-top:25px;padding:16px 22px;background:#b9954a;color:#173426;text-decoration:none;font-weight:bold}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 7vw;background:#183d2c;color:white;font-weight:bold}.trust span{text-align:center}main{padding:80px 7vw}h2{font-size:48px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.grid article{background:white;box-shadow:0 10px 30px #17342618}.grid img{width:100%;height:330px;object-fit:cover;display:block}.grid article div{padding:20px}.grid h3{font:24px Georgia;margin:8px 0 20px}.grid article small{color:#a48242}.grid b{font-size:20px}.grid a{display:block;text-align:center;margin-top:18px;padding:13px;background:#17442e;color:white;text-decoration:none;font-size:12px;font-weight:bold}.story,.contact{padding:80px 8vw}.story{background:#183d2c;color:white}.story p{max-width:700px;line-height:1.7;color:#cbd5ce}.contact{text-align:center}.contact p{color:#69766e}footer{padding:35px 7vw;background:#10291d;color:#aebbb3}@media(max-width:750px){nav{display:none}.hero{height:590px;padding:25px}.hero h1{font-size:44px;line-height:1.02}.trust{grid-template-columns:1fr 1fr;gap:22px}.grid{grid-template-columns:1fr 1fr}.grid img{height:260px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.grid img{height:360px}.trust{grid-template-columns:1fr}main{padding:60px 20px}}
@media(max-width:520px){
  .hero{height:560px;background-position:center}
  .heroText{top:11%}
  .heroText p{font-size:11px;line-height:1.5}
  .heroText span{font-size:15px}
  .heroText a{padding:15px 18px}
}