*{box-sizing:border-box}body{margin:0;background:#f5f1e7;color:#293e38;font:19px/1.7 Georgia,serif}header,main,footer{max-width:1050px;margin:auto;padding:30px}nav{display:flex;gap:25px;flex-wrap:wrap}a{color:inherit;text-underline-offset:5px}.brand{margin-right:auto;font-weight:bold}h1{font-size:clamp(45px,8vw,90px);line-height:1.05;font-weight:normal;letter-spacing:-2px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:45px 0}.cat{background:#d9ad78;border-radius:48% 48% 15px 15px;font-size:130px;text-align:center;padding:55px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #c6cebe;border-radius:12px;padding:22px}h2{line-height:1.2}footer{margin-top:65px;border-top:1px solid #ccd0c5;font-size:14px}.tag{font:12px Arial;letter-spacing:2px}.lead{font-size:23px;color:#617066}.note{padding:25px;background:#e2e7d7;border-radius:12px;margin-top:35px}@media(max-width:700px){.hero,.grid{grid-template-columns:1fr}.hero{padding-top:0}header,main,footer{padding:20px}.cat{font-size:100px;padding:25px}}