:root { font-family: Georgia, serif; color: #231f20; background: #f7f3eb; }
body { margin: 0; }
main { width: min(68rem, calc(100% - 3rem)); margin: 5rem auto; }
.eyebrow, article span { font: 600 .75rem system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #806c54; }
h1 { font-size: clamp(2.5rem, 7vw, 5.5rem); margin: .15em 0; }
h2 { margin-top: 3rem; }
.catalog { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }
article { padding: 1.5rem; background: #fff; border: 1px solid #ded6c9; border-radius: .4rem; }
.artwork-image { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; margin-bottom: 1rem; }
article h3 { margin-bottom: 0; }