@font-face{font-family:Satoshi;src:url('./assets/fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:Satoshi;src:url('./assets/fonts/satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:Satoshi;src:url('./assets/fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal}
.site-header nav{gap:var(--space-4)}
.group-explanation{color:var(--muted);max-width:640px;margin-bottom:var(--space-6);font-size:var(--text-sm)}
.large-swatch{color:var(--swatch-text,#fff);border:1px solid #0000000b}
.large-swatch>span:first-child{color:inherit;opacity:.85}
.large-swatch strong{overflow-wrap:anywhere}
.color-information h1{overflow-wrap:anywhere}
.specifications code{font:inherit}
.specifications dd{text-align:right;min-width:0}
.specifications dd a{white-space:normal}
.reference-note{margin-top:var(--space-4);font-size:var(--text-sm);border-left:2px solid var(--line);padding-left:var(--space-4)}
.color-description{max-width:760px;margin-top:var(--space-10)}
.color-description .description-title{margin-bottom:var(--space-5)}
.color-description h2:not(.description-title){margin-top:var(--space-8)}
.color-description h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-base)}
.color-description+.related{margin-top:var(--space-10)}
.related-more{margin-top:var(--space-6)}
.article-body{overflow-wrap:break-word}
.article-body img{display:block;max-width:100%;height:auto;border-radius:4px}
.article-body figure{margin-block:var(--space-8)}
.article-body figure img{margin-inline:auto}
.article-body ul,.article-body ol{color:#4d5454;padding-left:var(--space-6);margin-block:var(--space-5);line-height:1.85}
.article-body li+li{margin-top:var(--space-2)}
.article-body a:not(.back-link){text-decoration:underline;text-underline-offset:3px}
.article-body h2{margin-top:var(--space-10)}
.article-body>h2:first-child{margin-top:0}
.article-body h3{font-size:var(--text-lg);margin-block:var(--space-8) var(--space-3)}
.article-body h2 strong,.article-body h3 strong{font-weight:700}
.article-body h2+figure{margin-top:var(--space-5)}
.article-body blockquote{margin:var(--space-8) 0;padding-left:var(--space-6);border-left:2px solid var(--line)}
.article-body table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-block:var(--space-6)}
.article-body th,.article-body td{padding:var(--space-3);border:1px solid var(--line);text-align:left}
.article-body figcaption{line-height:1.6}
.article-body .kg-gallery-container{display:grid;gap:var(--space-4)}
.article-body .kg-gallery-row{display:flex;gap:var(--space-4)}
.article-body .kg-gallery-image{flex:1;min-width:0}
.article-body .kg-gallery-image img{width:100%;height:100%;object-fit:cover}
.article-body .video-reference{padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-block:var(--space-6)}
.article-hero{display:block;width:100%;max-height:500px;object-fit:cover;aspect-ratio:2.4;border-radius:4px}
.article-layout.without-toc{display:block;max-width:760px;margin-inline:auto}
.article-byline a{text-decoration:underline;text-underline-offset:3px}
.white-comparison a>span{font-size:var(--text-sm);color:var(--muted)}
.archive-header{max-width:780px;padding-block:var(--space-4) var(--space-10)}
.archive-header h1{margin-block:var(--space-3) var(--space-5)}
.archive-header>p:not(.eyebrow){color:var(--muted)}
.archive-header .meta{margin-top:var(--space-4)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10) var(--space-6)}
.article-card{min-width:0}
.article-card img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px;margin-bottom:var(--space-5)}
.article-card h2{margin-block:var(--space-2) var(--space-3);font-size:var(--text-lg)}
.article-card .article-excerpt{color:var(--muted);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-3)}
.article-grid .article-card>a{display:block;height:100%}
.archive-color-grid{row-gap:var(--space-8)}
.author-colors{margin-top:var(--space-12)}
.author-colors>h2{margin-bottom:var(--space-6)}
.home-background{border-top:1px solid var(--line);padding-block:var(--space-10) var(--space-12);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,760px);gap:var(--space-8)}
.home-background>.eyebrow{margin:0;padding-top:.4em;position:sticky;top:var(--space-6);align-self:start}
.home-background .article-body{max-width:760px;font-size:var(--text-base)}
.home-background .article-body>h2:first-child{margin-top:0}
@media (max-width:860px){.home-background{grid-template-columns:1fr;gap:var(--space-4)}.home-background>.eyebrow{position:static}}
.not-found{padding-block:var(--space-20);min-height:50vh}
.not-found h1{margin-block:var(--space-3) var(--space-5)}
.not-found .back-link{max-width:500px}
.extra-colors{scroll-margin-top:var(--space-8)}
@media(max-width:900px){.site-header{grid-template-columns:1.3fr 1fr .7fr}.site-header nav{gap:var(--space-3);font-size:var(--text-xs)}.header-search{font-size:var(--text-xs)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero{aspect-ratio:1.9}.specifications dd{max-width:60%}.large-swatch{min-height:440px}}
@media(max-width:600px){.site-header{grid-template-columns:1fr auto}.site-header nav{gap:var(--space-4)}.site-header .brand{grid-column:1;grid-row:1}.header-search{grid-column:2;grid-row:1/3}.article-grid{grid-template-columns:1fr;gap:var(--space-10)}.article-card img{margin-bottom:var(--space-4)}.article-hero{aspect-ratio:1.5;max-height:320px}.archive-header{padding-bottom:var(--space-8)}.large-swatch{min-height:280px}.color-description{margin-top:var(--space-8)}.article-body .kg-gallery-row{flex-direction:column}.white-comparison a>span{font-size:var(--text-xs)}.specifications dd{max-width:63%;font-size:var(--text-xs)}.reference-note{font-size:var(--text-sm)}}
@media print{.site-header,.site-footer,.group-nav-shell,.search-box,.copy-hex,aside,.related{display:none}.wrap{width:100%}.color-detail{grid-template-columns:1fr 1fr}.large-swatch{print-color-adjust:exact;-webkit-print-color-adjust:exact}.article-layout{display:block}.article-body{max-width:100%}}

.ad-slot{display:block;margin-block:var(--space-8);padding-block:var(--space-4);border-block:1px solid var(--line);min-height:120px}
.ad-slot .ad-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ad-slot ins{min-height:90px}
.article-body .ad-inline{margin-block:var(--space-8)}
.ad-bottom{margin-top:0}
.ad-slot:has(ins[data-ad-status="unfilled"]){display:none}