:root{--ink:#1d1720;--muted:#6f6870;--line:#e7e0e5;--paper:#fffdf9;--accent:#53162c;--soft:#f8f3f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.hero{padding:52px max(22px,calc((100vw - 1180px)/2));text-align:center;background:var(--soft);border-bottom:1px solid var(--line)}.brand{display:inline-block;color:var(--ink);font-weight:800;letter-spacing:.2em;text-decoration:none;font-size:20px}.brand span{font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px;margin:38px 0 12px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,65px);margin:0}.intro{color:var(--muted);max-width:560px;margin:16px auto 24px;line-height:1.6}.search-wrap{max-width:560px;margin:auto}.search-wrap input{width:100%;padding:16px 18px;border:1px solid #cfc5cc;background:#fff;border-radius:4px;font-size:16px}.stats{margin-top:16px;color:var(--muted);font-size:13px}.filters{display:flex;gap:9px;overflow:auto;padding:28px max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);white-space:nowrap}.filters button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;color:var(--ink);cursor:pointer}.filters button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:white}.catalogue{max-width:1180px;margin:auto;padding:34px 22px 70px}.brand-section{margin-bottom:52px}.brand-section h2{font:400 30px Georgia,serif;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card{border:0;padding:0;background:#fff;text-align:left;cursor:pointer;box-shadow:0 4px 16px #3025300b}.card .image-wrap{aspect-ratio:1;overflow:hidden;background:#eee}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.card:hover img{transform:scale(1.03)}.card-copy{padding:12px}.card-brand{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.card-code{font-weight:700;letter-spacing:.04em}.card-count{float:right;color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);padding:50px}.viewer{width:min(1100px,96vw);max-height:92vh;padding:0;border:0;background:var(--paper);box-shadow:0 20px 60px #0005}.viewer::backdrop{background:#1f1721aa}.close{position:fixed;right:4vw;top:5vh;border:0;border-radius:50%;background:white;font-size:34px;width:46px;height:46px;cursor:pointer;z-index:2}.viewer-head{padding:26px 64px 18px 26px;border-bottom:1px solid var(--line)}.viewer-head h2{font:400 34px Georgia,serif;margin:0}.viewer-head p{color:var(--muted);margin:7px 0 0}.viewer-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;overflow:auto;max-height:68vh}.viewer-images img{width:100%;display:block;background:#eee}.actions{padding:0 26px 26px}.ask{display:inline-block;text-decoration:none;background:var(--accent);color:white;padding:13px 18px;border-radius:3px;font-weight:700}footer{text-align:center;padding:28px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}@media(max-width:600px){.hero{padding-top:36px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogue{padding:24px 14px}.viewer-images{grid-template-columns:1fr;padding:12px}.viewer-head{padding:20px 56px 16px 18px}.viewer-head h2{font-size:28px}.actions{padding:0 18px 20px}}
