:root{color-scheme:light;--paper:#f3efe5;--ink:#241f19;--line:#c9bda8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Georgia,serif}body>header,body>footer{padding:3rem clamp(1.2rem,5vw,5rem)}.brand{letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(2rem,6vw,5rem);line-height:1;margin:.3em 0}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}article{background:#fffdf7;padding:1.4rem}article img{width:100%;height:22rem;object-fit:contain;background:#eee9dd}h2{font-size:1.2rem;line-height:1.25}.catalog{font:700 .72rem system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b5c49}footer{border-top:1px solid var(--line)}