:root{--ink:#26352c;--muted:#667067;--paper:#f5f4f0;--line:#dbded5;--accent:#b65a35;--white:#fff;--green:#314939}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.masthead{border-bottom:1px solid var(--line);padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;letter-spacing:4px;text-decoration:none;font-weight:850;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:1.8px;font-weight:500;margin-top:9px}.language{font-size:11px;letter-spacing:1.3px}.language span{color:#a8aea6;margin:0 8px}main,footer{max-width:1400px;margin:auto;padding:0 5vw}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center;padding:58px 0 45px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--accent);margin:0 0 15px}h1{font:500 clamp(34px,4vw,54px)/1.07 Georgia,serif;letter-spacing:-1.4px;max-width:630px;margin:0 0 23px}.lead{max-width:590px;color:var(--muted);font-size:15px;margin:0}.material-pair{display:flex;height:230px;align-items:center;justify-content:center;padding:15px;isolation:isolate}.material-pair img{width:55%;aspect-ratio:1;object-fit:cover;border:7px solid var(--paper);box-shadow:0 9px 20px #26352c16;transform:rotate(-7deg)}.material-pair img+img{margin-left:-26px;transform:rotate(8deg);z-index:1}.intro-panels{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;margin-bottom:32px}.intro-panels>div{display:flex;gap:20px;padding:23px 22px 23px 0}.intro-panels>div+div{border-left:1px solid var(--line);padding-left:30px}.index{color:var(--accent);font:italic 22px Georgia,serif}h2{font-size:19px;font-weight:600;margin:0 0 6px}.intro-panels p{margin:0;color:var(--muted);font-size:13px}.toolbar{background:var(--paper);padding:8px 0 16px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 20px;min-height:44px;font-size:13px}.tabs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.filter-row{display:grid;grid-template-columns:minmax(160px,260px) 1fr auto;gap:16px;align-items:end}label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;color:var(--muted)}select,input{background:white;width:100%;min-height:47px;border:1px solid #cbd2c8;border-radius:6px;padding:11px 14px}select{padding-right:28px}input::placeholder{color:#7f8880}.clear{min-height:47px;border:0;background:transparent;padding:10px 0 10px 12px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.result-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:15px 0 35px;font-size:12px;color:var(--muted)}.result-row p{margin:0;white-space:nowrap}.result-row span{font-size:11px;text-align:right;max-width:450px}.series{margin:0 0 44px}.series-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.series-heading h2{font-size:21px;letter-spacing:.3px}.series-heading p{margin:0;font-size:12px;color:var(--muted)}.series-heading .subtype{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.series-intro{font-size:13px;color:var(--muted);margin:-5px 0 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{display:block;padding:0;border:1px solid #e0e2da;background:var(--white);text-align:left;border-radius:9px;overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #26352c12}.card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.card-body{padding:15px 16px 17px}.kind{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:8px}.reference-name{display:block;font-size:13px;font-weight:650;overflow-wrap:anywhere}.colour-name{display:block;font-size:13px;color:var(--muted);margin-top:3px}.view{display:block;font-size:11px;color:var(--accent);margin-top:13px}#empty{padding:65px 0;text-align:center}.notice{border-top:1px solid var(--line);padding:28px 0 38px;display:grid;grid-template-columns:220px 1fr;gap:30px}.notice h2{font:italic 23px Georgia,serif}.notice p{color:var(--muted);font-size:12px;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}dialog{border:0;border-radius:14px;max-width:980px;width:calc(100% - 40px);max-height:92vh;padding:22px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#17251de0}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px}.icon-button{background:white;border:1px solid var(--line);border-radius:50%;font-size:27px;line-height:1;width:44px;height:44px}.dialog-content{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.large-image img{width:100%;display:block;border-radius:8px}.detail{padding-top:12px}.detail h2{font:32px Georgia,serif;margin:0 0 22px}.code-label{font-size:11px;color:var(--muted);margin:0}.code{font-size:23px;margin:0 0 18px}.reference{display:block;margin-top:25px}.reference input{font-size:13px}.primary{background:var(--green);color:white;border:0;border-radius:6px;padding:12px 18px;margin-top:10px;width:100%}#copyStatus{font-size:12px;min-height:20px;margin:9px 0}.small,#leatherNote{font-size:12px;color:var(--muted)}.preview-nav{display:flex;gap:10px;margin-top:20px}.preview-nav button{background:transparent;border:1px solid #cbd2c8;border-radius:6px;padding:9px;font-size:12px;flex:1}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1550px){.masthead{padding-left:max(5vw,calc((100vw - 1260px)/2));padding-right:max(5vw,calc((100vw - 1260px)/2))}}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hero{gap:25px}.material-pair{height:180px}.result-row span{max-width:300px}}@media(max-width:620px){.masthead{padding:22px 20px}.brand{font-size:23px}.brand span{font-size:6px}.language{font-size:10px}main,footer{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding:34px 0 28px;gap:15px}.hero h1{font-size:40px;max-width:360px}.material-pair{display:none}.intro-panels{grid-template-columns:1fr;margin-bottom:20px}.intro-panels>div{padding:18px 0;gap:15px}.intro-panels>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.tabs{gap:6px;margin-bottom:18px}.tabs button{padding:9px 12px;font-size:12px}.filter-row{grid-template-columns:1fr 1fr;gap:12px}.search-field{grid-column:1/-1;grid-row:2}.clear{text-align:right;padding:0}.result-row{margin-bottom:26px;align-items:start}.result-row span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:11px}.reference-name{font-size:12px}.kind{font-size:9px;letter-spacing:.5px}.series-heading h2{font-size:19px}.series-heading p{font-size:11px}.notice{grid-template-columns:1fr;gap:10px}.dialog-content{grid-template-columns:1fr;gap:15px}.large-image img{max-height:40vh;object-fit:contain}dialog{padding:15px;width:calc(100% - 20px)}.detail{padding-top:0}.detail h2{font-size:25px;margin-bottom:10px}.reference{margin-top:12px}.code{margin-bottom:10px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Compact catalogue cards: explicit height avoids intrinsic HTML image height. */
.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;align-items:start}
.card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.card-body{padding:11px 13px 13px}
.kind{font-size:9px;letter-spacing:.7px;margin-bottom:6px}
.reference-name{font-size:12px}
.colour-name{font-size:12px;margin-top:2px}
.view{font-size:10px;margin-top:8px}
@media(max-width:620px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:10px}.kind{font-size:9px}.reference-name{font-size:12px}}