*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f6f1ea;color:#2b2420;line-height:1.6}
header{padding:28px 6vw;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e2d6c6}
header a{color:#2b2420;text-decoration:none;margin-left:22px;font-size:15px}.logo{font-size:22px;letter-spacing:.04em}
.hero{padding:9vh 6vw 6vh;max-width:900px}.hero h1{font-weight:normal;font-size:clamp(32px,5vw,54px);margin:0 0 18px}
.hero p{font-size:18px;color:#5b4f46;max-width:620px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;padding:0 6vw 8vh}
.card{background:#fffaf3;border:1px solid #e2d6c6;padding:22px}.card h3{margin:0 0 8px;font-weight:normal}.swatch{height:140px;margin:-22px -22px 18px}
section.text{padding:0 6vw 8vh;max-width:760px}footer{padding:28px 6vw;border-top:1px solid #e2d6c6;font-size:14px;color:#7a6c60}