.palette-home{padding-top:60px;padding-bottom:70px;border-top:1px solid var(--line)}
.palette-home h2{font-size:clamp(42px,5vw,76px);line-height:1.1;margin:18px 0 22px}
.palette-intro{max-width:760px;font-size:17px;line-height:1.8;color:var(--muted)}
.palette-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:35px}
.palette-tile{display:block;border:1px solid var(--line);padding:25px;transition:border-color .2s}.palette-tile:hover{border-color:var(--ink)}
.palette-swatches{display:flex;width:100%;height:52px;gap:5px;margin-bottom:23px}.palette-swatches>span{flex:1;border:1px solid #00000014}
.palette-tile h3{font-size:34px;line-height:1.2}.palette-tile p{font-size:16px;line-height:1.7;margin:10px 0}.palette-tile>span:last-child{font-size:14px}
.palette-entry{display:inline-block;padding:16px 0;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.palette-heading{padding:40px 0 28px}.palette-heading>.palette-swatches{max-width:360px;height:36px}.palette-heading h1{font-size:clamp(46px,7vw,90px);line-height:1.1;margin:15px 0 23px}
.palette-note{font-size:14px;line-height:1.7;color:var(--muted);max-width:740px;margin-top:16px}
.palette-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.palette-nav a{padding:12px 16px;border:1px solid var(--line);font-size:14px}
.palette-quote{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:var(--paper);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.palette-quote>span{font-size:16px;flex:1;min-width:180px}.palette-quote button{font:inherit;font-size:14px;background:none;border:0;text-decoration:underline;cursor:pointer;padding:12px}
.palette-select{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.5;padding:14px 0;cursor:pointer}.palette-select input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}
.palette-select[hidden],.palette-quote button[hidden]{display:none}.palette-page .product-group-heading>a{font-size:14px}.palette-page .product-card:has(input:checked){outline:1px solid var(--ink);outline-offset:8px}
@media(max-width:800px){.palette-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.palette-home{padding-top:40px;padding-bottom:45px}.palette-tile{padding:20px}.palette-tile h3{font-size:30px}}
@media(max-width:500px){.palette-directory{grid-template-columns:1fr}.palette-quote .button{width:100%;justify-content:center;white-space:normal}.palette-heading h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.palette-tile{transition:none}}