*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#4b463f;background:#f7f3ed}header{height:90px;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;background:#eee7dd;position:sticky;top:0;z-index:5}.logo{font-family:Georgia;font-size:24px}nav{display:flex;gap:25px}a{text-decoration:none;color:inherit;font-size:12px}.btn{display:inline-block;background:#796c5c;color:white;padding:15px 24px;border-radius:2px}section{padding:90px 9%}.hero,.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:650px}h1{font:52px Georgia;line-height:1.08}h2{font:40px Georgia;font-weight:normal}p{font-size:17px;line-height:1.8}.photo{min-height:480px;background:#d8cec0;display:grid;place-items:center;color:#887b6c}.tall{min-height:600px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.grid article{padding:35px;background:#eee7dd;min-height:130px}.dark{background:#62594e;color:white}.dark article{background:#74695c}.online{text-align:center;background:#ddd2c3}footer{padding:60px 9%;background:#4e4840;color:white;text-align:center}@media(max-width:800px){header nav{display:none}.hero,.split{grid-template-columns:1fr}.hero{padding-top:50px}h1{font-size:38px}h2{font-size:32px}.grid{grid-template-columns:1fr}section{padding:60px 7%}}