*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17201c;background:#f7f6f1}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{height:82px;display:flex;align-items:center;gap:36px}.logo{font-weight:800;font-size:21px;letter-spacing:.5px}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.btn{display:inline-block;background:#b49354;color:#fff;padding:13px 22px;border:0;font-weight:700;cursor:pointer}.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,#17201c 0%,rgba(23,32,28,.78) 48%,rgba(23,32,28,.3)),url('../images/hero.jpg') center/cover}.hero .wrap{color:#fff}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.5px;color:#b49354;font-weight:800}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.95;max-width:800px;margin:18px 0}.hero p{font-size:19px;max-width:560px;margin-bottom:30px}.section{padding:105px 0}.light{background:#eceae3}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2,.contact h2{font-size:48px;line-height:1.05;margin:14px 0 30px}.section p{line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#f7f6f1;padding:35px;min-height:210px}.light .cards article{background:#fff}.num{color:#b49354;font-weight:800}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#fff;overflow:hidden}.project img,.placeholder{width:100%;height:230px;object-fit:cover}.placeholder{background:#d8d5ca;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:4px;color:#777}.pbody{padding:25px}.pbody small{color:#b49354;font-weight:700}.contact{background:#17201c;color:#fff;padding:100px 0}.contact form{display:grid;gap:14px}.contact input,.contact textarea{padding:16px;background:#fff;border:0;font:inherit}.contact textarea{min-height:150px}.contact .eyebrow{display:block}.contact p{line-height:1.8;color:#ddd}footer{padding:25px 0;background:#101512;color:#bbb;font-size:13px}footer a{float:right;color:#b49354}@media(max-width:800px){.nav nav{display:none}.nav .btn{margin-left:auto}.grid2,.cards,.projects{grid-template-columns:1fr}.section{padding:70px 0}.section h2,.contact h2{font-size:38px}.hero{min-height:560px}}
