*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#22352c;font:18px/1.7 Georgia,serif}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}nav a{margin-left:22px}a{color:inherit}h1{font-size:clamp(42px,7vw,88px);line-height:1.07;font-weight:400;max-width:900px}h2{font-weight:400;font-size:32px}p{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font:12px Arial,sans-serif;color:#68776a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:50px 0}article{background:#e8ecdf;padding:28px;border-radius:3px}.hero{min-height:410px;padding-top:50px}.art{height:150px;background:linear-gradient(135deg,#a5b598,#e2d3a9);border-radius:50% 50% 0 0;margin-bottom:25px}footer{border-top:1px solid #ccc;font-size:14px;color:#637167}@media(max-width:600px){header{display:block}nav a{margin:0 15px 0 0}main{padding:20px}}