*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#253c35;font:17px/1.75 Georgia,serif}header,main,footer{max-width:900px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6d8cf}a{color:#315c50;text-decoration:none}nav a{margin-left:20px}small,.eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#677f71}h1{font-size:clamp(40px,7vw,68px);line-height:1.1;font-weight:400;letter-spacing:-.04em}h2{font-size:28px;font-weight:400}main{min-height:65vh}.hero{padding:45px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.card{border-top:1px solid #bec9bf;padding-top:22px}.tag{display:inline-block;border:1px solid #bec9bf;border-radius:20px;padding:3px 12px;font:12px Arial}footer{border-top:1px solid #d6d8cf;font-size:14px}article{max-width:650px}.mark{font-size:23px} @media(max-width:600px){.grid{grid-template-columns:1fr}header{display:block}nav a{margin:0 15px 0 0}header,main,footer{padding:22px}}