*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,"Times New Roman",serif;color:#2b2a28;background:#f6f3ee}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid #e2dcd2;background:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-size:22px;letter-spacing:.5px}.logo b{color:#a8743a}
nav a{margin-left:22px;color:#2b2a28;text-decoration:none;font:14px Arial,sans-serif}nav a:hover{color:#a8743a}
.hero{padding:96px 0 72px}.hero h1{font-size:44px;line-height:1.15;margin:0 0 18px;font-weight:normal}.hero p{max-width:560px;color:#6b665e}
section{padding:48px 0}h2{font-weight:normal;font-size:28px;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
article{background:#fff;padding:0 0 18px;border:1px solid #e9e3d9}article h3,article p{margin:12px 18px 0}article p{color:#6b665e;font-size:15px}
.ph{height:180px}.a{background:linear-gradient(135deg,#d9c7ad,#a8743a)}.b{background:linear-gradient(135deg,#c9d1c8,#6f8270)}.c{background:linear-gradient(135deg,#e6d8d0,#9c7b6c)}
ol{padding-left:20px}footer{padding:28px 0;color:#8a847b;font:13px Arial,sans-serif;border-top:1px solid #e2dcd2}