@import url('theme.css?v=20261012-flat-copper');
:root{--sheet:#e7e1d4;--type:#393a32;--fine:#c5beae;--quiet:#747366;--warm:#9b7558}*{box-sizing:border-box}body{margin:0;background:#0b100c;color:#d6d2bd;font:13px var(--sans,'PingFang SC',sans-serif)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ab7b4b;outline-offset:4px}[hidden]{display:none!important}.colour-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #434936;gap:16px}.colour-header>a{font-size:12px}.colour-header .colour-brand{font:23px var(--serif);letter-spacing:4px}.colour-brand i{font-style:normal;color:#85785c;margin:0 15px}.back-atlas{padding:11px 15px;border:1px solid #677255;white-space:nowrap}.colour-workspace{display:grid;grid-template-columns:215px minmax(0,1fr)}.colour-sidebar{position:sticky;top:0;height:100dvh;padding:36px 22px;overflow:auto}.edition{font-size:9px;line-height:2.1;letter-spacing:1.7px;color:#939c81}.colour-sidebar nav{display:grid;gap:5px;margin:32px 0}.colour-sidebar nav a{padding:12px 9px;color:#adb59f;font:14px var(--serif);white-space:nowrap}.colour-sidebar nav a[aria-current]{color:#e6d2aa;border-top:1px solid #8c8566;border-bottom:1px solid #8c8566}.colour-side-label{font-size:11px;color:#8f9a7e;letter-spacing:2px;border-bottom:1px solid #414935;padding-bottom:13px}.sidebar-note{font-size:11px;line-height:2;color:#849178;border-top:1px solid #414935;padding-top:19px}.method-link{font-size:10px;color:#c6b58f}.colour-paper{background:var(--sheet);color:var(--type);padding:46px clamp(24px,4vw,70px) 28px;min-width:0;background-image:radial-gradient(#625b4711 .6px,transparent .8px);background-size:4px 4px}.colour-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px;gap:20px}.folio{font:9px var(--sans);letter-spacing:2px;color:#7c7969}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(27px,3.4vw,45px);letter-spacing:4px;margin:17px 0 15px}.colour-intro p{font-size:12px;color:#79776a;letter-spacing:1px;margin:0}.colour-total{text-align:right;white-space:nowrap}.colour-total b{font:45px Georgia,serif;font-weight:400;color:#8a7658}.colour-total span{display:block;font-size:9px;color:#7b7768;margin-top:8px}.colour-total em{font-style:normal}.core-strips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:270px;gap:3px}.core-strip{position:relative;overflow:hidden;border:0;padding:0;text-align:left;color:var(--strip-text);background:var(--swatch);transition:transform .25s}.core-strip:hover{transform:translateY(-7px)}.core-strip-name{position:absolute;left:18px;top:22px;font:22px var(--serif);writing-mode:vertical-rl;letter-spacing:6px}.core-strip img{position:absolute;bottom:42px;left:9%;width:82%;height:145px;object-fit:contain;filter:drop-shadow(0 8px 8px #0002)}.core-strip>small{position:absolute;bottom:12px;left:14px;right:10px;font-size:8px;line-height:1.8}.core-strip>small b{font:10px monospace;display:block}.core-editorial{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:28px 0 35px;border-bottom:1px solid #aaa18a}.core-editorial h2{font-size:22px;letter-spacing:2px;margin:4px 0}.core-editorial p{font-size:12px;line-height:2;margin:0;color:#626356}.core-editorial small{font-size:9px;color:#817e70;display:block;line-height:1.9;margin-top:12px}.core-editorial a{text-decoration:underline;text-underline-offset:3px}.swatch-section{padding:40px 0}.catalogue-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.catalogue-heading h2,.naming-section h2{font-size:28px;letter-spacing:3px;margin:12px 0 20px}.colour-search{display:grid;gap:7px;font-size:9px;color:#777362;max-width:290px;width:40%}.colour-search input{border:0;border-bottom:1px solid #aaa18d;background:transparent;border-radius:0;padding:9px 0;color:#343d2c;width:100%;font-size:12px}.catalogue-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--fine);padding-bottom:18px;margin-top:12px}.catalogue-controls>label{white-space:nowrap;font-size:10px}.catalogue-controls select{border:0;background:transparent;color:#565847;font-size:11px;padding:8px}#family-nav{display:flex;gap:5px;flex-wrap:wrap}#family-nav button{border:1px solid transparent;background:transparent;font-size:11px;color:#716c5c;padding:6px 8px}#family-nav button[aria-pressed=true]{border-color:#77775c;color:#373d2f}#family-nav i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--dot);margin-right:5px;border:1px solid #80796333}.catalogue-note{font-size:10px;line-height:1.8;color:#878170;margin:15px 0}.catalogue-status{display:flex;justify-content:space-between;font-size:10px;color:#7b7766;margin:23px 0 10px}.catalogue-status button{border:0;background:none;color:inherit;font-size:10px;padding:0}.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px;row-gap:27px}.swatch-card{display:flex;align-items:center;text-align:center;flex-direction:column;border:0;border-bottom:1px solid var(--fine);background:transparent;color:var(--type);padding:17px 0;min-width:0;position:relative}.swatch-circle{display:block;width:min(100%,108px);aspect-ratio:1;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #5a5a4422;transition:transform .25s}.swatch-card:hover .swatch-circle{transform:scale(1.06)}.swatch-card strong{font:19px var(--serif);letter-spacing:2px;margin:13px 0 6px}.swatch-card .swatch-kind{font-size:8px;letter-spacing:1px;color:#8e775b;min-height:12px}.swatch-card code{font:11px monospace;margin:8px 0 4px;letter-spacing:.5px}.swatch-card .rgb{font:9px monospace;color:#807e70;white-space:nowrap}.swatch-card .swatch-source{font-size:10px;color:#7c7c6b;line-height:1.6;margin:10px 0 0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.swatch-card .swatch-ratio{font-size:9px;color:#969280;margin-top:4px}.colour-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:38px;font-size:11px}.colour-pagination button{border:1px solid #a69b83;color:#5a5c4a;background:transparent;padding:10px 16px}.colour-pagination button:disabled{opacity:.3;cursor:default}.naming-section{padding:42px 0;border-top:1px solid #a69d88}.naming-section>p{max-width:760px;font-size:12px;line-height:2.1;color:#6a6b5b}.literature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:23px}.literature-list details{border-bottom:1px solid var(--fine);padding:17px 0}.literature-list summary{cursor:pointer;font:20px var(--serif);list-style:none;display:flex;justify-content:space-between}.literature-list summary:after{content:'＋';font:14px var(--sans);color:#878573}.literature-list details[open] summary:after{content:'−'}.literature-list summary small{font:9px var(--sans);margin:auto 15px auto auto;color:#938c79}.literature-list blockquote{margin:20px 0 12px;font:16px/1.9 var(--serif);color:#625c4b}.literature-list p{font-size:11px;color:#777567;line-height:1.9}.literature-list a{font-size:10px;text-decoration:underline;text-underline-offset:3px}.standards-note,.landscape-note{font-size:11px;color:#7d7968;line-height:2;margin-top:27px;max-width:780px}.standards-note a{text-decoration:underline}.landscape-note h3{font-size:18px;margin-bottom:8px}.colour-colophon{display:flex;justify-content:space-between;border-top:1px solid #b3a990;padding-top:23px;font-size:9px;letter-spacing:1px;gap:20px}.colour-colophon a{font-size:11px;letter-spacing:0}.colour-detail{border:1px solid #aca08a;background:#e7e1d4;color:#383e31;width:min(740px,calc(100% - 24px));padding:0;max-height:90dvh;overflow:auto}.colour-detail::backdrop{background:#020602ba;backdrop-filter:blur(6px)}.colour-close{position:absolute;right:12px;top:10px;z-index:2;border:0;font-size:28px;background:#e7e1d4d9;color:#555c43;width:40px;height:40px}.detail-colour-top{display:grid;grid-template-columns:1fr 1.2fr}.detail-pigment{display:flex;align-items:center;justify-content:center;min-height:270px;padding:25px;flex-direction:column;gap:15px;background:var(--swatch);color:var(--strip-text)}.detail-pigment strong{font:38px var(--serif);letter-spacing:4px}.detail-pigment code{font:16px monospace}.detail-pigment small{font:10px monospace}.detail-object{padding:35px 25px;display:flex;align-items:center;flex-direction:column;text-align:center}.detail-object img{height:145px;max-width:100%;object-fit:contain}.detail-object h3{font-size:21px;margin:15px 0 8px}.detail-object p{font-size:11px;margin:0 0 12px;color:#7c7967}.detail-object a{font-size:11px;border-bottom:1px solid #a39270}.detail-colour-copy{padding:24px 34px 30px}.detail-colour-copy h3{font-size:23px;margin:5px 0 15px}.detail-colour-copy blockquote{font:22px/1.7 var(--serif);border-left:2px solid #a5916d;padding-left:17px;margin:19px 0}.detail-colour-copy p{font-size:12px;line-height:1.9;color:#6d6c5c}.detail-colour-copy .small{font-size:10px}.detail-colour-copy a{text-decoration:underline;text-underline-offset:3px;font-size:11px}.detail-colour-actions{display:flex;gap:10px;margin-top:25px}.detail-colour-actions button,.detail-colour-actions a{border:1px solid #8e8e74;background:none;padding:12px 16px;color:#424c36;text-decoration:none;font-size:12px}.empty-colours{grid-column:1/-1;padding:60px 0;text-align:center;color:#797461}
@media(min-width:1500px){.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}.core-strips{height:330px}.core-strip img{height:185px}}
@media(max-width:1000px){.colour-workspace{grid-template-columns:180px minmax(0,1fr)}.colour-sidebar{padding:30px 16px}.colour-paper{padding:34px 26px}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.core-strips{height:230px}.core-strip-name{font-size:18px;left:11px;top:15px}.core-strip img{height:120px}.core-strip small{font-size:7px;left:8px}.core-editorial{grid-template-columns:1fr;gap:15px}.colour-total b{font-size:36px}.colour-intro p{font-size:10px}.literature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.colour-header{height:65px;padding:0 13px;gap:8px}.colour-header>a{font-size:10px}.colour-header .colour-brand{font-size:16px;letter-spacing:1px}.colour-brand i{margin:0 4px}.back-atlas{padding:10px 8px}.colour-workspace{display:block}.colour-sidebar{position:relative;top:auto;height:auto;padding:12px 16px}.edition,.colour-side-label,.sidebar-note,.method-link{display:none}.colour-sidebar nav{display:flex;gap:12px;margin:0 0 10px;justify-content:center}.colour-sidebar nav a{font-size:12px;padding:10px 7px}.colour-sidebar nav a[aria-current]{border-top:0}.colour-paper{padding:27px 18px}.colour-intro{align-items:flex-start;margin-bottom:28px;gap:8px}h1{font-size:27px;letter-spacing:1px;margin:12px 0}.colour-intro p{font-size:10px;letter-spacing:0;max-width:220px;line-height:1.8}.colour-total b{font-size:29px}.colour-total{margin-top:22px}.colour-total span{font-size:8px;max-width:75px;white-space:normal;line-height:1.7}.core-strips{height:190px;gap:2px}.core-strip-name{font-size:16px;letter-spacing:4px;left:7px;top:12px}.core-strip img{height:83px;bottom:41px;width:96%;left:2%}.core-strip small{font-size:7px;left:5px;bottom:9px;line-height:1.5}.core-strip small b{font-size:7px}.core-editorial{padding:21px 0 27px}.core-editorial h2{font-size:21px}.core-editorial p{font-size:11px}.core-editorial small{font-size:8px}.swatch-section{padding:27px 0}.catalogue-heading{align-items:flex-start;gap:10px}.catalogue-heading h2,.naming-section h2{font-size:25px}.colour-search{width:48%;margin-top:5px}.colour-search span{font-size:8px}.colour-search input{font-size:10px}.catalogue-controls{flex-wrap:wrap;gap:8px}.catalogue-controls>label{margin-left:auto}#family-nav{gap:2px}#family-nav button{font-size:10px;padding:5px 6px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.swatch-circle{width:83px;max-width:100%}.swatch-card strong{font-size:18px;margin:12px 0 5px}.swatch-card code{font-size:10px}.swatch-card .rgb{font-size:8px}.swatch-card .swatch-source{font-size:9px}.swatch-card .swatch-ratio{font-size:8px}.literature-list{gap:0 22px}.colour-colophon{flex-direction:column;gap:14px}.detail-colour-top{grid-template-columns:1fr 1fr}.detail-pigment{padding:14px;min-height:240px}.detail-pigment strong{font-size:29px}.detail-pigment code{font-size:14px}.detail-object{padding:40px 15px 20px}.detail-object img{height:120px}.detail-object h3{font-size:17px}.detail-object p{font-size:10px}.detail-colour-copy{padding:20px}.detail-colour-actions{flex-wrap:wrap}.detail-colour-actions button,.detail-colour-actions a{padding:11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Shared chime palette: the swatches retain their own measured photograph RGB. */
:root{--sheet:#080c09;--type:#e5e0d4;--fine:#343d2d;--quiet:#9b9d94;--warm:#b2a17b}
body{background:#000;color:var(--ink)}.colour-header{background:#030504}.colour-paper{background-color:var(--sheet);background-image:none}.colour-sidebar{background:#0a0c09}.colour-intro p,.core-editorial p,.naming-section>p,.detail-colour-copy p{color:#a7af9c}.folio,.catalogue-note,.catalogue-status,.standards-note,.landscape-note,.swatch-card .swatch-source,.swatch-card .rgb,.swatch-card .swatch-ratio,.colour-total span,.core-editorial small{color:#929c85}.colour-total b{color:#c5b58e}.colour-search,.colour-search input,.catalogue-controls select,.catalogue-controls>label{color:#b3bba5}.colour-search input{border-color:#657154}.core-editorial,.naming-section,.colour-colophon{border-color:#434d37}.core-strip{border:1px solid #b6b9a51c}.swatch-circle{box-shadow:inset 0 0 0 1px #e1dbb93b}.swatch-card .swatch-kind{color:#ad9f7b}#family-nav button{color:#a6b098}#family-nav button[aria-pressed=true]{color:#e8dbb6;border-color:#a59b72}.colour-pagination button{color:#c7cfb7;border-color:#5e6a4a}.literature-list blockquote{color:#d1c5a5}.literature-list p{color:#99a18b}.literature-list summary small{color:#8b967c}.colour-detail{background:#0e150e;color:#dcd9c6;border-color:#73815a}.colour-close{color:#d4d3be;background:#0e150ee8}.detail-object p{color:#929e85}.detail-colour-copy a{color:#c6b58c}.detail-colour-actions button,.detail-colour-actions a{color:#d2c39f;border-color:#69784e}.detail-colour-copy h4{font:16px var(--serif);color:#b9c3a8;border-top:1px solid #3b4930;padding-top:22px;margin-top:26px}.reference-colour-pair{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.reference-colour-pair span{display:grid;grid-template-columns:36px 1fr;gap:4px 10px;font-size:11px;color:#a5af95}.reference-colour-pair i{width:36px;height:42px;grid-row:span 2;border:1px solid #c8c8a733}.reference-colour-pair code{font-size:11px;color:#ddd5b8}

.colour-page-tabs{display:flex;align-items:center;gap:5px;padding:8px 28px;border-bottom:1px solid #343c2d;background:#070b08;flex-wrap:wrap}.colour-page-tabs a{position:relative;white-space:nowrap;padding:10px 14px;font-size:12px;color:#9eaa92}.colour-page-tabs a[aria-current]{color:#d7c49b;background:#b2a17b0a}.colour-page-tabs a[aria-current]:after{content:'';position:absolute;height:2px;bottom:-8px;left:12px;right:12px;background:#b2a17b}.colour-side-label{margin-top:30px}@media(max-width:700px){.colour-page-tabs{padding:6px 10px;gap:0}.colour-page-tabs a{padding:9px 8px;font-size:11px}.colour-page-tabs a[aria-current]:after{bottom:-4px}}

/* Black lacquer and legible vermilion accents; artifact swatches remain unchanged. */
:root{--sheet:#09090b;--type:#f3eee8;--fine:var(--rule,#45392d);--quiet:#b9a9ac;--warm:var(--ornament,#c9a063)}body{background:#09090b;color:#f3eee8}.colour-header,.colour-sidebar,.colour-page-tabs{background:#100d10;border-color:var(--rule,#45392d)}.colour-paper{background:#09090b}.edition,.colour-side-label,.sidebar-note,.colour-intro p,.core-editorial p,.naming-section>p,.detail-colour-copy p,.folio,.catalogue-note,.catalogue-status,.standards-note,.landscape-note,.swatch-card .swatch-source,.swatch-card .rgb,.swatch-card .swatch-ratio,.colour-total span,.core-editorial small{color:#b9a9ac}.colour-total b,.method-link,.colour-colophon a{color:var(--ornament,#c9a063)}.colour-search,.colour-search input,.catalogue-controls select,.catalogue-controls>label{color:#d8c8c9}.colour-search input{border-color:var(--edge,#786349)}.core-editorial,.naming-section,.colour-colophon,.colour-side-label,.sidebar-note{border-color:var(--rule,#45392d)}.swatch-card .swatch-kind{color:var(--gold)}#family-nav button{color:#c9b7b9}#family-nav button[aria-pressed=true]{color:var(--ink);border-color:var(--interaction,#c9a063)}.colour-pagination button{color:#efd9d6;border-color:var(--edge,#786349)}.literature-list blockquote{color:#f5e1dc}.literature-list p,.literature-list summary small{color:#c6b2b5}.colour-detail{background:#161215;color:#f3eee8;border-color:var(--edge,#786349)}.colour-close{color:#f3eee8;background:#161215ed}.detail-object p{color:#b9a9ac}.detail-colour-copy a,.literature-list a{color:var(--ornament,#c9a063)}.detail-colour-actions button,.detail-colour-actions a{color:#ffe5df;border-color:var(--edge,#786349)}.detail-colour-copy h4{color:#e3c6c3;border-color:var(--rule,#45392d)}.reference-colour-pair span{color:#c8b8ba}.reference-colour-pair code{color:#f3eee8}.colour-page-tabs a{color:#d0bfc2}.colour-page-tabs a[aria-current]{color:var(--ink);background:#7e282c25}.colour-page-tabs a[aria-current]:after{background:var(--gold,#c9a063)}.back-atlas{border-color:var(--edge,#786349)}.literature-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0;color:#b9a9ac}.literature-controls input{width:min(320px,65%);border:1px solid #765354;background:#161215;padding:10px 13px;color:#f3eee8}.literature-list summary{color:#f3eee8}.literature-list details{border-color:#4f3438}

.ancient-reference-dot{display:inline-block;width:17px;height:17px;border:1px solid #e9cfc455;border-radius:50%;margin-right:9px;vertical-align:middle}.ancient-reference-note{display:block;margin:15px 0 10px;font:10px/1.8 var(--sans);color:#b9a9ac}.ancient-reference-note a{font-size:10px}.literature-source-note{font:11px/1.9 var(--sans);color:#b9a9ac;max-width:760px;margin:0 0 22px}.literature-source-note a{color:var(--ornament,#c9a063);text-decoration:underline;text-underline-offset:3px}

/* Match the atlas filter language: folded groups, fine rules and counted chips. */
.colour-sidebar{padding:23px 19px 18px;border-right:1px solid var(--rule);scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.colour-sidebar .edition{display:block;padding-bottom:17px;border-bottom:1px solid var(--rule)}
.colour-sidebar .filter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:15px 0 6px}
.colour-sidebar .text-button{border:0;background:none;color:var(--muted);padding:4px 0;font-size:10px}
.colour-sidebar .text-button:hover{color:var(--interaction,#c9a063)}
.colour-sidebar .filter-section{border-bottom:1px solid var(--rule);padding:13px 0}
.colour-sidebar .filter-section summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:18px}
.colour-sidebar .filter-section summary::-webkit-details-marker{display:none}
.colour-sidebar .filter-section summary:after{content:'＋';font-size:13px;color:var(--muted)}
.colour-sidebar .filter-section[open] summary:after{content:'−'}
.colour-sidebar .filter-title{font-size:12px;letter-spacing:1px;white-space:nowrap;margin-right:auto}
.colour-sidebar .filter-title small{margin-left:7px;letter-spacing:.7px;color:var(--muted);font-size:8px}
.colour-sidebar .filter-selection{max-width:65px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--ornament,#c9a063)}
.colour-sidebar #material-nav{display:flex;gap:7px 5px;flex-wrap:wrap;padding-top:13px;margin:0}
.colour-sidebar #material-nav .filter-chip{display:flex;align-items:center;gap:5px;min-height:31px;padding:6px 9px;border:1px solid var(--rule);border-radius:18px;background:#100d10;color:var(--ink);font-size:11px;text-align:left;transition:background .2s,border-color .2s}
.colour-sidebar #material-nav .filter-chip:hover{background:var(--surface-raised);border-color:var(--edge)}
.colour-sidebar #material-nav .filter-chip[aria-pressed=true]{background:#35231c;border-color:var(--interaction,#c9a063);color:var(--interaction,#c9a063);box-shadow:inset 0 -2px var(--interaction,#c9a063)}
.colour-sidebar .filter-chip em{font-style:normal;font-size:8px;color:var(--muted);margin-left:auto}
.colour-sidebar .sidebar-note{border:0;margin:0;padding-top:23px;font-size:10px;line-height:1.9}
.colour-sidebar .method-link{display:inline-block;margin-top:12px}
.colour-sidebar :is(button,summary):focus-visible{outline-color:var(--interaction,#c9a063)}
@media(max-width:760px){
 .colour-sidebar{padding:10px 16px 12px;border-right:0;border-bottom:1px solid var(--rule)}
 .colour-sidebar :is(.edition,.sidebar-note,.method-link){display:none}
 .colour-sidebar .filter-heading{padding:2px 0 4px}
 .colour-sidebar .text-button{min-height:32px;padding-inline:4px}
 .colour-sidebar .filter-section{padding:0;border-bottom:0}
 .colour-sidebar .filter-section summary{min-height:40px}
 .colour-sidebar .filter-selection{max-width:45%}
 .colour-sidebar #material-nav{padding-top:5px;padding-bottom:4px}
 .colour-sidebar #material-nav .filter-chip{min-height:36px;padding:7px 11px}
}


.method-link:hover,.colour-colophon a:hover,.detail-colour-copy a:hover,.literature-list a:hover,.literature-source-note a:hover{color:var(--interaction,#c9a063)}
