*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#202b32;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #b44d28;outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{border-bottom:1px solid #dddcd5;background:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:90px;flex-wrap:wrap}.brand{font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-.6px}.brand i{display:inline-block;width:15px;height:15px;background:#d16343;border-radius:50%;margin-right:10px}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:650}nav a{text-decoration:none}.hero{padding:80px 0 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:750;color:#785c4a}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px}h2{font-size:32px;letter-spacing:-.03em;line-height:1.2}h3{font-size:22px;line-height:1.3}.intro{color:#526068;max-width:620px}.button{display:inline-block;padding:12px 20px;background:#203f3b;color:white;border-radius:6px;text-decoration:none;font-weight:650;font-size:15px}.spectrum{display:grid;grid-template-columns:repeat(4,1fr);height:300px;gap:8px;transform:rotate(-3deg)}.spectrum span{border-radius:50% 50% 10px 10px;align-self:stretch}.spectrum span:nth-child(even){margin-top:35px}.section{padding:30px 0 50px;border-top:1px solid #dddcd5}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #dedfd8;border-radius:10px;padding:28px}.card p{font-size:15px;color:#53616a}.card a{font-size:15px;font-weight:700}.colors{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.swatch{text-decoration:none;border:1px solid #dddcd5;border-radius:8px;overflow:hidden;background:#fff}.swatch span{display:block;height:90px}.swatch strong{display:block;padding:12px;font-size:14px}.note{background:#eaf0eb;border-left:4px solid #345c50;padding:22px 26px;border-radius:4px;font-size:15px}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 26px;font-size:14px}footer{background:#20312e;color:#eee;padding:30px 0;font-size:13px}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.promo{font-size:13px;color:#5d686e;margin:0 0 26px}@media(max-width:760px){.wrap{padding:0 20px}header .wrap{padding-top:18px;padding-bottom:18px}nav{gap:14px}.hero{grid-template-columns:1fr;padding:40px 0;gap:28px}.spectrum{height:150px;transform:none}.cards{grid-template-columns:1fr}.colors{grid-template-columns:repeat(3,1fr)}.directory{grid-template-columns:repeat(2,1fr)}.section-head{display:block}h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}