.color-library{max-width:1440px;margin:auto;padding:48px 32px 72px;color:#302820}.color-heading{max-width:800px;padding:20px 0 44px}.color-heading>a{color:#80613f;font-size:13px}.color-eyebrow{font-size:11px;letter-spacing:3px;margin:32px 0 16px}.color-heading h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.1;margin:0 0 24px}.color-heading>p:last-child{font-size:17px;line-height:1.8;max-width:620px;color:#685c50}.color-toolbar{display:flex;align-items:end;gap:24px;border-block:1px solid #d8c8b2;padding:24px 0;margin-bottom:32px}.color-toolbar label{display:grid;gap:10px;font-size:12px;font-weight:600}.color-toolbar input,.color-toolbar select{font:inherit;font-size:16px;background:#fffdf9;border:1px solid #d8c8b2;border-radius:4px;padding:13px 16px;min-height:48px}.color-toolbar input{width:320px;max-width:100%}.color-toolbar p{margin-left:auto;font-size:13px;color:#716453}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.color-card{min-width:0;border-bottom:1px solid #d8c8b2}.color-card[hidden]{display:none}.color-sample{background:#eee9df;height:330px;padding:28px;display:flex;justify-content:center;overflow:hidden}.color-sample img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.color-card:hover img{transform:scale(1.035)}.color-card-body{padding:24px 0}.color-family{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#80613f}.color-card h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0 20px}.color-code{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;gap:12px}.color-code button{padding:10px 14px;min-height:44px;border:1px solid #b59a76;background:transparent;color:#654c30;border-radius:4px;cursor:pointer}.color-card-body>a{display:inline-block;margin-top:18px;color:#77634c;font-size:12px}.color-note{display:grid;grid-template-columns:1fr 1.4fr;gap:20px 48px;margin-top:48px;padding:36px;background:#eee8dd}.color-note h2{font:400 34px Georgia,serif}.color-note p{font-size:14px;line-height:1.8}.color-contact{grid-column:2;color:#654c30;justify-self:start}.color-library :focus-visible{outline:2px solid #87623d;outline-offset:4px}#copy-status{min-height:24px;font-size:13px;margin-top:20px}@media(max-width:900px){.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-toolbar{flex-wrap:wrap}.color-toolbar p{margin:0}.color-sample{height:280px}}@media(max-width:540px){.color-library{padding:28px 20px 48px}.color-heading{padding-bottom:24px}.color-toolbar{display:grid;gap:16px}.color-toolbar input{width:100%}.color-grid{grid-template-columns:1fr;gap:28px}.color-sample{height:300px}.color-note{grid-template-columns:1fr;padding:24px;gap:16px}.color-contact{grid-column:1}.color-card h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.color-sample img{transition:none}}