:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#25221f;background:#faf6ef}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.catalog{max-width:58rem;margin:0 auto;padding:2rem 1rem 3rem}header{max-width:40rem}.eyebrow{margin:0;color:#a56a36;font-size:.75rem;font-weight:700;letter-spacing:.16em}h1{margin:.3rem 0;font-size:clamp(2rem,7vw,3.4rem);line-height:1}.intro{margin:0 0 1.5rem;color:#69635c}.search{display:grid;gap:.35rem;font-size:.85rem;font-weight:700}.search input,.filters select{width:100%;min-height:2.75rem;border:1px solid #d9cfc1;border-radius:.75rem;background:#fffdf9;padding:.65rem .8rem;color:inherit}.filters{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0 1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{overflow:hidden;border:1px solid #e1d7ca;border-radius:1rem;background:#fffdf9;box-shadow:0 .2rem .9rem #3c2b180d}.cover{display:grid;min-height:12rem;place-items:center;overflow:hidden;background:linear-gradient(135deg,#d7b796,#f0e1cf);color:#fffdf9;font-size:3rem}.cover img{width:100%;height:100%;min-height:12rem;object-fit:cover}.card-body{padding:1rem}.category{margin:0;color:#a56a36;font-size:.78rem;font-weight:700;text-transform:uppercase}h2{margin:.3rem 0;font-size:1.2rem}.card-body>p:not(.category){min-height:3rem;margin:0;color:#69635c;font-size:.92rem}.meta{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0;color:#625a51;font-size:.83rem}.choose,.more,.error button{display:inline-block;border:0;border-radius:.65rem;background:#2f625c;color:#fff;padding:.7rem .9rem;cursor:pointer;text-decoration:none;text-align:center}.choose{width:100%}.state{margin:3rem auto;color:#69635c;text-align:center}.error{display:grid;justify-items:center;gap:.6rem;color:#9b3b31}.more{display:block;margin:1.5rem auto 0}button:disabled{cursor:wait;opacity:.65}@media(max-width:28rem){.filters{grid-template-columns:1fr}}