.colour-page{--colour-edge:color-mix(in srgb,var(--text) 18%,transparent)}.colour-page h1{font:500 var(--type-page)/1.3 var(--font-display)}.colour-page h2{font:500 var(--type-section)/1.4 var(--font-display)}.colour-page button,.colour-page input,.colour-page select{font-family:var(--font-sans)}.colour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));grid-gap:16px;gap:16px}.colour-card{position:relative;min-width:0;background:var(--ink-dark);border:1px solid var(--border);transition:border-color .15s,background .15s}.colour-card:hover{border-color:var(--text-muted);background:var(--ink-raised)}.colour-card[data-selected]{border-color:var(--gold);box-shadow:inset 0 2px var(--gold)}.colour-card-link{display:flex;flex-direction:column;height:100%;gap:14px;padding:18px;color:var(--text)}.colour-card-link:hover{text-decoration:none}.colour-card-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.colour-card-link>strong{font:500 var(--type-body)/1.5 var(--font-display);overflow-wrap:anywhere}.colour-card-caption{color:var(--text-muted);font-size:var(--type-label)}.colour-swatch{display:block;width:100%;aspect-ratio:1;border:1px solid var(--colour-edge,var(--border))}.colour-channel-strip{display:flex;gap:4px;margin-top:auto}.colour-channel-strip>span{flex:1 1;min-width:0;height:12px;border:1px solid var(--colour-edge,var(--border))}.colour-card .colour-pick{position:absolute;top:10px;right:10px;width:36px;min-height:36px;padding:0;font-size:22px;background:var(--ink-dark)}.colour-card .colour-pick[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.colour-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.colour-family{padding:28px;border-block:1px solid var(--border);background:var(--ink-dark);color:var(--text)}.colour-family:hover{text-decoration:none;background:var(--ink-raised);border-color:var(--gold)}.colour-family header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px}.colour-family h2{margin:0}.colour-family header>span,.colour-family>span{color:var(--text-muted);font-size:var(--type-label)}.colour-family-samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-gap:8px;gap:8px;margin:28px 0}.colour-family-samples .colour-swatch{max-height:88px}.material-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;min-height:120px;align-content:start}.material-areas>span{display:grid;place-items:center;min-height:48px;border:1px solid var(--border);background:var(--ink-black);color:var(--text-muted);font:400 var(--type-label)/1.5 var(--font-sans)}.colour-family-areas{margin:28px 0;min-height:88px;grid-template-columns:repeat(4,minmax(0,1fr))}.colour-family-areas>span{min-height:88px}.colour-section{margin-top:48px}.colour-detail{display:grid;grid-template-columns:minmax(220px,420px) minmax(0,1fr);grid-gap:clamp(28px,5vw,80px);gap:clamp(28px,5vw,80px);align-items:start}.colour-object{position:-webkit-sticky;position:sticky;top:104px;padding:28px;border:1px solid var(--border);background:linear-gradient(0deg,color-mix(in srgb,var(--text) 3%,transparent),transparent),var(--ink-dark)}.colour-swatch--hero{min-height:220px}.material-areas--hero{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.material-areas--hero>span{min-height:112px;font-size:var(--type-section)}.colour-inspection{min-width:0}.colour-inspection>header{border-left:3px solid var(--gold);padding-left:24px;margin-bottom:28px}.colour-inspection h1{margin:8px 0 0}.colour-inspection .database-eyebrow{margin:0}.colour-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px 32px;gap:20px 32px;margin:28px 0}.colour-channel{min-width:0;display:flex;flex-direction:column;gap:10px}.colour-channel>span{color:var(--text-muted);font-size:var(--type-label)}.colour-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.colour-copy .cos-copy{gap:12px;padding:10px 14px;font-size:var(--type-body)}.cos-copy-swatch{display:block;width:24px;height:24px;flex:none;border:1px solid var(--text-muted)}.colour-copy-status{min-height:20px;color:var(--gold);font-size:12px;line-height:1.5}.colour-areas{display:grid;grid-gap:16px;gap:16px;margin-bottom:32px}.colour-areas>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.colour-areas h2{margin:0;font-size:var(--type-object)}.colour-areas dl{display:flex;gap:14px;margin:0}.colour-areas dt{color:var(--text-muted);font-size:var(--type-label)}.colour-areas dd{margin:0}.colour-page .colour-open-workbench{margin-left:auto}.colour-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start}.colour-workspace--model{grid-template-columns:minmax(0,1fr)}.colour-comparison{position:-webkit-sticky;position:sticky;top:100px;padding:20px;background:var(--ink-dark);border:1px solid var(--border);scroll-margin-top:175px}.colour-comparison .section-heading{justify-content:space-between}.colour-comparison .section-heading h2{font-size:var(--type-object)}.colour-catalogue{min-width:0;scroll-margin-top:175px}.colour-catalogue .collection-filter{margin-top:0}.colour-notice{color:var(--gold);font-size:var(--type-label)}.colour-return{border:0;background:none;padding:0;font:inherit;color:var(--gold);cursor:pointer;text-align:right}@media (max-width:1100px){.colour-workspace{grid-template-columns:300px minmax(0,1fr);gap:24px}.colour-workspace--model{grid-template-columns:1fr}.colour-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,156px),1fr))}.colour-comparison{top:150px}}@media (max-width:900px){.colour-workspace{grid-template-columns:minmax(0,1fr)}.colour-comparison{position:static}.colour-comparison .comparison-tray{grid-template-columns:repeat(4,minmax(0,1fr))}.colour-detail{grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr);gap:24px}.colour-channels{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.colour-card-link{padding:12px;gap:12px}.colour-detail,.colour-families{grid-template-columns:minmax(0,1fr)}.colour-family{padding:24px}.colour-object{position:static;padding:20px}.colour-swatch--hero{width:min(100%,280px);margin:auto;min-height:0}.colour-comparison{padding:16px}.colour-channels,.colour-comparison .comparison-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-channels{gap:12px}.colour-copy .cos-copy{padding:8px;gap:8px;font-size:14px}.colour-page .database-kind-nav{align-items:center}.colour-page .colour-open-workbench{margin-left:0}.colour-inspection>header{padding-left:16px}}@media (prefers-reduced-motion:reduce){.colour-card{transition:none}}