*{box-sizing:border-box}body{margin:0;background:#f5f2eb;color:#34342c;font:17px/1.75 Georgia,serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1100px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d4c9}.brand{font:700 34px Georgia;text-decoration:none}.brand span{display:block;font:11px/2 Arial;letter-spacing:2px;text-transform:uppercase}nav{display:flex;gap:24px;font:14px Arial}nav a{text-decoration:none}h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-2px;font-weight:400;margin:20px 0 28px}h2{font-size:28px;line-height:1.25;font-weight:400}p{max-width:720px}.hero{padding:55px 0 65px;max-width:800px}.hero p{max-width:560px}.eyebrow{font:12px Arial;letter-spacing:3px;color:#7c624b}.button{display:inline-block;padding:13px 20px;border:1px solid #8c7968;text-decoration:none;margin-top:18px;font:14px Arial}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.swatch{height:160px;border-radius:80px 80px 4px 4px}.clay{background:linear-gradient(125deg,#b98165,#dabba0)}.linen{background:repeating-linear-gradient(80deg,#dad1be,#dad1be 3px,#e5dece 4px)}.wood{background:linear-gradient(115deg,#71614c,#af9676)}.grid p{font-size:16px}.grid a{font:14px Arial}.note{border-top:1px solid #d9d4c9;margin-top:60px;padding:30px 0}section{margin-bottom:38px}footer{border-top:1px solid #d9d4c9;font:13px/1.8 Arial;color:#69665e}.intro{font-size:22px}@media(max-width:650px){header{display:block}nav{margin-top:24px;gap:17px}.grid{grid-template-columns:1fr}.swatch{height:140px}header,main,footer{padding:24px}.hero{padding:28px 0}}