:root{--ink:#252b2c;--muted:#626868;--line:#e4e6e4;--surface:#f6f7f5;--paper:#fff;--font-body:'Satoshi',Arial,sans-serif;--font-display:'Satoshi',Arial,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:clamp(1.2rem,1rem + .6vw,1.5rem);--text-xl:clamp(1.7rem,1.1rem + 1.2vw,2.25rem);--text-2xl:clamp(2rem,1.3rem + 1.9vw,3rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--ink);background:var(--paper)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}a,button,summary{transition:opacity .15s,background-color .15s}a:hover{opacity:.76}.proposal{background:var(--surface);border-bottom:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}.proposal-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.proposal nav{display:flex;gap:var(--space-5)}.proposal a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.site-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:106px;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.site-header nav{display:flex;gap:var(--space-6);color:var(--muted)}.site-header a[aria-current]{color:var(--ink)}.brand{font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;line-height:1.3}.site-header .brand{text-align:center}.brand span{display:block;font-size:var(--text-xs);font-weight:400;letter-spacing:0;color:var(--muted);margin-top:var(--space-1)}.header-search{justify-self:end;display:flex;align-items:center;gap:var(--space-3)}.home-intro{text-align:center;padding-block:var(--space-12) var(--space-8)}.eyebrow{font-size:var(--text-xs);letter-spacing:.11em;font-weight:700;color:var(--muted)}h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.14;letter-spacing:-.035em;font-weight:700}.home-intro h1{margin-top:var(--space-4)}.intro-copy{color:var(--muted);margin-top:var(--space-5);line-height:1.65}.search-box{display:flex;align-items:center;gap:var(--space-3);max-width:540px;min-height:58px;border:1px solid #cdd2ce;border-radius:5px;margin:var(--space-8) auto 0;padding-inline:var(--space-5);text-align:left;box-shadow:0 2px 4px #252b2c05;scroll-margin-top:30px}.search-box:focus-within{outline:2px solid var(--ink);outline-offset:2px}.search-box input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:var(--text-sm);color:var(--ink)}input::placeholder{color:var(--muted);opacity:1}kbd{font-family:inherit;font-size:var(--text-xs);padding-inline:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:3px;color:var(--muted)}.search-status{font-size:var(--text-xs);color:var(--muted);min-height:20px;margin-top:var(--space-2)}.group-nav-shell{border-block:1px solid var(--line)}.group-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:64px;overflow-x:auto;white-space:nowrap;font-size:var(--text-sm)}.group-nav a{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-4)}.group-dot{display:inline-block;background:var(--swatch);width:11px;height:11px;flex-shrink:0;border-radius:50%;border:1px solid #00000015}.catalog{padding-top:var(--space-10)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}h2{font-size:var(--text-lg);font-weight:700;line-height:1.3;letter-spacing:-.025em}.section-heading h2{display:flex;align-items:center;gap:var(--space-3)}.meta{font-size:var(--text-xs);color:var(--muted)}.color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.color-card{display:block;min-width:0}.swatch{display:block;background:var(--swatch);height:112px;border:1px solid #0000000b;border-radius:4px}.color-card:hover .swatch{box-shadow:inset 0 0 0 2px #00000025}.card-label{display:flex;flex-direction:column;padding-top:var(--space-3);font-size:var(--text-sm);line-height:1.5}.card-label b{font-weight:700}.card-label>span{font-size:var(--text-xs);color:var(--muted)}.popular{padding-bottom:var(--space-10);border-bottom:1px solid var(--line)}.color-group{padding-block:var(--space-10);border-bottom:1px solid var(--line);scroll-margin-top:var(--space-8)}.more-colors{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--muted)}.more-colors summary{display:flex;align-items:center;gap:var(--space-3);width:fit-content;list-style:none}.more-colors summary::-webkit-details-marker{display:none}.more-colors summary span{font-size:var(--text-base)}.more-colors[open] summary{margin-bottom:var(--space-5)}.more-colors[open] .color-grid{row-gap:var(--space-6)}.empty-state{padding:var(--space-16) var(--space-4);text-align:center}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);padding-block:var(--space-16)}.home-bottom h2{max-width:350px;font-size:var(--text-xl);margin-block:var(--space-4)}.home-bottom p:not(.eyebrow){max-width:400px;color:var(--muted)}.editorial-link{display:block;border-left:1px solid var(--line);padding-left:var(--space-10)}.mini-comparison{display:flex;height:90px;border:1px solid var(--line);margin-bottom:var(--space-5);border-radius:4px;overflow:hidden}.mini-comparison span{flex:1}.editorial-link h3{font-size:var(--text-lg);line-height:1.4;margin-block:var(--space-2) var(--space-4)}.text-link{font-size:var(--text-sm);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.text-link span{margin-left:var(--space-2)}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding-block:var(--space-10) var(--space-8)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-bottom:var(--space-8)}.footer-top nav{display:flex;gap:var(--space-6);font-size:var(--text-sm)}.fineprint{font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line);padding-top:var(--space-6)}.fineprint p+p{margin-top:var(--space-2)}.fineprint a{text-decoration:underline;text-underline-offset:3px}.inner-page{padding-bottom:var(--space-16)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);padding-block:var(--space-6) var(--space-10)}.breadcrumbs a:hover{text-decoration:underline}.color-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.large-swatch{min-height:490px;border-radius:5px;background:var(--swatch);color:white;padding:var(--space-8);display:flex;flex-direction:column;justify-content:flex-end}.large-swatch>span:first-child{margin-bottom:auto;letter-spacing:.1em;font-size:var(--text-xs);color:#d3d8d9}.large-swatch strong{font-size:clamp(4rem,7vw,7rem);font-weight:500;line-height:1.15;letter-spacing:-.05em}.large-swatch>span:last-child{font-size:var(--text-lg);margin-top:var(--space-2)}.color-information h1{margin-block:var(--space-3) var(--space-5)}.color-information>p:not(.eyebrow){color:var(--muted)}.specifications{margin:var(--space-6) 0 0}.specifications>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);min-height:49px;font-size:var(--text-sm)}dt{color:var(--muted)}dd{margin:0;font-weight:500;display:flex;align-items:center;gap:var(--space-3)}dd a{text-decoration:underline;text-underline-offset:4px}.muted{font-size:var(--text-xs)}.copy-hex{border:1px solid var(--line);border-radius:3px;background:var(--surface);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.copy-hex:hover{background:var(--line)}.copy-status{min-height:22px;margin-top:var(--space-1)}.color-warning{font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-3);max-width:460px}.related{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--line)}.related .eyebrow{margin-bottom:var(--space-2)}.article-header{max-width:800px;margin:var(--space-3) auto var(--space-10);text-align:center}.article-header h1{margin-block:var(--space-4) var(--space-5)}.article-header>p:not(.eyebrow){font-size:var(--text-base);color:var(--muted);max-width:630px;margin:auto}.article-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);font-size:var(--text-xs);color:var(--muted)}.white-comparison{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}.white-comparison>div{height:270px;background:var(--swatch);padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between}.white-comparison>div+div{border-left:1px solid #00000006}.white-comparison>div>span{font-size:var(--text-xs);color:var(--muted)}.white-comparison b{display:block;font-size:var(--text-lg)}.white-comparison>div>div>span{font-size:var(--text-sm);color:var(--muted)}figcaption{grid-column:1/-1;padding:var(--space-3) var(--space-5);font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:240px minmax(0,680px);gap:var(--space-16);padding-top:var(--space-12)}aside nav{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--muted)}.article-body section+section{margin-top:var(--space-10)}.article-body h2{margin-bottom:var(--space-4)}.article-body p{color:#4d5454;line-height:1.85}.article-body p+p{margin-top:var(--space-4)}.back-link{display:block;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--line);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:5px}
@media(min-width:1500px){.home-intro{padding-top:var(--space-16)}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-6)}.group-nav{justify-content:flex-start}.color-detail{gap:var(--space-8)}.large-swatch{min-height:460px}.article-layout{grid-template-columns:190px 1fr;gap:var(--space-8)}.home-bottom{gap:var(--space-8)}.site-header nav{gap:var(--space-4)}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.desktop-only{display:none}.proposal-inner{min-height:42px;gap:var(--space-2)}.proposal nav{gap:var(--space-3)}.proposal-inner>span{font-size:var(--text-xs)}.site-header{grid-template-columns:1fr auto;min-height:94px;row-gap:var(--space-3);padding-block:var(--space-4)}.site-header .brand{grid-column:1;grid-row:1;text-align:left;font-size:var(--text-lg)}.site-header nav{grid-row:2;font-size:var(--text-xs)}.header-search{grid-column:2;grid-row:1/3}.header-search span{display:none}.home-intro{padding-block:var(--space-10) var(--space-5)}.home-intro h1{font-size:clamp(2.2rem,8.8vw,3rem)}.intro-copy{font-size:var(--text-sm)}.search-box{margin-top:var(--space-6);padding-inline:var(--space-3);gap:var(--space-2)}.search-box input{font-size:var(--text-xs)}kbd{display:none}.group-nav{min-height:54px;gap:var(--space-5);font-size:var(--text-xs)}.catalog{padding-top:var(--space-8)}.section-heading .meta{display:none}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-3)}.swatch{height:108px}.popular{padding-bottom:var(--space-8)}.color-group{padding-block:var(--space-8)}.home-bottom{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-10)}.editorial-link{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:var(--space-8)}.footer-top{align-items:flex-start;flex-direction:column}.footer-top nav{gap:var(--space-5)}.breadcrumbs{gap:var(--space-2);padding-block:var(--space-5) var(--space-6)}.color-detail{grid-template-columns:1fr;gap:var(--space-8)}.large-swatch{min-height:280px;padding:var(--space-6)}.large-swatch strong{font-size:clamp(4rem,17vw,6rem)}.color-information h1{font-size:var(--text-2xl)}.related{margin-top:var(--space-10);padding-top:var(--space-8)}.related .section-heading{align-items:flex-start;flex-direction:column}.article-header{margin-top:var(--space-3);margin-bottom:var(--space-6);text-align:left}.article-header h1{font-size:var(--text-2xl)}.article-byline{justify-content:flex-start;gap:var(--space-2)}.white-comparison>div{height:185px;padding:var(--space-3)}.white-comparison b{font-size:var(--text-base)}.white-comparison>div>div>span{font-size:var(--text-xs)}figcaption{padding:var(--space-3)}.article-layout{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-8)}aside{border-bottom:1px solid var(--line);padding-bottom:var(--space-6)}aside nav{margin-top:var(--space-3);gap:var(--space-2)}.inner-page{padding-bottom:var(--space-10)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}