body{font:17px system-ui;margin:0;background:#f3f7f3;color:#183c2c}header,footer{max-width:1100px;margin:auto;padding:45px 25px}h1{font-size:clamp(30px,4vw,52px);max-width:800px;line-height:1.1}header p{max-width:850px;line-height:1.7}.brand{letter-spacing:4px;font-size:13px}nav{display:flex;gap:12px;flex-wrap:wrap}a{color:#206643}nav a{background:#1c6341;color:white;padding:12px 18px;border-radius:8px;text-decoration:none}main{max-width:1100px;margin:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}article{padding:18px;background:white;border:1px solid #dce6de;border-radius:13px}img,video{width:100%;max-height:440px;object-fit:contain;background:#f0f4f0;border-radius:8px}h2{font-size:16px}footer{font-size:13px;line-height:1.7}