:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#222720;--ink-strong:#121611;--muted:#566153;--dim:#7a8477;--paper:#f3f5ee;--field:#fbfcf7;--panel:#fffdf7;--reader:#fffdf7;--reader-ink:#1b2119;--reader-muted:#4f5b4b;--paper-ink:#1b2119;--paper-muted:#4f5b4b;--reader-line:#d9dfd2;--panel-strong:#121611;--panel-ink:#f6f5ed;--line:#d7ddd0;--line-bright:#222720;--sage:#a3b18a;--navy:#0b1f3a;--terracotta:#c66b3d;--lavender:#b497bd;--blue:#468faf;--gold:#70400f;--coral:#f9735b;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--depth-soft:0 22px 70px #1f271c1f}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;color:var(--ink);letter-spacing:0;scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0%, #a3b18a42, transparent 34rem), radial-gradient(circle at 92% 6%, #468faf26, transparent 30rem), linear-gradient(180deg, #f8faf4 0%, var(--paper) 46%, #eef2e9 100%);min-height:100dvh;margin:0;font-family:Aptos,Segoe UI,Candara,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%}.spectrum-spine{z-index:40;border-bottom:1px solid #1216112e;grid-template-columns:repeat(8,1fr);width:100%;height:8px;display:grid;position:fixed;inset:0 0 auto}.spectrum-spine span{display:block}.site-header,.site-footer{z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8faf4eb;width:100%}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 22px;min-height:70px;margin-top:8px;padding:13px clamp(18px,3vw,42px);display:flex;position:sticky;top:8px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:22px;max-width:1440px;margin:44px auto 0;padding:28px clamp(18px,3vw,42px) 40px;display:flex;position:static}.brand{align-items:center;gap:10px;font-size:.96rem;font-weight:800;line-height:1.1;display:inline-flex}.brand span:last-child{writing-mode:horizontal-tb;text-orientation:mixed}.brand-mark{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--sage) 0 25%, var(--terracotta) 25% 50%, var(--blue) 50% 75%, var(--lavender) 75% 100%);border:1px solid #12161138;width:34px;height:34px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.site-header nav a{min-height:38px;color:var(--muted);border:1px solid #2227201f;border-radius:999px;align-items:center;padding:0 13px;font-size:.9rem;font-weight:760;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--line-bright);background:var(--panel);color:var(--ink-strong);outline:0}.page{width:min(100%,1440px);margin:0 auto;padding:clamp(18px,2.4vw,34px)}.section{margin-top:28px}.split,.grid{gap:12px;display:grid}.split{grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);align-items:stretch}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.chromatic-home{min-height:auto}.intro-band{padding:0}.chromatic-hero{border:1px solid var(--line);background:linear-gradient(90deg, #2227200a 1px, transparent 1px), var(--field);border-radius:var(--radius-lg);background-size:16px 16px;min-height:min(760px,100dvh - 106px);overflow:hidden}.chromatic-hero>div:first-child,.chromatic-hero>.workbench{padding:28px}.chromatic-hero>div:first-child{border-right:1px solid var(--line);align-content:space-between;min-height:100%;display:grid}.eyebrow{color:var(--gold);text-transform:none;margin:0 0 12px;font-size:.875rem;font-weight:800}h1,h2,h3{margin:0;line-height:.98}h1{overflow-wrap:anywhere;max-width:12ch;font-size:clamp(3.1rem,6.4vw,5.8rem);font-weight:900}h2{font-size:2.15rem;font-weight:880}h3{font-size:1rem}p{color:var(--muted);line-height:1.55}.lead{max-width:44rem;color:var(--ink);font-size:1.08rem}.lab-metrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.lab-metrics span{background:var(--paper);min-height:86px;color:var(--muted);text-transform:uppercase;gap:4px;padding:12px;font-family:Cascadia Mono,Consolas,monospace;font-size:.74rem;display:grid}.lab-metrics strong{color:var(--ink-strong);font-size:1.8rem;line-height:1}.color-board-home{min-height:auto}.color-board-hero,.trend-index-hero{border:1px solid var(--line);background:linear-gradient(90deg, #2227200a 1px, transparent 1px), linear-gradient(180deg, #22272008 1px, transparent 1px), var(--field);border-radius:var(--radius-lg);min-height:min(720px,100dvh - 106px);box-shadow:var(--depth-soft);background-size:24px 24px;grid-template-columns:minmax(0,1fr) minmax(300px,.34fr);display:grid;overflow:hidden}.trend-index-hero{min-height:auto;padding:28px;display:block}.hero-copy{border-right:1px solid var(--line);align-content:end;gap:20px;padding:clamp(24px,4vw,58px);display:grid}.color-board-hero h1,.trend-index-hero h1{max-width:16ch;font-size:clamp(3rem,5.4vw,5rem);line-height:.98}.hero-trend-stack{grid-template-rows:repeat(4,minmax(0,1fr));display:grid}.hero-trend-card{color:#151515;border-bottom:1px solid #0b0a078a;align-content:space-between;min-height:120px;padding:18px;font-weight:900;transition:transform .16s,filter .16s;display:grid}.hero-trend-card:hover,.hero-trend-card:focus-visible{filter:saturate(1.05);outline-offset:-4px;outline:2px solid #1216118f;transform:translateY(-2px)}.hero-trend-card:first-child{background:#f4f1ea}.hero-trend-card:nth-child(2){color:#151515;background:#a47864}.hero-trend-card:nth-child(3){background:#ffbe98}.hero-trend-card:nth-child(4){color:#fff;background:#b8335a}.trend-year{letter-spacing:0;font-family:Cascadia Mono,Consolas,monospace;font-size:.78rem;font-weight:900}.content-block{border-radius:var(--radius-lg);background:#fffdf7db;border:1px solid #2227201a;padding:clamp(20px,3vw,34px);box-shadow:0 16px 50px #1f271c14}.section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-bottom:18px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin:0;display:none}.trend-tile .eyebrow,.palette-article-card .eyebrow,.popular-color-tile .eyebrow{color:#6f4210}.trend-tile .eyebrow,.palette-article-card .eyebrow,.popular-color-tile .eyebrow,.text-panel .eyebrow,.tool-panel .eyebrow,.atlas-section>.eyebrow,.search-cluster-nav .eyebrow,.pillar-search-guide .eyebrow{display:none}.section-heading h2{max-width:16ch}.trend-grid,.palette-article-grid{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.palette-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-tile,.palette-article-card{background:var(--reader);min-width:0;color:var(--reader-ink);border:1px solid var(--reader-line);border-radius:var(--radius-md);align-content:start;gap:14px;padding:18px;display:grid}.trend-tile-link,.palette-article-card{gap:12px;display:grid}.trend-tile h3,.palette-article-card h3{color:var(--reader-ink);font-size:1.45rem;line-height:1.08}.trend-tile p,.palette-article-card p{color:var(--reader-muted);margin:0;font-size:1rem;line-height:1.62}.article-links{border-top:1px solid var(--reader-line);flex-wrap:wrap;gap:8px;padding-top:12px;font-size:.9rem;font-weight:760;display:flex}.article-links a{color:#694111}.article-summary{border-top:1px solid var(--reader-line);gap:10px;padding-top:12px;display:grid}.article-summary strong,.color-info-list{font-family:Cascadia Mono,Consolas,monospace;line-height:1.45}.article-summary strong{color:#694111;text-transform:none;font-size:.86rem}.article-summary p{color:var(--reader-ink);margin:0;font-size:.98rem;line-height:1.6}.popular-color-board{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:14px;display:grid}.popular-color-tile{background:var(--reader);min-width:0;color:var(--reader-ink);border:1px solid var(--reader-line);border-radius:var(--radius-md);grid-template-columns:78px minmax(0,1fr);align-content:start;gap:12px 18px;padding:18px;display:grid;overflow:hidden}.popular-color-tile.large{grid-column:span 1}.popular-color-tile strong{color:var(--reader-ink);font-size:2rem;line-height:1}.popular-color-swatch{border-radius:var(--radius-sm);border:1px solid #19150f47;grid-row:1/span 4;width:78px;min-height:100%}.popular-color-tile>span:not(.popular-color-swatch):not(.chip),.popular-color-tile>strong,.popular-color-tile>.color-info-list{grid-column:2}.popular-color-tile span:last-child{max-width:28rem;line-height:1.55}.color-info-list{color:var(--reader-muted);gap:8px;font-size:.88rem;display:grid}.popular-color-tile .chip{color:#f6f5ed;background:#1f2a1d;border-color:#1515152e;justify-self:start}.combination-board{background:0 0;border:0;gap:12px;display:grid}.combination-feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:190px minmax(0,1fr) auto;align-items:start;gap:18px;min-height:144px;padding:18px;display:grid}.combination-feature h3{font-size:1.25rem}.combination-feature p{margin:6px 0 0}.combo-copy-list{color:var(--muted);gap:7px;margin:12px 0 0;padding:0;font-size:.95rem;line-height:1.48;list-style:none;display:grid}.combo-copy-list strong{color:var(--ink)}.combo-swatches{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(5,minmax(0,1fr));min-height:72px;display:grid;overflow:hidden}.combo-swatches span{min-width:0}.utility-strip{border-radius:var(--radius-md);background:var(--panel);border:1px solid #2227201a;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.utility-strip .eyebrow{margin:0 8px 0 0;display:none}.utility-strip a{border:1px solid var(--line);min-height:34px;color:var(--ink);border-radius:999px;align-items:center;padding:0 10px;font-size:.9rem;font-weight:760;display:inline-flex}.trend-detail-hero h1{max-width:15ch;font-size:4.2rem}.trend-detail-page .link-panel h2{font-size:1.35rem}.palette-meta{border-top:1px solid var(--reader-line);gap:8px;margin:0;padding-top:12px;font-size:.9rem;line-height:1.45;display:grid}.palette-meta div{grid-template-columns:78px minmax(0,1fr);gap:10px;display:grid}.palette-meta dt{color:#694111;text-transform:uppercase;font-family:Cascadia Mono,Consolas,monospace;font-size:.78rem}.palette-meta dd{color:var(--reader-ink);margin:0}.longform-article{margin-top:28px;border-radius:var(--radius-lg);background:0 0;border:1px solid #2227201a;gap:14px;max-width:1180px;margin-inline:auto;display:grid;overflow:hidden}.article-meta{background:var(--reader);color:#694111;text-transform:none;flex-wrap:wrap;order:100;gap:8px;padding:14px 22px;font-family:Cascadia Mono,Consolas,monospace;font-size:.75rem;font-weight:850;display:flex}.article-meta span{border:1px solid var(--reader-line);border-radius:999px;padding:7px 9px}.article-section{background:var(--reader);color:var(--reader-ink);grid-template-columns:minmax(0,1fr);gap:24px;padding:clamp(24px,4vw,46px);scroll-margin-top:18px;display:grid}.article-section>.eyebrow{color:#694111;margin:0;display:none}.article-section-label{width:min(100%,82ch);color:var(--gold);justify-self:center;margin:0 0 -6px;font-size:.95rem;font-weight:850}.article-section h2{width:min(100%,82ch);color:var(--reader-ink);grid-column:1;justify-self:center;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08}.article-copy{grid-column:1;justify-self:center;gap:14px;width:min(100%,82ch);min-width:0;max-width:none;display:grid}.article-copy p,.article-copy li,.faq-list dd,.article-link-grid span{color:var(--reader-muted);font-size:1.04rem;line-height:1.72}.differentiation-facts{gap:10px;margin:2px 0 0;display:grid}.differentiation-facts div{border-left:2px solid var(--reader-line);padding-left:12px}.differentiation-facts dt{color:#8a5a1f;text-transform:uppercase;font-family:Cascadia Mono,Consolas,monospace;font-size:.72rem;font-weight:900}.differentiation-facts dd{color:var(--reader-muted);margin:4px 0 0;line-height:1.55}.article-list,.article-link-grid,.toc-list{gap:10px;margin:0;padding-left:1.2rem;display:grid}.article-list strong,.faq-list dt,.article-link-grid a,.toc-list a,.toc-list strong{color:var(--reader-ink)}.toc-list a,.table-color-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.toc-list{padding-left:0;list-style:none}.toc-list li{border-top:1px solid var(--reader-line);grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:12px;padding-top:10px;display:grid}.toc-list span{color:var(--reader-muted);line-height:1.6}.article-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;list-style:none}.article-link-grid li{border:1px solid var(--reader-line);border-radius:var(--radius-sm);gap:6px;padding:12px;display:grid}.faq-list{gap:12px;margin:0;display:grid}.faq-list div{border-top:1px solid var(--reader-line);padding-top:12px}.faq-list dt{font-weight:800}.faq-list dd{margin:6px 0 0}.color-value-table-wrap{min-width:0;max-width:100%;overflow-x:auto}.color-value-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:.94rem}.color-value-table th,.color-value-table td{border-top:1px solid var(--reader-line);text-align:left;vertical-align:top;padding:11px 10px}.color-value-table th{color:#694111;text-transform:uppercase;font-family:Cascadia Mono,Consolas,monospace;font-size:.72rem}.color-value-table td{color:var(--reader-muted);overflow-wrap:anywhere;line-height:1.55}.color-value-table td:first-child,.color-value-table td:nth-child(2),.color-value-table td:nth-child(3){color:var(--reader-ink);font-weight:750}.table-swatch{vertical-align:-4px;border:1px solid #19150f47;width:18px;height:18px;margin-right:8px;display:inline-block}.table-color-link{align-items:center;gap:0;display:inline-flex}.review-disclosure{border:1px solid var(--reader-line);border-radius:var(--radius-sm);background:#ffffff42;gap:12px;padding:12px;display:grid}.review-disclosure summary{cursor:pointer;color:var(--reader-ink);font-weight:850}.source-link-list{gap:10px;margin:0;padding-left:0;list-style:none;display:grid}.source-link-list li{border:1px solid var(--reader-line);border-radius:var(--radius-sm);gap:6px;padding:12px;display:grid}.source-link-list a{color:var(--reader-ink);text-underline-offset:3px;font-weight:850;text-decoration:underline;text-decoration-thickness:1px}.source-link-list span{color:var(--reader-muted);line-height:1.55}.action-row,.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button,.small-button,.ghost-button{border:1px solid var(--line-bright);cursor:pointer;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;min-height:40px;font-size:.86rem;font-weight:780;display:inline-flex}.button{background:var(--ink);color:var(--panel-ink);padding:0 16px}.ghost-button,.small-button.muted{color:var(--ink);background:#fffdf7b8;border-color:#2227202e}.button:hover,.ghost-button:hover,.small-button:hover,.button:focus-visible,.ghost-button:focus-visible,.small-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.small-button{background:var(--ink);min-height:32px;color:var(--panel-ink);padding:0 12px}.workbench{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:14px;display:grid}.workbench.single{grid-template-columns:minmax(0,1fr)}.tool-panel,.palette-card,.color-card,.text-panel,.pairing-row,.policy-row,.instrument-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.tool-panel{align-content:start;gap:16px;padding:clamp(16px,2.4vw,26px);display:grid;box-shadow:0 14px 44px #1f271c14}.tool-panel-head{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px}.tool-panel h2{font-size:1.2rem;line-height:1.08}.tool-panel-loading{min-height:280px}.loading-field{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(90deg, #2227200a, #22272017, #2227200a), var(--field);min-height:42px}.tool-input-row{grid-template-columns:minmax(0,1fr) minmax(126px,.36fr);gap:8px;display:grid}label{color:var(--muted);text-transform:none;gap:6px;font-size:.86rem;font-weight:760;display:grid}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);width:100%;min-height:42px;color:var(--ink);padding:0 10px}.palette-strip{border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(5,minmax(0,1fr));min-height:284px;display:grid;overflow:hidden}.palette-strip.compact{min-height:112px}.swatch{flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;padding:10px;font-family:Cascadia Mono,Consolas,monospace;font-size:.78rem;font-weight:900;display:flex}.swatch span{overflow-wrap:anywhere}.swatch-link{color:inherit;text-underline-offset:3px;gap:4px;text-decoration:underline;text-decoration-thickness:1px;display:grid}.swatch-link strong{overflow-wrap:anywhere}.swatch-link span{opacity:.88;font-size:.68rem}.result-grid{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;display:grid}.result-grid output{border:1px solid var(--line);border-radius:var(--radius-sm);width:64px;height:64px}.result-grid .small-button{grid-column:1/-1;justify-self:start}.converter-panel{gap:12px}.converter-panel .tool-panel-head p{color:var(--muted);margin-top:6px}.converter-input input{text-transform:uppercase;min-height:52px;font-family:Cascadia Mono,Consolas,monospace;font-size:1.08rem;font-weight:850}.converter-result{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);grid-template-columns:minmax(150px,.58fr) minmax(0,1fr);align-items:stretch;gap:18px;padding:16px;display:grid}.converter-swatch{border-radius:var(--radius-sm);border:1px solid #2227202e;align-items:flex-end;min-height:210px;padding:14px;font-family:Cascadia Mono,Consolas,monospace;font-weight:900;display:flex}.converter-result-copy{min-width:0}.converter-result-label,.converter-name-note{color:var(--muted);font-size:.82rem}.converter-result-copy h3{margin-top:4px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.05}.converter-values{gap:8px;margin:18px 0 0;display:grid}.converter-values div{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);gap:10px;min-width:0;padding-top:8px;display:grid}.converter-values dt{color:var(--muted);font-size:.72rem;font-weight:900}.converter-values dd{overflow-wrap:anywhere;min-width:0;margin:0;font-family:Cascadia Mono,Consolas,monospace;font-weight:800}.converter-copy-button{grid-column:1/-1;justify-self:start}.converter-name-note{grid-column:1/-1;margin:0}.converter-invalid{border:1px dashed var(--line);border-radius:var(--radius-md);min-height:210px;color:var(--muted);background:var(--field);place-items:center;display:grid}.finder-panel{gap:12px}.finder-panel .tool-panel-head p{color:var(--muted);margin-top:6px}.finder-input input{text-transform:uppercase;min-height:52px;font-family:Cascadia Mono,Consolas,monospace;font-size:1.08rem;font-weight:850}.finder-input-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.finder-examples{flex-wrap:wrap;gap:6px;display:flex}.finder-examples button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);min-height:32px;color:var(--ink);cursor:pointer;padding:0 10px;font-size:.78rem;font-weight:800}.finder-examples button:hover{border-color:var(--ink)}.finder-result{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:18px;padding:16px;display:grid}.finder-swatches{border-radius:var(--radius-sm);border:1px solid #2227202e;grid-template-columns:repeat(2,minmax(0,1fr));min-height:236px;display:grid;overflow:hidden}.finder-swatch{flex-direction:column;justify-content:flex-end;gap:4px;min-width:0;padding:14px;display:flex}.finder-swatch span{font-size:.72rem;font-weight:800}.finder-swatch strong{overflow-wrap:anywhere;font-family:Cascadia Mono,Consolas,monospace;font-size:.92rem}.finder-result-copy{min-width:0}.finder-match-type{color:var(--muted);font-size:.82rem;font-weight:800}.finder-result-copy h3{margin-top:4px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.05}.finder-values{gap:8px;margin:18px 0 0;display:grid}.finder-values div{border-top:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:10px;min-width:0;padding-top:8px;display:grid}.finder-values dt{color:var(--muted);font-size:.72rem;font-weight:900}.finder-values dd{overflow-wrap:anywhere;min-width:0;margin:0;font-family:Cascadia Mono,Consolas,monospace;font-weight:800}.finder-actions{margin-top:18px}.finder-boundary{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:0;padding-top:12px;font-size:.86rem}.finder-invalid{border:1px dashed var(--line);border-radius:var(--radius-md);min-height:236px;color:var(--muted);background:var(--field);place-items:center;display:grid}.finder-method{margin:0}.status-line{color:var(--muted);font-family:Cascadia Mono,Consolas,monospace;font-size:.875rem}.atlas-section{border-radius:var(--radius-lg);background:#fffdf7d1;border:1px solid #2227201a;padding:18px}.atlas-section>.eyebrow{margin-left:4px}.atlas-row{position:relative;overflow:hidden}.palette-card{grid-template-rows:auto 1fr auto;display:grid}.palette-card-link{gap:0;display:grid}.palette-card-copy,.color-card-body,.text-panel,.policy-row{padding:14px}.palette-card-copy{min-height:174px}.palette-card-copy p,.color-card-body p{color:var(--muted)}.card-actions{padding:0 14px 14px}.color-card-top{color:#fff;align-items:flex-end;min-height:172px;padding:12px;font-family:Cascadia Mono,Consolas,monospace;font-weight:900;display:flex}.link-list{background:0 0;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.link-list a,.pairing-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px;display:flex}.chip{background:var(--paper);border:1px solid var(--line);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 8px;font-family:Cascadia Mono,Consolas,monospace;font-size:.7rem;font-weight:800;display:inline-flex}.pairing-swatch{border-radius:var(--radius-sm);border:1px solid var(--line);flex:none;width:46px;height:46px}.pairing-copy{min-width:0}.pairing-copy p{color:var(--muted);margin:4px 0 0}.mini-moodboard{border:1px solid var(--line);border-radius:var(--radius-md);background:0 0;grid-template-columns:1.3fr .7fr;gap:6px;min-height:440px;display:grid;overflow:hidden}.mini-moodboard>div{min-height:170px}.mini-moodboard>div:first-child{grid-row:span 2}.source-note{border-left:4px solid var(--gold);color:var(--muted);padding-left:12px}.generated-asset-frame{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);margin:10px 0 0;overflow:hidden}.generated-asset{aspect-ratio:5/3;object-fit:cover;width:100%;height:auto;display:block}.site-footer p{max-width:44rem;margin:8px 0 0}.site-footer nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-footer nav a{color:var(--muted);border:1px solid #2227201f;border-radius:999px;padding:8px 12px;font-weight:760}.color-meaning-hero{border-radius:var(--radius-lg);min-height:min(650px,100dvh - 118px);box-shadow:var(--depth-soft);background:#fffdf7d6;border:1px solid #2227201a;overflow:hidden}.color-meaning-copy{border-right:1px solid var(--line);align-content:end;gap:18px;padding:clamp(24px,4vw,58px);display:grid}.color-meaning-copy h1{max-width:14ch}.color-meaning-aside{background:linear-gradient(180deg, #f3f5eec2, #fffdf7f0), var(--field);align-content:start;gap:14px;min-width:0;padding:clamp(18px,3vw,34px);display:grid}.color-meaning-swatch{border-radius:var(--radius-lg);align-content:end;gap:8px;min-height:245px;padding:22px;display:grid;box-shadow:0 22px 58px #1f271c29}.color-meaning-swatch span{font-size:clamp(1.8rem,4vw,3.3rem);font-weight:900;line-height:1}.color-meaning-swatch strong{font-family:Cascadia Mono,Consolas,monospace;font-size:1rem}.color-meaning-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.color-meaning-facts div{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffdf7c2;min-width:0;padding:12px}.color-meaning-facts dt{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:780}.color-meaning-facts dd{color:var(--ink-strong);margin:0;font-weight:800;line-height:1.35}.color-starter-palette .palette-strip{min-height:170px}.tool-detail-hero{border-radius:var(--radius-lg);box-shadow:var(--depth-soft);background:linear-gradient(135deg,#a3b18a33,#0000 42%),#fffdf7e0;border:1px solid #2227201a;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:end;gap:18px;padding:clamp(24px,4vw,58px);display:grid}.tool-detail-hero h1{max-width:13ch}.tool-hero-note{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf7d1;padding:18px}.tool-hero-note h2{font-size:1.35rem;line-height:1.1}.tool-hero-note p{color:var(--muted);margin-bottom:0}.palette-detail-page{--detail-accent:var(--palette-4,var(--terracotta))}.palette-story-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--palette-0) 22%, transparent) 0 34%, transparent 34% 100%), linear-gradient(90deg, #2227200a 1px, transparent 1px), linear-gradient(180deg, #22272008 1px, transparent 1px), var(--field);min-height:min(620px,100dvh - 118px);box-shadow:var(--depth-soft);background-size:auto,18px 18px,18px 18px,auto;grid-template-columns:minmax(0,.95fr) minmax(420px,.9fr);gap:0;display:grid;overflow:hidden}.palette-story-copy{border-right:1px solid var(--line);align-content:end;gap:22px;min-width:0;padding:clamp(24px,4vw,56px);display:grid}.palette-story-copy .eyebrow{color:var(--gold);margin:0}.palette-story-copy h1{max-width:15ch;color:var(--ink-strong);font-size:clamp(3rem,5vw,5.4rem);font-weight:900;line-height:.95}.palette-story-copy .lead{max-width:54ch;color:var(--ink);margin:0;font-size:clamp(1rem,1.25vw,1.22rem)}.palette-hero-facts{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:0;display:grid}.palette-hero-facts div{border-radius:var(--radius-sm);background:#fffdf7b8;border:1px solid #2227201f;min-width:0;padding:13px 14px}.palette-hero-facts dt{color:var(--muted);text-transform:none;margin:0 0 7px;font-size:.75rem;font-weight:780}.palette-hero-facts dd{color:var(--ink-strong);margin:0;font-weight:850;line-height:1.35}.palette-story-board{background:linear-gradient(180deg, #ffffffb8, #ffffffeb), var(--palette-1);min-width:0;color:var(--reader-ink);background-color:#f5efe4;grid-template-rows:auto minmax(260px,1fr) auto;gap:18px;padding:clamp(18px,2.5vw,34px);display:grid}.palette-specimen-label{color:var(--reader-muted);text-transform:none;justify-content:space-between;align-items:flex-end;gap:16px;font-size:.78rem;font-weight:850;display:flex}.palette-specimen-label strong{max-width:58ch;color:var(--reader-ink);text-align:right;overflow-wrap:anywhere}.palette-specimen-strip.palette-strip{border:1px solid #19150f3d;min-height:100%;box-shadow:0 24px 70px #19150f2e}.palette-specimen-strip .swatch{padding:16px 14px}.palette-specimen-strip .swatch-link{text-decoration:none}.palette-specimen-strip .swatch-link strong{font-size:.82rem}.palette-mobile-copy-row{display:none}.palette-task-answer{border-left:3px solid var(--palette-3);max-width:66ch;color:var(--reader-ink);margin:0;padding-left:14px;font-weight:700;line-height:1.58}.palette-hex-grid{gap:8px;min-width:0;display:grid}.palette-hex-card{min-width:0;color:var(--reader-ink);background:#fffaf0f0;border:1px solid #19150f3d;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.palette-hex-chip{border:1px solid #ffffff7a;width:52px;height:52px;box-shadow:inset 0 0 0 1px #19150f2e}.palette-hex-card>div{gap:2px;min-width:0;display:grid}.palette-hex-card strong,.palette-hex-card span,.palette-hex-card code{overflow-wrap:anywhere}.palette-hex-card span{color:var(--reader-muted);font-size:.82rem;line-height:1.3}.palette-hex-card code{color:var(--reader-ink);font-size:.92rem;font-weight:900}.dark-academia-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dark-academia-example-grid article{border:1px solid var(--reader-line);background:#fffaf0;min-width:0;padding:16px}.dark-academia-example-grid h3{color:var(--reader-ink);margin:0 0 8px;font-size:1.05rem}.dark-academia-example-grid p{margin:0}.palette-story-board .source-note{border-color:var(--palette-3);color:var(--reader-muted);margin:0}.palette-detail-navigation{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.palette-jumpbar{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf7d1;flex-wrap:wrap;grid-column:1/-1;align-content:center;gap:8px;min-width:0;padding:16px;display:flex}.palette-jumpbar a{min-height:34px;color:var(--ink);border:1px solid #2227201f;border-radius:999px;align-items:center;padding:0 12px;font-size:.85rem;font-weight:760;display:inline-flex}.palette-jumpbar a:hover,.palette-jumpbar a:focus-visible,.swatch-link:hover,.swatch-link:focus-visible,.table-color-link:hover,.table-color-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.palette-link-column{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf7d1;min-width:0;padding:16px}.palette-link-column .eyebrow{display:none}.palette-link-column h2{color:var(--ink-strong);font-size:1.18rem;line-height:1.08}.palette-inline-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.palette-inline-links a{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:36px;color:var(--ink);align-items:center;gap:8px;padding:8px;font-weight:800;line-height:1.35;display:flex}.palette-inline-links a:hover,.palette-inline-links a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.inline-swatch{border:1px solid #f4efe16b;border-radius:999px;flex:none;width:28px;height:28px}.search-cluster-nav{border-radius:var(--radius-lg);background-color:#fffdf7d6;background-image:linear-gradient(90deg,#22272008 1px,#0000 1px),linear-gradient(#22272008 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #2227201a;padding:clamp(18px,3vw,30px)}.search-cluster-grid{background:0 0;border:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px;display:grid}.search-cluster-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf7eb;align-content:start;gap:16px;min-width:0;padding:18px;display:grid}.search-cluster-panel h3{color:var(--ink-strong);margin-top:4px;font-size:1.22rem;line-height:1.18}.search-cluster-panel h3 a{color:inherit}.search-cluster-panel p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.keyword-chip-list,.search-cluster-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.keyword-chip-list li{border:1px solid var(--line);color:var(--muted);text-transform:none;border-radius:999px;padding:6px 8px;font-size:.875rem;font-weight:800;line-height:1.35}.search-cluster-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.search-cluster-links a{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:52px;color:var(--ink-strong);gap:4px;padding:10px;line-height:1.28;display:grid}.search-cluster-links small{color:var(--muted);text-transform:none;font-size:.875rem;font-weight:800;line-height:1.35}.cluster-boundary{border-left:2px solid var(--gold);padding-left:10px}.search-cluster-nav.compact .search-cluster-grid{margin-top:12px}.search-cluster-nav.compact .search-cluster-panel{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start}.pillar-search-guide{border:1px solid var(--reader-line);border-radius:var(--radius-lg);background:var(--reader);color:var(--reader-ink);padding:clamp(20px,3vw,34px)}.pillar-search-guide .section-heading{margin-bottom:16px}.pillar-search-guide .eyebrow{color:#7a4a16}.pillar-search-guide .section-heading h2,.pillar-search-guide h3{color:var(--reader-ink)}.pillar-guide-lead{border:1px solid var(--reader-line);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#fffaf0;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:start;gap:18px;padding:16px;display:grid}.pillar-guide-lead p{max-width:82ch;color:var(--reader-ink);margin:0;font-size:1.05rem;line-height:1.62}.pillar-guide-lead dl{gap:10px;margin:0;display:grid}.pillar-guide-lead dt{color:#8a5a1f;text-transform:none;font-size:.75rem;font-weight:900}.pillar-guide-lead dd{color:var(--reader-ink);margin:3px 0 0;font-weight:900;line-height:1.35}.pillar-guide-grid{border:1px solid var(--reader-line);background:var(--reader-line);border-top:0;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0;margin-top:1px;display:grid}.pillar-guide-grid article,.pillar-proof-grid article,.pillar-route-strip{background:#fffaf0;min-width:0;padding:18px}.pillar-guide-grid ol,.pillar-guide-grid ul,.pillar-proof-grid ul,.pillar-route-strip ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.pillar-guide-grid li,.pillar-proof-grid li{border-top:1px solid var(--reader-line);color:var(--reader-ink);gap:5px;padding-top:10px;line-height:1.5;display:grid}.pillar-guide-grid li strong,.pillar-proof-grid li strong{color:var(--reader-ink)}.pillar-guide-grid li span,.pillar-proof-grid dd,.not-for-note,.pillar-route-strip small{color:var(--reader-muted);line-height:1.5}.pillar-proof-grid{border-inline:1px solid var(--reader-line);border-bottom:1px solid var(--reader-line);background:var(--reader-line);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;display:grid}.pillar-proof-grid dl{gap:10px;margin:14px 0 0;display:grid}.pillar-proof-grid dt{color:#8a5a1f;text-transform:none;font-size:.72rem;font-weight:900}.pillar-proof-grid dd{margin:3px 0 0;font-size:.92rem}.not-for-note{border-left:3px solid var(--gold);margin:16px 0 0;padding-left:12px}.pillar-route-strip{border:1px solid var(--reader-line);border-top:0}.pillar-route-strip ul{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pillar-route-strip a{border:1px solid var(--reader-line);border-radius:var(--radius-sm);min-height:88px;color:var(--reader-ink);background:#fffdf7;align-content:start;gap:6px;padding:12px;font-weight:900;display:grid}.pillar-route-strip a:hover,.pillar-route-strip a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pillar-route-strip small{font-size:.88rem;font-weight:700}.palette-readable-article{border-radius:var(--radius-lg);background:var(--reader);border:1px solid #2227201a;grid-template-columns:minmax(0,820px) minmax(220px,260px);justify-content:center;gap:0 clamp(28px,4vw,54px);width:100%;max-width:1180px;margin:30px auto 0;padding:0 clamp(22px,3.2vw,46px) 44px;display:grid;overflow:visible}.palette-readable-article .article-meta{border-top:1px solid var(--reader-line);background:#ffffff6b;border-bottom:0;order:100;grid-column:1/-1;margin:0 calc(-1*clamp(22px,3.2vw,46px));padding:14px clamp(22px,3.2vw,46px)}.palette-readable-article .article-section{border-top:1px solid var(--reader-line);color:var(--reader-ink);background:0 0;padding:32px 0;display:block}.palette-readable-article .article-section:not(#contents){grid-column:1;justify-self:stretch;width:100%;max-width:820px}.palette-readable-article .article-section#contents{border:1px solid var(--reader-line);border-radius:var(--radius-md);background:#fffaf0;grid-area:1/2/span 12;align-self:start;margin-top:32px;padding:18px;position:sticky;top:96px}.palette-readable-article .article-section#contents .eyebrow{color:#8a5a1f;display:none}.palette-readable-article .article-section#contents h2{text-transform:none;font-family:inherit;font-size:.84rem;line-height:1.25}.palette-readable-article .article-section h2{width:100%;max-width:none;color:var(--reader-ink);justify-self:stretch;margin-top:6px;font-size:clamp(2rem,3vw,3rem);line-height:1.02}.palette-readable-article .article-copy{justify-self:stretch;gap:16px;width:100%;max-width:none;margin-top:18px;display:grid}.palette-readable-article #contents .article-copy{gap:12px;margin-top:14px}.palette-readable-article #contents .toc-list{gap:0}.palette-readable-article #contents .toc-list li{grid-template-columns:1fr;gap:5px;padding:11px 0}.palette-readable-article #contents .toc-list span{font-size:.86rem;line-height:1.45}.palette-readable-article .color-value-table{table-layout:auto}@media (max-width:1080px){h1{max-width:none;font-size:4.2rem}.split,.palette-detail-hero,.palette-detail-navigation,.tool-detail-hero,.grid-2,.grid-3,.grid-4,.workbench,.color-board-hero,.trend-grid,.palette-article-grid,.popular-color-board{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line)}.popular-color-tile.large{grid-column:span 1}.combination-feature,.article-section{grid-template-columns:1fr}.article-section h2,.article-copy{grid-column:1;max-width:100%}.chromatic-hero>div:first-child{border-right:0;border-bottom:1px solid var(--line);gap:24px;min-height:auto}.palette-story-copy,.color-meaning-copy{border-right:0;border-bottom:1px solid var(--line)}.color-meaning-facts{grid-template-columns:1fr}.palette-story-hero{min-height:auto}.palette-story-copy h1{max-width:none;font-size:4rem}.palette-readable-article,.search-cluster-nav.compact .search-cluster-panel{grid-template-columns:1fr}.palette-readable-article .article-section#contents,.palette-readable-article .article-section:not(#contents){grid-column:1}.palette-readable-article .article-section#contents{grid-row:auto;margin-top:0;position:static}}@media (max-width:720px){.spectrum-spine{grid-template-rows:1fr;grid-template-columns:repeat(8,1fr);width:100%;height:12px}.site-header{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;width:100%;min-height:auto;padding:10px 12px;display:flex;position:sticky;top:12px}.brand{display:inline-flex}.brand span:last-child{writing-mode:horizontal-tb}.brand-mark{width:28px;height:28px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;width:100%;padding-bottom:2px;display:flex;overflow-x:visible}.site-header nav a{flex:none;min-width:max-content;min-height:34px;padding:0 8px}.page{margin:0;padding:16px 12px 42px}.chromatic-hero,.color-board-hero{min-height:auto}.chromatic-hero>div:first-child,.chromatic-hero>.workbench,.hero-copy,.trend-index-hero,.tool-detail-hero{padding:16px}.section-heading{grid-template-columns:1fr;align-items:start}h1{max-width:none;font-size:2.72rem}.color-board-hero h1,.trend-index-hero h1,.trend-detail-hero h1,.palette-story-copy h1{max-width:none;font-size:2.82rem}h2{font-size:1.55rem}.palette-strip{grid-template-columns:1fr;min-height:auto}.palette-story-copy,.palette-story-board,.color-meaning-copy,.color-meaning-aside{padding:16px}.color-meaning-swatch{min-height:180px}.tool-detail-hero{gap:12px}.palette-hero-facts{grid-template-columns:1fr}.palette-hero-facts div{padding:10px 8px}.palette-hero-facts dd{font-size:.875rem}.palette-story-board{grid-template-rows:auto minmax(220px,auto) auto}.palette-mobile-copy-row{background:#fffaf0e0;border:1px solid #19150f38;gap:8px;padding:10px;display:grid}.palette-mobile-copy-row code{overflow-wrap:anywhere;color:var(--reader-ink);font-size:.75rem;font-weight:900;line-height:1.45}.palette-mobile-copy-row .small-button{width:100%}.dark-academia-example-grid{grid-template-columns:1fr}.palette-hex-card{grid-template-columns:44px minmax(0,1fr)}.palette-hex-chip{width:44px;height:44px}.palette-hex-card .small-button{grid-column:1/-1;width:100%}.palette-specimen-strip.palette-strip{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;overflow:visible}.palette-specimen-strip .swatch{min-height:138px}.palette-specimen-strip .swatch:last-child{grid-column:1/-1;min-height:112px}.palette-specimen-label{justify-content:start;display:grid}.palette-specimen-label strong{text-align:left}.palette-detail-navigation{margin-top:10px;display:block}.palette-jumpbar{flex-wrap:nowrap;padding:12px;overflow-x:auto}.palette-link-column{border-top:1px solid var(--line);padding:12px}.palette-inline-links{display:flex;overflow-x:auto}.palette-inline-links li{flex:0 0 172px}.search-cluster-nav{padding:14px}.search-cluster-grid{grid-template-columns:1fr}.search-cluster-links{grid-template-columns:1fr;display:grid;overflow-x:visible}.search-cluster-links li{min-width:0}.pillar-guide-lead,.pillar-guide-grid,.pillar-proof-grid,.pillar-route-strip ul{grid-template-columns:1fr}.pillar-route-strip a{min-height:auto}.palette-readable-article{padding:0 16px 28px}.palette-readable-article .article-meta{margin:0 -16px;padding:12px 16px}.palette-readable-article .article-section{padding:24px 0}.swatch{min-height:78px}.tool-input-row,.result-grid,.converter-result,.finder-result,.mini-moodboard,.lab-metrics{grid-template-columns:1fr}.popular-color-board{grid-auto-rows:minmax(190px,auto)}.popular-color-tile{grid-template-columns:58px minmax(0,1fr);gap:10px 14px;padding:14px}.popular-color-swatch{width:58px}.trend-tile,.palette-article-card,.combination-feature{padding:14px}.article-section{grid-template-columns:1fr;padding:16px}.article-section h2,.article-copy{grid-column:1}.article-section h2{font-size:1.55rem}.article-link-grid,.toc-list li{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}