*{box-sizing:border-box}body{margin:0;background:#f6f4ed;color:#1b362e;font:16px/1.6 system-ui,sans-serif}header{max-width:1300px;margin:auto;padding:48px 24px 24px}h1{font-size:clamp(32px,5vw,56px);line-height:1.1}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;max-width:1300px;margin:auto;padding:24px}article{background:#fff;border-radius:16px;overflow:hidden;padding:0 20px 20px}article img{width:calc(100% + 40px);margin-left:-20px;height:240px;object-fit:cover;display:block}h2{line-height:1.2}a{color:#246651}.small{font-size:13px;color:#59675f}