*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#faf7ed;color:#173d31}header{height:80px;background:white;display:flex;align-items:center;padding:0 6%;gap:35px;position:sticky;top:0;z-index:5;border-bottom:1px solid #e9eadf}.brand{font-size:21px;font-weight:900;text-decoration:none;color:#173d31;white-space:nowrap}.brand span{color:#b78034}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:12px;text-decoration:none;color:#42594b}.topbtn,.btn{background:#d5ef92;color:#173d31;border-radius:40px;padding:15px 22px;text-decoration:none;font-size:11px;font-weight:bold}.topbtn{background:#173d31;color:white}.hero{min-height:530px;display:grid;grid-template-columns:1fr 1fr;background:#173d31;color:white}.copy{padding:75px 6vw 35px 9vw}.copy small,.feature small{color:#d5ef92;font-size:10px;letter-spacing:2px;font-weight:bold}h1,h2,h3{letter-spacing:-1px}h1{font-size:clamp(44px,5.3vw,74px);line-height:1.08;margin:25px 0}h1 em{color:#d5ef92;font-style:normal}.copy p{color:#c8d8cd;line-height:1.9;font-size:15px;max-width:500px;margin-bottom:35px}.herofoot{border-top:1px solid #5a7765;margin-top:65px;padding-top:25px;font-size:10px;letter-spacing:2px;color:#b8c9bc}.herofoot b{color:#d5ef92}.visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#f3d9a7,#c48b51)}.plate{width:350px;height:350px;border-radius:50%;background:#f7f1dc;border:22px solid #e4e0ca;box-shadow:20px 30px 55px #5c392b66;display:grid;place-items:center;transform:rotate(-15deg)}.food{font-size:190px;filter:drop-shadow(5px 15px 9px #0002)}.leaf{position:absolute;right:50px;top:40px;font-size:110px;color:#467d3e}.visual span{position:absolute;bottom:30px;right:25px;font-size:10px;letter-spacing:3px}.intro{max-width:1200px;margin:65px auto 30px;padding:0 20px;display:flex;justify-content:space-between;gap:40px;align-items:end}.intro small,.about small{color:#a97d35;font-size:10px;letter-spacing:2px}.intro h2,.feature h2,.about h2{font-size:clamp(29px,3.2vw,43px);line-height:1.2;margin:12px 0}.intro p{max-width:440px;font-size:13px;line-height:1.9;color:#718073}.cards{max-width:1200px;margin:auto;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:white;border:1px solid #e8e8dc;border-radius:14px;overflow:hidden}.art{height:195px;display:grid;place-items:center;font-size:100px}.a{background:#f3dfb4}.b{background:#dbe9c5}.c{background:#f4d7c6}.body{padding:25px}.body small{font-size:9px;letter-spacing:2px;color:#ad7c36}.body h3{font-size:21px}.body p{font-size:12px;color:#758071;line-height:1.8;min-height:65px}.body a,.feature a{font-size:11px;text-decoration:none;color:#28633f;font-weight:bold}.feature{max-width:1160px;margin:65px auto;background:#214d3a;color:white;border-radius:18px;padding:45px;display:flex;align-items:center;gap:55px}.feature>span{font-size:130px;color:#d5ef92}.feature p{color:#cbd9cb;font-size:13px;line-height:1.9}.feature a{color:#d5ef92}.about{text-align:center;max-width:760px;margin:60px auto 80px;padding:0 20px}.about p{font-size:13px;line-height:1.9;color:#748071}footer{background:#102d22;color:white;padding:35px 6%;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:12px}footer span,footer small{color:#b1c4b5}@media(max-width:850px){nav{display:none}.topbtn{margin-left:auto}.copy{padding:55px 30px}.plate{width:260px;height:260px}.food{font-size:135px}}@media(max-width:620px){header{height:68px;padding:0 14px}.brand{font-size:15px}.topbtn{font-size:10px;padding:11px}.hero{display:block}.copy{padding:55px 25px 30px}.copy h1{font-size:48px}.herofoot{margin-top:35px}.visual{height:340px}.intro{display:block;margin:45px auto 25px}.cards{grid-template-columns:1fr}.body p{min-height:0}.feature{margin:45px 20px;padding:30px;display:block}.feature>span{font-size:75px}.about{margin:45px auto}footer{flex-wrap:wrap}}