body[data-view=colour] .intro,body[data-view=colour] .time-navigation,body[data-view=colour] .path-switch,body[data-view=colour] .status-footer,body[data-view=colour] .pan-toolbar .book-search-link,body[data-view=colour] .pan-toolbar #city-jump{display:none}body[data-view=colour] .pan-toolbar{justify-content:flex-end;padding-block:7px}#atlas-colour{background:radial-gradient(ellipse at 62% 50%,#181b19 0,#0a0e0c 52%,#040605 85%)}.colour-hubs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.colour-hub{position:absolute;font:11px var(--serif);white-space:nowrap;color:#d5ceba;transform:translateX(-50%);letter-spacing:2px;text-shadow:0 1px 9px #000;background:#0a0d0b90;border-bottom:1px solid var(--hub);padding:5px 8px}.colour-hover{position:absolute;z-index:5;display:flex;align-items:center;gap:15px;pointer-events:none;width:310px;max-width:calc(100% - 16px);padding:15px;border:1px solid #756e58;background:#10150ff5;box-shadow:0 18px 45px #0008}.colour-hover img{width:80px;height:110px;object-fit:contain}.colour-hover strong{display:block;font:19px var(--serif);line-height:1.5;margin:9px 0}.colour-hover p{display:flex;gap:4px;margin:10px 0}.colour-hover i{width:21px;height:21px;border-radius:50%;border:1px solid #fff2}.colour-hover small{font-size:10px;color:#bbb39e}.colour-family-nav{position:absolute;left:26px;top:156px;display:flex;gap:4px;flex-wrap:wrap;max-width:320px}.colour-family-nav button{font:10px var(--sans);padding:7px 9px;background:#0c100be6;display:flex;align-items:center;gap:5px;border:1px solid #46483b}.colour-family-nav i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.colour-family-nav button[aria-pressed=true]{border-color:#d1be92;color:#eee2c5}.colour-family-nav button:disabled{opacity:.35;cursor:default}.colour-cloud-caption{position:absolute;bottom:67px;left:27px;pointer-events:none}.colour-cloud-caption span{font:16px var(--serif);letter-spacing:4px}.colour-cloud-caption small{display:block;font-size:10px;color:#a2a78f;margin-top:8px}.colour-heading h2{font-size:30px}.colour-heading p{font-size:12px}
@media(max-width:760px){.colour-heading h2{font-size:22px;margin-top:8px}.colour-heading p{max-width:195px;font-size:10px}.colour-family-nav{left:16px;top:144px;max-width:230px}.colour-family-nav button{padding:5px 7px;font-size:9px}.colour-cloud-caption{bottom:72px;left:17px}.colour-cloud-caption span{font-size:12px}.colour-cloud-caption small{max-width:260px;font-size:9px;line-height:1.7}.colour-hover img{width:65px;height:85px}.colour-hover{width:280px}.colour-hover strong{font-size:17px}#atlas-colour{min-height:520px}}

body[data-view=colour] .summary-help{display:none}

@media(max-width:760px){.colour-heading h2{max-width:230px;font-size:20px;line-height:1.6}.colour-heading p{display:none}.colour-family-nav{top:118px}}

/* New colour/object alternation uses opaque photographic colours, without light halos. */
#atlas-colour{background:#09090b}.colour-hover{background:#161215f5;border-color:#76504f;color:#f3eee8}.colour-hover small{color:#b9a9ac}.colour-family-nav button{background:#161215e8;border-color:#674348;color:#dfd1cd}.colour-family-nav button[aria-pressed=true]{border-color:#c9a063;color:#ffe9df}.colour-cloud-caption small{color:#b9a9ac}.colour-hub{background:#161215c9;color:#f3eee8}.colour-heading .spatial-kicker{color:#c9a063}
@media(max-width:760px){#atlas-colour .spatial-tools{flex-wrap:wrap;max-width:160px;justify-content:flex-end;gap:4px}#atlas-colour .spatial-tools button{padding:7px;font-size:9px}.colour-heading h2{max-width:190px;font-size:18px}.colour-family-nav{max-width:235px;top:135px}}

/* Keep the speed control with the existing colour filters, away from the scene centre. */
.colour-controls{position:absolute;z-index:3;left:26px;top:156px;width:320px;display:grid;gap:14px;pointer-events:none}
.colour-controls .colour-family-nav{position:static;max-width:none;pointer-events:auto}
.colour-rhythm{width:248px;max-width:100%;padding:11px 13px 8px;background:#151214e8;border:1px solid #5b4934;pointer-events:auto}
.colour-rhythm label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#e8e0d4;font:11px var(--sans);letter-spacing:.5px}
.colour-rhythm output{color:var(--site-gold,#c9a063);font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}
.colour-rhythm input[type=range]{display:block;width:100%;height:22px;margin:4px 0 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:#c9a063;touch-action:pan-y}
.colour-rhythm input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#c9a063 0 var(--rhythm-progress,37.5%),#4b4139 var(--rhythm-progress,37.5%) 100%);border-radius:2px}
.colour-rhythm input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:1px solid #f0d6ac;border-radius:50%;background:#c9a063}
.colour-rhythm input[type=range]::-moz-range-track{height:3px;background:#4b4139;border-radius:2px}
.colour-rhythm input[type=range]::-moz-range-progress{height:3px;background:#c9a063}
.colour-rhythm input[type=range]::-moz-range-thumb{width:11px;height:11px;border:1px solid #f0d6ac;border-radius:50%;background:#c9a063}
.colour-rhythm input[type=range]:focus-visible{outline:1px solid #c9a063;outline-offset:3px;border-radius:2px}
.colour-rhythm-ends{display:flex;justify-content:space-between;color:#a89a8d;font:9px var(--sans);line-height:1.4}
@media(max-width:760px){.colour-controls{left:16px;top:135px;width:235px;gap:10px}.colour-rhythm{width:215px;padding:8px 11px 6px}.colour-rhythm label,.colour-rhythm output{font-size:10px}.colour-rhythm-ends{font-size:8px}}