.ColorSwatch_swatch__K4K_K{position:relative;width:100%;height:100%;min-height:64px;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:5px 6px;transition:transform .1s ease;outline:2px solid transparent;outline-offset:-2px;overflow:hidden}.ColorSwatch_swatch__K4K_K:hover{transform:scale(1.06);outline:2px solid #111;z-index:10}.ColorSwatch_swatch__K4K_K:active{transform:scale(.97)}.ColorSwatch_shade__SiOuw{font-family:DM Mono,monospace;font-size:9px;font-weight:500;line-height:1;letter-spacing:.02em;display:block}.ColorSwatch_hex__IHoLk{font-family:DM Mono,monospace;font-size:8px;font-weight:300;line-height:1.4;letter-spacing:.01em;display:block}@media (max-width:860px){.ColorSwatch_hex__IHoLk{display:none}.ColorSwatch_shade__SiOuw{font-size:8px}}@media (max-width:560px){.ColorSwatch_shade__SiOuw{display:none}.ColorSwatch_swatch__K4K_K{min-height:40px}}.ColorDetailModal_hero__h_jLV{position:relative;height:160px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px}.ColorDetailModal_heroFamily__yQPb0{font-family:DM Mono,monospace;font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;opacity:.75;line-height:1}.ColorDetailModal_heroShade__Hc5lh{font-family:Syne,sans-serif;font-size:52px;font-weight:800;line-height:1;letter-spacing:-.02em;margin-top:2px}.ColorDetailModal_closeBtn__oNgFp{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px;line-height:1;transition:opacity .15s}.ColorDetailModal_closeBtn__oNgFp:hover{opacity:1}.ColorDetailModal_values__5ssft{padding:0}.ColorDetailModal_sectionHeader__PUxVt{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#888;padding:12px 20px 4px;border-top:1px solid #e8e6e2}.ColorDetailModal_sectionHeader__PUxVt:first-of-type{border-top:2px solid #111}.ColorDetailModal_copyRow__E9LMf{display:flex;align-items:center;gap:0;width:100%;background:none;border:none;border-bottom:1px solid #f0ede8;padding:10px 20px;cursor:pointer;font-family:DM Mono,monospace;text-align:left;transition:background .1s}.ColorDetailModal_copyRow__E9LMf:hover{background:#f5f4f0}.ColorDetailModal_rowLabel__dL_Ae{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#888;width:72px;flex-shrink:0}.ColorDetailModal_rowValue__5pmqe{font-size:13px;color:#111;flex:1;letter-spacing:.01em}.ColorDetailModal_rowAction__ilvm4{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#aaa;opacity:0;transition:opacity .15s}.ColorDetailModal_copyRow__E9LMf:hover .ColorDetailModal_rowAction__ilvm4{opacity:1}.page_root__AhT91{min-height:100vh;display:flex;flex-direction:column;background:#f5f4f0}.page_header__oRW75{background:#fff;border-bottom:2px solid #111;padding:24px 32px 18px;position:sticky;top:0;z-index:100}.page_headerInner__leMGi{display:flex;align-items:baseline;gap:20px;margin-bottom:14px}.page_wordmark__yyB7e{font-family:Syne,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}.page_wordmarkCss__wYY4o{color:#111}.page_wordmarkFace__Y8DeR{color:#bbb}.page_tagline__FsEDs{font-family:DM Mono,monospace;font-size:11px;color:#999;margin:0;letter-spacing:.02em}.page_searchWrap__OiQre{display:flex;align-items:center;gap:14px}.page_searchWrap__OiQre>:first-child{flex:1;max-width:440px}.page_colorCount__vvgQ8{font-family:DM Mono,monospace;font-size:11px;color:#bbb;letter-spacing:.05em;white-space:nowrap}.page_legend__2ENdr{display:grid;grid-template-columns:116px repeat(11,1fr);padding:5px 32px;border-bottom:1px solid #d9d7d1;background:#f5f4f0;position:sticky;top:113px;z-index:90}.page_legendFamily__7Jon9,.page_legendShade__UfINb{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#bbb}.page_legendShade__UfINb{text-align:center}.page_main__nw1Wk{flex:1;padding:0 32px 56px}.page_familyRow__6m7io{display:grid;grid-template-columns:116px 1fr;border-bottom:1px solid #e8e6e2}.page_familyRow__6m7io:last-child{border-bottom:none}.page_familyLabel__85BUA{display:flex;flex-direction:column;justify-content:center;padding:6px 14px 6px 0;border-right:1px solid #e8e6e2}.page_familyName__0Xsnx{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:#111;letter-spacing:-.01em;line-height:1;text-decoration:none;transition:opacity .15s}.page_familyName__0Xsnx:hover{opacity:.5}.page_familyCount__zZSsA{font-family:DM Mono,monospace;font-size:9px;color:#ccc;letter-spacing:.04em;margin-top:3px}.page_swatchRow__Zb7aj{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;padding:3px 0 3px 3px}.page_empty__btHOz{justify-content:center;padding:80px 0;font-size:13px;color:#bbb;letter-spacing:.04em}.page_empty__btHOz,.page_footer__F3MD0{display:flex;align-items:center;font-family:DM Mono,monospace}.page_footer__F3MD0{gap:10px;padding:14px 32px;border-top:2px solid #111;background:#111;font-size:11px;color:#555;letter-spacing:.05em;margin-top:auto}@media (max-width:860px){.page_header__oRW75{padding:18px 20px 14px}.page_legend__2ENdr{padding:5px 20px;top:104px;grid-template-columns:80px repeat(11,1fr)}.page_main__nw1Wk{padding:0 20px 40px}.page_familyRow__6m7io{grid-template-columns:80px 1fr}.page_familyName__0Xsnx{font-size:11px}.page_footer__F3MD0{padding:12px 20px}}@media (max-width:560px){.page_tagline__FsEDs{display:none}.page_legend__2ENdr{top:90px}.page_swatchRow__Zb7aj{gap:1px}}