.cat-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:16px}.cat-filter{display:flex;gap:4px;background:var(--cream-100);padding:5px;border-radius:999px;border:1px solid var(--line)}.cat-pill{font-family:var(--font-ui);font-size:13px;padding:9px 18px;border-radius:999px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.cat-pill.is-on{background:var(--pine-800);color:var(--cream-50)}.cat-pill-count{font-family:var(--font-mono);font-size:10px;opacity:.6;letter-spacing:.1em}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cat-card{background:var(--cream-50);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}.cat-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:0 20px 40px -20px #15201a33}.cat-img{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line-soft)}.cat-id{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ink-mute);text-transform:uppercase}.cat-meta{padding:20px}.cat-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cat-cat-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--pine-500)}.cat-price{font-family:var(--font-display);font-size:20px;color:var(--pine-900)}.cat-name{font-family:var(--font-display);font-size:26px;font-weight:400;margin:0 0 4px;color:var(--pine-900);letter-spacing:-.01em;line-height:1.05}.cat-sub{font-style:italic;font-size:14px;color:var(--ink-soft);margin:0 0 12px}.cat-origin{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);margin:0;padding-top:12px;border-top:1px solid var(--line-soft)}.cat-footnote{margin-top:80px;padding:48px;background:var(--cream-100);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cat-footnote p{margin:0;font-size:17px;max-width:560px;color:var(--ink-soft);line-height:1.5}@media(max-width:1100px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cat-grid{grid-template-columns:1fr}}