:root{--bg:#f4ead8;--ink:#2d241a;--accent:#a36f39;--accent2:#647d5a;--surface:color-mix(in srgb,#f4ead8 90%,#647d5a);--line:color-mix(in srgb,var(--ink) 18%,transparent);--muted:color-mix(in srgb,#2d241a 58%,#f4ead8);--display:"Rockwell",serif;--body:"Verdana",system-ui,sans-serif;--radius:24px;--button-radius:0px;--ease:cubic-bezier(.2,.75,.2,1);--display-track:-0.04em;--display-weight:800;--button-text:#fff}
.shell{display:grid;grid-template-columns:1fr 340px;min-height:100vh}.config{position:sticky;top:0;height:100vh;padding:26px;border-left:1px solid var(--line)}.hero{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.catalog article{transition:transform .4s}.catalog article:hover{transform:translateY(-8px) rotate(.4deg)}