*{box-sizing:border-box}body{color:#34434f;background:#f9f8f4;margin:0;font-family:system-ui}header{color:#fff;background:#5b6d7a;align-items:center;gap:18px;height:70px;padding:0 6%;display:flex}header b{font-size:25px}header span{opacity:.7;font-size:13px}nav{margin-left:auto}.hero{text-align:center;background:#e9edef;border-radius:30px;max-width:1100px;margin:40px auto;padding:70px 25px}.hero h1{font-size:44px;font-weight:500}.hero input{border:0;border-radius:30px;width:min(620px,90%);padding:15px 20px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:auto;display:grid}.grid article{background:#fff;border-radius:25px;padding-bottom:20px;overflow:hidden}.cover{background:#dfe5e7;place-items:center;height:180px;display:grid}.cover img{object-fit:cover;width:100%;height:100%}.grid h3,.grid p,.grid small{margin:14px 20px;display:block}@media (width<=700px){nav{display:none}.hero h1{font-size:32px}.hero{margin:20px;padding:45px 15px}}