:root{--ink:#17211c;--paper:#f4f3ed;--surface:#fff;--orange:#e66b2d;--green:#264f40;--line:#dedfd8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,6vw);background:#17221d;color:#fff}.brand{color:#fff;text-decoration:none;font:700 28px Georgia,serif}nav{display:flex;gap:8px}button{border:0;border-radius:9px;padding:11px 16px;background:var(--orange);color:#fff;font:700 13px inherit;cursor:pointer}main{max-width:1280px;margin:auto;padding:40px max(18px,5vw)}.hero{padding:clamp(30px,7vw,80px);border-radius:22px;color:#fff;background:linear-gradient(135deg,#285845,#14251e);margin-bottom:36px}.hero p{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.hero h1{font:600 clamp(38px,7vw,76px)/1 Georgia,serif;max-width:800px}.hero form{display:flex;max-width:720px}.hero input{flex:1;min-width:0;padding:15px;border:0;border-radius:10px 0 0 10px;font:inherit}.hero form button{border-radius:0 10px 10px 0}.heading{display:flex;align-items:center;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.card small{color:#68736d}.pagination{display:flex;justify-content:center;gap:8px;margin:24px}.empty{grid-column:1/-1;text-align:center;padding:50px;color:#68736d}footer{padding:30px;text-align:center;color:#68736d}@media(max-width:760px){.cards{grid-template-columns:1fr}.hero{padding:30px 20px}.hero form{display:grid}.hero input,.hero form button{border-radius:9px;margin:3px 0}}