*{box-sizing:border-box}body{margin:0;background:#f5f2eb;color:#253b36;font:18px/1.65 system-ui,sans-serif}main,header,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccd2c6}a{color:inherit}nav a{margin-left:22px;text-decoration:none}.hero{padding:70px 0 50px;max-width:800px}h1{font-size:clamp(46px,7vw,86px);line-height:1.05;font-weight:550;letter-spacing:-3px;margin:20px 0}h2{line-height:1.25;font-weight:550}.tag{font-size:13px;letter-spacing:3px;text-transform:uppercase}.lead{font-size:23px;color:#52665b;max-width:660px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 60px}article{background:#e6eadf;padding:28px;border-radius:6px}article:nth-child(2){background:#eadccc}article:nth-child(3){background:#d7e3df}.number{font-size:45px;opacity:.5}footer{border-top:1px solid #ccd2c6;font-size:14px;color:#52665b}.reading{max-width:720px;margin:40px auto 80px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{display:block}nav a{margin:0 18px 0 0}h1{letter-spacing:-2px}}