:root{--paper:#f3f0e8;--ink:#171714;--muted:#6e6b62;--line:#cbc6b8;--signal:#ff4d00;--panel:#faf8f2;--mono:"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans)}body{margin:0;min-height:100vh}.masthead{height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(16px);z-index:10}.wordmark{font-weight:700;letter-spacing:-.03em}.wordmark span{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);width:34px;height:34px;margin-right:10px;font:11px var(--mono);letter-spacing:0}.masthead a{color:inherit;text-decoration:none}.masthead nav{display:flex;align-items:center;gap:22px;font:12px var(--mono);text-transform:uppercase}.quiet-button{font:inherit;text-transform:inherit;background:none;border:0;cursor:pointer;padding:8px}.quiet-button b{display:inline-grid;place-items:center;background:var(--signal);color:white;border-radius:50%;width:20px;height:20px}.hero{padding:7vw 3vw 4vw;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:5vw}.eyebrow,.label{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1{font:clamp(54px,9vw,130px)/.83 var(--serif);letter-spacing:-.075em;margin:18px 0 28px;max-width:1050px}.hero h1 em{color:var(--signal);font-weight:400}.hero-copy{align-self:end;color:var(--muted);font-size:16px;line-height:1.55;max-width:430px}.hero-stats{display:flex;gap:28px;margin-top:35px}.hero-stats b{display:block;font:32px var(--serif)}.hero-stats span{font:10px var(--mono);text-transform:uppercase}.toolbar{padding:18px 3vw;border-bottom:1px solid var(--line);display:flex;gap:12px;position:sticky;top:72px;background:var(--paper);z-index:9}.search{flex:1;background:transparent;border:0;border-bottom:1px solid var(--ink);font:18px var(--serif);padding:10px 2px;outline:0}.select{background:var(--panel);border:1px solid var(--line);padding:0 16px;font:11px var(--mono);text-transform:uppercase}.catalog{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;min-height:330px;background:var(--panel);position:relative;cursor:pointer;transition:transform .16s,box-shadow .16s}.card:hover{z-index:2;transform:translateY(-4px);box-shadow:0 18px 40px #29261d1a}.card-top{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.check{appearance:none;width:18px;height:18px;border:1px solid var(--ink);margin:0}.check:checked{background:var(--signal);box-shadow:inset 0 0 0 3px var(--panel)}.swatches{display:flex;height:96px;margin:22px 0 19px}.swatches i{flex:1;min-width:8px}.card h2{font:28px/1 var(--serif);letter-spacing:-.04em;margin:0 0 10px;overflow-wrap:anywhere}.card p{color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase}.empty{padding:10vw 3vw;font:42px var(--serif)}.detail{padding:4vw 3vw}.back{background:none;border:0;padding:0 0 30px;font:11px var(--mono);cursor:pointer}.detail-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-bottom:1px solid var(--ink);padding-bottom:4vw}.detail h1{font:clamp(48px,8vw,110px)/.9 var(--serif);letter-spacing:-.065em;margin:20px 0}.detail-desc{font:18px/1.55 var(--serif);color:var(--muted);align-self:end}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{background:var(--ink);color:white;border:1px solid var(--ink);padding:12px 16px;font:11px var(--mono);text-decoration:none;cursor:pointer}.button.alt{background:transparent;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}.block{background:var(--panel);padding:30px;min-width:0}.block h3{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color{height:120px;padding:10px;display:flex;align-items:flex-end;font:9px var(--mono);overflow:hidden}.agent-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:#f7f2e7;padding:22px;font:12px/1.6 var(--mono);min-height:150px}.compare{padding:4vw 3vw}.compare h1{font:clamp(48px,7vw,96px)/.9 var(--serif);letter-spacing:-.06em}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.compare-col{background:var(--panel);padding:28px}.compare-col select{width:100%;padding:12px;background:white;border:1px solid var(--line)}.metric{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.metric dt{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.metric dd{margin:0;font:15px var(--serif);min-width:0;overflow-wrap:anywhere}.material-lockup{font:11px var(--mono);line-height:1.6;margin:-10px 0 16px;color:var(--ink);overflow-wrap:anywhere}
.material-lockup em{color:var(--muted);font-style:normal}
/* The verdict reads inline; the observation behind it opens on demand. */
details.material-lockup summary{cursor:pointer}
details.material-lockup p{margin:10px 0 0;color:var(--muted);line-height:1.7}
.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.material{margin:0;min-width:0}
.material-art{height:78px;display:grid;place-items:center;padding:10px;background:#9a9a9a;background-image:linear-gradient(45deg,#8e8e8e 25%,transparent 25%),linear-gradient(-45deg,#8e8e8e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8e8e8e 75%),linear-gradient(-45deg,transparent 75%,#8e8e8e 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
.material-art .material-mark{display:inline-flex;max-width:100%;max-height:58px;color:#141413}
/* A knockout mark paints near-white; on the checker tile it reads as blank. */
.material-art-reversed .material-mark{color:#ffffff}
.material-art .material-mark svg,.material-art img.material-mark{max-width:120px;max-height:58px;width:auto;height:auto;display:block}
.material figcaption{margin-top:7px;font:10px var(--mono);line-height:1.5;overflow-wrap:anywhere}
.material figcaption b{display:block;text-transform:none}
.material figcaption span{display:block;color:var(--muted)}
.material figcaption a{color:inherit}
.material figcaption em{display:block;color:var(--signal);font-style:normal}
footer{padding:28px 3vw;display:flex;justify-content:space-between;font:10px var(--mono);border-top:1px solid var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 18px;font:11px var(--mono);z-index:30}.loading{padding:20vh 3vw;font:36px var(--serif)}@media(max-width:1000px){.catalog{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.detail-head{grid-template-columns:1fr}}@media(max-width:620px){.masthead{padding:0 18px}.masthead nav a{display:none}.hero,.detail,.compare{padding:42px 18px}.hero h1{font-size:58px}.toolbar{padding:12px 18px;flex-wrap:wrap}.search{flex-basis:100%}.select{height:42px;flex:1}.catalog{grid-template-columns:1fr}.detail-grid,.compare-grid{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}footer{gap:10px;flex-direction:column}}

.origin-note{display:block;margin-top:4px;font-style:normal;opacity:.7;font-size:.85em}