*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:#222;background:#f6f4f0;line-height:1.6}a{color:#222}.w{max-width:1120px;margin:0 auto;padding:0 24px}header{padding:26px 0}header .w{display:flex;justify-content:space-between;align-items:baseline}.logo{font-size:20px;letter-spacing:4px;text-transform:uppercase;font-weight:600;text-decoration:none}nav a{margin-left:26px;text-decoration:none;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#555}.hero{padding:70px 0 50px}.hero h1{font-weight:300;font-size:44px;line-height:1.15;max-width:760px;margin:0 0 18px}.hero p{max-width:560px;color:#555;font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;padding-bottom:60px}.p .img{aspect-ratio:4/3;border-radius:2px;margin-bottom:12px}.p h3{margin:0;font-weight:500;font-size:17px}.p span{color:#777;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:60px}@media(max-width:720px){.two{grid-template-columns:1fr}.hero h1{font-size:32px}nav a{margin-left:14px}}footer{border-top:1px solid #ddd8cf;padding:28px 0;font-size:13px;color:#777}footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}