:root{--ink:#171717;--ivory:#F7F4EE;--taupe:#B8ADA1;--cocoa:#5A463B;--green:#52665A;--white:#fff;--line:rgba(23,23,23,.14);--muted:rgba(23,23,23,.68)}@media (prefers-color-scheme:dark){:root{--ink:#F7F4EE;--ivory:#171717;--white:#222;--line:rgba(247,244,238,.18);--muted:rgba(247,244,238,.7);--cocoa:#B8ADA1}}*{box-sizing:border-box;margin:0}body{background:var(--ivory);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:500;line-height:1.1}h1{font-size:clamp(2.4rem,6vw,4rem)}h2{font-size:1.9rem;margin-bottom:.75rem}h3{font-size:1.35rem}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header.top{border-bottom:1px solid var(--line);padding:14px 0}header.top .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.logo{font-family:Cormorant Garamond,serif;font-size:1.6rem;letter-spacing:.07em}.logo,nav a{text-decoration:none}nav a{margin-left:18px;color:var(--muted)}nav a:hover{color:var(--ink)}section{padding:40px 0;border-top:1px solid var(--line)}section:first-of-type{border-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px}.card{background:var(--white);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px}.swatch{height:140px;background:var(--taupe);opacity:.55}.badge{display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px;border:1px solid var(--line)}.badge.qc{border-color:var(--green);color:var(--green)}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-block;background:var(--ink);color:var(--ivory);padding:10px 18px;border:0;font:600 .95rem Inter,sans-serif;text-decoration:none;cursor:pointer}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}form.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:20px}label{display:flex;flex-direction:column;font-size:.85rem;gap:4px}input,select{padding:8px;border:1px solid var(--line);color:var(--ink);font:inherit;min-width:140px}input,select,table{background:var(--white)}table{width:100%;border-collapse:collapse}td,th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.92rem}.scroll{overflow-x:auto}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem;text-align:center}:focus-visible{outline:2px solid var(--green);outline-offset:2px}