*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#182f2a;font:16px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:48px 28px}header{padding:20px 0 32px}header span{letter-spacing:3px;color:#53796c;font-size:12px}h1{font-size:48px;line-height:1.25;margin:20px 0}p{color:#66776e}section{background:#fff;border:1px solid #e0e5de;border-radius:18px;padding:24px;margin-bottom:20px}h2{font-size:20px;margin-top:0}form{display:flex;gap:12px;flex-wrap:wrap}input{padding:12px;border:1px solid #cbd5ca;border-radius:9px;max-width:100%;font:inherit}button{padding:12px 18px;border:0;border-radius:9px;background:#245f4d;color:#fff;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.list-heading h2{margin:0}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}article{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e0e5de}article img{width:100%;height:220px;object-fit:cover;background:#e8eee8}article h3,article p{margin:12px 18px;overflow-wrap:anywhere}article p{font-size:12px}#status{min-height:26px}@media(max-width:600px){main{padding:24px 16px}h1{font-size:34px}}