/* Scroll follows the reader; no timer advances the original portfolio content. */
body[data-project="traditional-color"] .case-section.color-has-sequence{grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}
body[data-project="traditional-color"] .color-has-sequence>.section-heading{grid-column:1;grid-row:1}
body[data-project="traditional-color"] .color-has-sequence>.section-body{grid-column:2;grid-row:1;position:static!important;top:auto!important}
.color-scroll-host{grid-column:1/-1;min-width:0;height:calc(500px + (var(--sequence-count) - 1)*260px);position:relative}
.color-scroll-stage{position:sticky;top:100px;padding:10px 0 32px;background:var(--bg);height:500px;box-sizing:border-box}
.color-sequence-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;font:500 14px/1.4 var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.color-sequence-viewport{overflow:hidden;width:100%;min-width:0}.color-sequence-track{display:flex;gap:60px;will-change:transform;align-items:center}.color-step-card{flex:0 0 83%;min-width:0;position:relative}.color-step-card:last-child{margin-right:0}
body[data-project="traditional-color"] .color-has-sequence .color-step-card .project-figure{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;width:100%;max-width:none;margin:0;padding:0;border:0;opacity:1;transform:none}
body[data-project="traditional-color"] .color-has-sequence .color-step-card .figure-media{padding:0;background:none;min-width:0}
body[data-project="traditional-color"] .color-has-sequence .color-step-card img{width:100%;height:335px;max-height:335px;object-fit:contain;object-position:center}
body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption{display:block;font-size:21px;line-height:1.55;padding:0;color:var(--ink);text-wrap:pretty}
body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption>span{display:block;font-size:13px;color:var(--accent);margin-bottom:16px;letter-spacing:.06em}
body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption .figure-caption-title{font-size:30px;line-height:1.2;margin-bottom:16px}
body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption p{font-size:21px;line-height:1.55}
.color-sequence-rule{height:1px;background:color-mix(in srgb,var(--ink) 14%,transparent);margin-top:28px;position:relative}.color-sequence-rule>span{display:block;height:2px;background:var(--accent);transform-origin:left}
.color-sequence-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.color-sequence-controls button,.color-agent-controls button{font:400 23px/1 var(--font-body);color:var(--ink);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;background:none;cursor:pointer}.color-sequence-controls button:hover,.color-agent-controls button:hover{background:var(--accent);color:var(--bg)}
.color-research-insight{opacity:calc(.22 + var(--insight-progress,1)*.78);transform:translateX(calc((1 - var(--insight-progress,1))*35px));will-change:transform,opacity}
body[data-project="traditional-color"] #outcomes .section-visuals{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;overflow:visible}
body[data-project="traditional-color"] #outcomes .color-artwork-pair{transform:scale(calc(.91 + .11*var(--art-focus,1)));transform-origin:center;will-change:transform;display:grid;grid-template-columns:1fr;gap:16px;padding-top:16px}
body[data-project="traditional-color"] #outcomes .color-artwork-pair img{height:230px;max-height:230px;width:100%;object-fit:contain}
body[data-project="traditional-color"] #outcomes .color-artwork-pair figcaption{font-size:17px;color:var(--ink)}
body[data-project="traditional-color"] #future .section-visuals.color-agent-visuals{display:block;width:100%;max-width:none;position:static!important;grid-column:1/-1;margin-top:0}
.color-agent-scroll{height:calc(660px + 2500px);position:relative;font-family:var(--font-body)}.color-agent-stage{position:sticky;top:95px;height:660px;box-sizing:border-box;background:var(--bg);padding:6px 0 16px}
.color-agent-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.color-agent-heading>span{font-size:15px;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}.color-agent-heading>p{font-size:14px;line-height:1.5;margin:0;color:#5b625b}
.color-agent-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(400px,1.6fr) minmax(0,.85fr);gap:27px;align-items:center}.color-agent-notes{list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:0;margin:0;height:496px}.color-agent-notes>li{display:grid;grid-template-columns:25px 1fr;gap:9px;opacity:.43;transition:opacity .2s;position:relative}.color-agent-notes>li>span{font-size:13px;color:var(--accent);padding-top:5px}.color-agent-notes h3{font:600 20px/1.3 var(--font-body);margin:0 0 9px;text-wrap:pretty}.color-agent-notes p{font:400 16px/1.55 var(--font-body);margin:0;text-wrap:pretty}.color-agent-notes>li.is-agent-note-active{opacity:1}.color-agent-notes>li.is-agent-note-active:after{content:'';position:absolute;top:18px;width:23px;border-top:1px solid var(--accent)}.color-agent-notes-left>li:after{right:-27px}.color-agent-notes-right>li:after{left:-27px}
.color-chat-window{border:1px solid #9ba69c;background:#faf9f4;border-radius:16px;box-shadow:0 15px 45px #3142330a;overflow:hidden;height:496px;display:flex;flex-direction:column;color:#29342e}.color-chat-top{height:57px;box-sizing:border-box;border-bottom:1px solid #c9d0c8;display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:16px;font-weight:600}.color-chat-symbol{font-size:23px;color:#63785f}.color-chat-step{font-size:12px;font-weight:400;margin-left:auto;color:#637062}.color-chat-content{flex:1;min-height:0;padding:24px;position:relative}.color-chat-phase[hidden]{display:none}.color-chat-phase{height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px}.color-chat-message{font-size:20px;line-height:1.5;max-width:96%;text-wrap:pretty}.color-chat-message p{font:400 20px/1.5 var(--font-body);margin:6px 0 0;color:inherit}.color-message-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#637262}.color-chat-user{align-self:flex-end;background:#e8ede2;padding:13px 17px;border-radius:13px 13px 3px 13px;max-width:89%}.color-chat-agent{opacity:var(--reply-progress,1);transform:translateY(calc((1 - var(--reply-progress,1))*20px)) scale(calc(.97 + var(--reply-progress,1)*.03));transform-origin:left top}.color-chat-agent.is-answer-visible{animation:color-reply-settle .5s cubic-bezier(.22,1.6,.4,1) both}.color-chat-context{font-size:16px;line-height:1.5;color:#677463;border-bottom:1px solid #c9d0c8;padding-bottom:13px;margin:0}.color-typed-message.is-typing:after{content:'▍';color:#526a50;margin-left:2px}
.color-chat-palettes{display:grid;gap:20px;margin-top:22px}.color-chat-palettes strong{font-size:15px;display:block;margin-bottom:10px}.color-chat-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.color-chat-swatches span{min-width:0}.color-chat-swatches i{display:block;height:38px;background:var(--swatch);border:1px solid #0001}.color-chat-swatches small{display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#405041}.color-chat-source{margin-top:24px;border-left:2px solid #6e9cb3;padding:3px 0 3px 16px}.color-chat-source>span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#586e79}.color-chat-source>strong{display:block;font-size:20px;margin:8px 0}.color-chat-source>p{font-size:16px;line-height:1.6}
.color-chat-art{margin:10px 0 0}.color-chat-art img{width:100%;height:225px;max-height:225px;object-fit:contain;display:block;mix-blend-mode:multiply}.color-chat-art figcaption{font-size:12px;line-height:1.4;color:#65715e;margin-top:5px}.color-chat-actions{display:flex;gap:9px;margin-top:23px}.color-chat-actions>span{font-size:14px;padding:8px 15px;border:1px solid #879682;border-radius:6px}.color-chat-actions>span:last-child{background:#536951;color:#fff}.color-agent-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid #d9ddd3;font-size:12px;color:#687862}.color-agent-footnote{font-size:13px;line-height:1.5;text-align:center;color:#626c5d;margin:18px 0 0}
@keyframes color-reply-settle{0%{translate:0 12px}65%{translate:0 -3px}100%{translate:0 0}}
@media(max-width:1100px) and (min-width:701px){.color-agent-layout{grid-template-columns:1fr 1.6fr 1fr;gap:18px}.color-agent-notes h3{font-size:18px}.color-agent-notes p{font-size:15px}.color-agent-notes-left>li:after{right:-18px;width:15px!important}.color-agent-notes-right>li:after{left:-18px;width:15px!important}.color-chat-content{padding:18px}.color-chat-message p{font-size:18px}.color-chat-window,.color-agent-notes{height:525px}.color-chat-palettes{gap:15px}.color-chat-swatches{gap:4px}}
@media(max-width:700px){
 body[data-project="traditional-color"] .case-section.color-has-sequence{display:block}.color-scroll-host{height:auto;margin-top:24px}.color-scroll-stage{position:static;height:auto;padding:0 0 18px}.color-sequence-meta{font-size:12px;margin-bottom:18px}.color-sequence-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.color-sequence-track{gap:24px;transform:none!important;align-items:stretch}.color-step-card{flex-basis:calc(100% - 25px);scroll-snap-align:start}
 body[data-project="traditional-color"] .color-has-sequence .color-step-card .project-figure{display:flex;flex-direction:column;gap:22px;align-items:stretch;height:100%}
 body[data-project="traditional-color"] .color-has-sequence .color-step-card img{height:245px;max-height:245px}
 body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption,body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption p{font-size:19px;line-height:1.5}
 body[data-project="traditional-color"] .color-has-sequence .color-step-card figcaption .figure-caption-title{font-size:25px;margin-bottom:12px}.color-sequence-rule{margin-top:20px}
 body[data-project="traditional-color"] #outcomes .section-visuals{grid-template-columns:1fr;gap:26px}
 body[data-project="traditional-color"] #outcomes .color-artwork-pair{grid-template-columns:1fr 1fr;gap:18px;transform:scale(calc(.93 + .07*var(--art-focus,1)))}
 body[data-project="traditional-color"] #outcomes .color-artwork-pair img{height:180px;max-height:180px}.color-agent-heading{display:block;margin-bottom:22px}.color-agent-heading>p{margin-top:10px}.color-agent-scroll{height:auto}.color-agent-stage{position:static;height:auto}.color-agent-layout{display:block}.color-chat-window{height:auto;overflow:visible}.color-chat-content{padding:20px}.color-chat-phase{height:auto;margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #c9d0c8;gap:18px}.color-chat-phase:last-child{margin:0;padding-bottom:0;border:0}.color-chat-message p{font-size:19px;line-height:1.5}.color-chat-agent{opacity:1!important;transform:none!important;animation:none!important}.color-chat-palettes{margin-top:20px}.color-chat-source>p{font-size:16px}.color-chat-art img{height:200px;max-height:200px}.color-agent-notes{display:none}.color-agent-controls{display:none}.color-agent-footnote{font-size:14px;text-align:left;margin-top:20px}.color-chat-phase:before{content:attr(data-step-label);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#526e50}
}
@media(prefers-reduced-motion:reduce){.color-scroll-host{height:auto}.color-scroll-stage{position:static;height:auto}.color-sequence-viewport{overflow-x:auto}.color-sequence-track{transform:none!important}.color-sequence-rule,.color-sequence-count{display:none}.color-artwork-pair,.color-research-insight{transform:none!important;opacity:1!important}.color-agent-scroll{height:auto}.color-agent-stage{position:static;height:auto}.color-agent-layout{display:block}.color-chat-window{height:auto;max-width:620px;margin:auto}.color-chat-content{padding:26px}.color-chat-phase{height:auto;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #c9d0c8}.color-chat-agent{opacity:1!important;transform:none!important;animation:none!important}.color-agent-notes{height:auto;display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0}.color-agent-notes>li{opacity:1!important}.color-agent-notes>li:after{display:none}.color-agent-controls{display:none}.color-chat-phase:before{content:attr(data-step-label);font-size:13px;color:#526e50}}
.color-agent-inline-note{display:none}
@media(max-width:700px){.color-agent-inline-note{display:block;font-size:16px;line-height:1.6;border-left:2px solid #8e9e7e;padding-left:14px;color:#53614c;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.color-agent-inline-note{display:block;font-size:17px;line-height:1.6;color:#53614c}}
.color-chat-art-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.color-chat-art-pair .color-chat-art{margin:0}.color-chat-art-pair .color-chat-art img{height:160px;max-height:160px}.color-chat-art-pair .color-chat-art figcaption{font-size:14px}.color-chat-message p.color-chat-art-label{font-size:13px;margin:18px 0 0;color:#687362}
@media(max-width:700px){.color-chat-art-pair{gap:10px}.color-chat-art-pair .color-chat-art img{height:130px;max-height:130px}}
@media(prefers-reduced-motion:reduce){.color-agent-notes{display:none}.color-agent-inline-note{margin-top:16px;border-left:2px solid #8e9e7e;padding-left:14px}}
/* Revised reading direction: project figures enter vertically beside their text. */
body[data-project="traditional-color"] .hero-subtitle{color:#3f6578}
body[data-project="traditional-color"] .case-section .section-heading h2{color:var(--color-section-accent,#3f6578)}
body[data-project="traditional-color"] #research{--color-section-accent:#4d6a5c}
body[data-project="traditional-color"] #colorgene,body[data-project="traditional-color"] #pilot{--color-section-accent:#986238}
body[data-project="traditional-color"] #compose,body[data-project="traditional-color"] #outcomes{--color-section-accent:#906255}
body[data-project="traditional-color"] .color-abstract-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 48px}
body[data-project="traditional-color"] .color-abstract-chapter>.section-heading{grid-column:1/-1;grid-row:1}
body[data-project="traditional-color"] .color-abstract-chapter>.section-body{grid-column:2;grid-row:2;position:static!important}
body[data-project="traditional-color"] .color-abstract-chapter>.color-abstract-visual{grid-column:1;grid-row:2;position:static!important;align-self:center}
.color-abstract-visual img{width:100%;height:auto;max-height:380px;object-fit:contain}.color-abstract-visual figcaption{font-size:18px!important;line-height:1.5;color:var(--ink);margin-top:17px}
body[data-project="traditional-color"] .color-vertical-chapter{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;align-items:start}
body[data-project="traditional-color"] .color-vertical-chapter>.section-heading{grid-column:1/-1;grid-row:1}
body[data-project="traditional-color"] .color-vertical-chapter>.section-body{grid-column:2;grid-row:2;position:static!important;top:auto!important}
body[data-project="traditional-color"] .color-vertical-chapter>.section-visuals{grid-column:1;grid-row:2;position:static!important;display:grid;gap:28px;align-self:start}
body[data-project="traditional-color"] .color-vertical-figure{opacity:calc(.18 + .82*var(--figure-reveal,1));translate:0 calc((1 - var(--figure-reveal,1))*30px);will-change:translate,opacity}
body[data-project="traditional-color"] #research .project-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:22px;align-items:center}
body[data-project="traditional-color"] #research .project-figure img{max-height:260px}
body[data-project="traditional-color"] #research .insights{margin-top:20px}
body[data-project="traditional-color"] #research .insight{padding-block:16px}
body[data-project="traditional-color"] #colorgene>.section-heading{grid-column:1;grid-row:1}
body[data-project="traditional-color"] #colorgene>.section-body{grid-column:2;grid-row:1}
body[data-project="traditional-color"] #colorgene>.section-visuals{grid-column:1/-1;grid-row:2;gap:28px}
body[data-project="traditional-color"] #colorgene .project-figure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1040px;width:100%;gap:48px;margin:0 auto;padding-top:28px}
body[data-project="traditional-color"] #colorgene .project-figure:nth-child(2){direction:rtl}
body[data-project="traditional-color"] #colorgene .project-figure:nth-child(2)>*{direction:ltr}
body[data-project="traditional-color"] #colorgene .project-figure img{max-height:280px}
body[data-project="traditional-color"] #colorgene .figure-caption-title{color:#986238;font-size:28px}
body[data-project="traditional-color"] #colorgene .figure-caption-title+p{font-size:21px;color:var(--ink)}
body[data-project="traditional-color"] #sources .project-figure{grid-template-columns:1fr .8fr;gap:24px}
body[data-project="traditional-color"] #sources .project-figure img{max-height:290px}
body[data-project="traditional-color"] #compose .project-figure{display:grid;grid-template-columns:1fr;gap:10px;max-width:none}
body[data-project="traditional-color"] #compose .project-figure img{max-height:300px}
/* One persistent agent board: six reserved positions fill cumulatively. */
.color-agent-scroll{height:1400px}
.color-agent-stage{height:770px;top:85px}
.color-agent-heading{margin-bottom:18px;padding-bottom:14px}
.color-agent-layout{grid-template-columns:minmax(0,.73fr) minmax(650px,2.45fr) minmax(0,.73fr);gap:22px;align-items:stretch}
.color-agent-notes{height:625px;gap:24px}
.color-agent-notes h3{font-size:19px;line-height:1.25}
.color-agent-notes p{font-size:16px;line-height:1.45}
.color-agent-notes>li{opacity:.43}
.color-agent-notes>li.is-agent-note-filled{opacity:.75}
.color-agent-notes>li.is-agent-note-active{opacity:1}
.color-chat-window{height:650px}
.color-chat-top{height:46px;min-height:46px;padding:10px 17px}
.color-chat-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.2fr 1fr;gap:13px;padding:16px;min-height:0}
.color-chat-phase{height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;border:1px solid #d9dfd4;border-radius:7px;padding:11px 12px;min-width:0;position:relative;overflow:hidden;transition:border-color .2s,background .2s}
.color-chat-phase.is-phase-current{border-color:#88997b;background:#f0f3eb}
.color-chat-phase:before{content:attr(data-step-label);display:block;font:500 11px/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:#5c7652;margin-bottom:2px}
.color-chat-phase>.color-chat-user,.color-chat-phase>.color-chat-context{opacity:var(--step-progress,0)}
.color-chat-phase>.color-chat-agent{flex:1}
.color-chat-message,.color-chat-message p{font-size:16px;line-height:1.4}
.color-message-label{font-size:9px;letter-spacing:.05em}
.color-chat-user{padding:6px 9px;max-width:100%;border-radius:7px 7px 2px 7px}
.color-chat-context{font-size:14px;line-height:1.4;padding-bottom:8px}
.color-chat-palettes{gap:10px;margin-top:10px}
.color-chat-palettes strong{font-size:12px;margin-bottom:6px}
.color-chat-swatches{gap:5px}
.color-chat-swatches i{height:21px}
.color-chat-swatches small{font-size:8px;margin-top:3px}
.color-chat-source{margin-top:10px;padding-left:9px}
.color-chat-source>span{font-size:9px}
.color-chat-source>strong{font-size:15px;margin:5px 0}
.color-chat-source>p{font-size:12px;line-height:1.4}
.color-chat-art-pair{margin-top:7px;gap:7px}
.color-chat-art-pair .color-chat-art img{height:77px;max-height:77px}
.color-chat-art-pair .color-chat-art figcaption{font-size:11px;line-height:1.2;margin-top:3px}
.color-chat-message p.color-chat-art-label{font-size:10px;margin-top:6px}
.color-chat-actions{margin-top:10px;gap:7px}
.color-chat-actions>span{font-size:11px;padding:5px 8px}
.color-agent-controls{padding:7px 16px;min-height:43px;box-sizing:border-box}
.color-agent-controls button{height:28px;width:28px;font-size:20px}
.color-agent-footnote{margin-top:14px}
@media(min-width:1000px) and (max-width:1200px){.color-agent-layout{grid-template-columns:1fr minmax(530px,2.5fr) 1fr;gap:15px}.color-agent-notes h3{font-size:17px}.color-agent-notes p{font-size:14px}.color-chat-message,.color-chat-message p{font-size:14px}.color-chat-content{padding:12px;gap:10px}.color-chat-phase{padding:10px}.color-chat-source>p{font-size:11px}.color-agent-notes-left>li:after{right:-15px;width:12px!important}.color-agent-notes-right>li:after{left:-15px;width:12px!important}}
@media(max-width:999px){
 .color-agent-scroll{height:auto}.color-agent-stage{height:auto;position:static}.color-agent-layout{display:block}.color-agent-notes{display:none}.color-chat-window{height:auto}.color-chat-content{display:block;padding:20px}.color-chat-phase{border:0;border-bottom:1px solid #c9d0c8;border-radius:0;overflow:visible;padding:0 0 24px;margin:0 0 24px;gap:15px;background:transparent!important}.color-chat-phase:last-child{border:0;margin:0;padding:0}.color-chat-phase:before{font-size:13px;margin-bottom:10px}.color-chat-phase>.color-chat-user,.color-chat-phase>.color-chat-context{opacity:1!important}.color-chat-agent{opacity:1!important;transform:none!important;animation:none!important}.color-chat-message,.color-chat-message p{font-size:19px;line-height:1.5}.color-message-label{font-size:11px}.color-chat-user{padding:12px 16px}.color-chat-context{font-size:17px}.color-chat-palettes{gap:17px;margin-top:20px}.color-chat-palettes strong{font-size:15px}.color-chat-swatches i{height:38px}.color-chat-swatches small{font-size:11px}.color-chat-source{margin-top:18px;padding-left:13px}.color-chat-source>span{font-size:12px}.color-chat-source>strong{font-size:20px}.color-chat-source>p{font-size:16px;line-height:1.5}.color-chat-art-pair{gap:14px;margin-top:16px}.color-chat-art-pair .color-chat-art img{height:140px;max-height:140px}.color-chat-art-pair .color-chat-art figcaption{font-size:14px}.color-chat-message p.color-chat-art-label{font-size:13px;margin-top:14px}.color-chat-actions>span{font-size:14px;padding:8px 12px}.color-chat-actions{margin-top:20px}.color-agent-inline-note{display:block;font-size:16px;line-height:1.5;padding-left:14px;border-left:2px solid #8e9e7e;margin-top:12px;color:#53614c}.color-agent-controls{display:none}
}
@media(max-width:700px){
 body[data-project="traditional-color"] .color-abstract-chapter,body[data-project="traditional-color"] .color-vertical-chapter{display:flex;flex-direction:column;gap:22px}
 body[data-project="traditional-color"] .color-abstract-chapter>.section-heading,body[data-project="traditional-color"] .color-vertical-chapter>.section-heading{order:0;margin:0}
 body[data-project="traditional-color"] .color-abstract-chapter>.section-body,body[data-project="traditional-color"] .color-vertical-chapter>.section-body{order:1;margin:0}
 body[data-project="traditional-color"] .color-abstract-chapter>.section-visuals,body[data-project="traditional-color"] .color-vertical-chapter>.section-visuals{order:2;margin:0}
 body[data-project="traditional-color"] #research .project-figure{grid-template-columns:1fr 1fr;gap:20px}
 body[data-project="traditional-color"] #colorgene .project-figure,body[data-project="traditional-color"] #sources .project-figure{grid-template-columns:1fr;gap:18px}
 body[data-project="traditional-color"] #colorgene .project-figure:nth-child(2){direction:ltr}
 body[data-project="traditional-color"] #colorgene .figure-caption-title{font-size:25px}
 body[data-project="traditional-color"] #colorgene .figure-caption-title+p{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.color-vertical-figure{translate:none!important;opacity:1!important}.color-agent-scroll{height:auto}.color-agent-stage{height:auto;position:static}.color-agent-layout{display:block}.color-chat-window{height:auto;max-width:920px}.color-chat-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;padding:20px;gap:20px}.color-chat-phase{margin:0;padding:18px;height:auto}.color-chat-message,.color-chat-message p{font-size:18px}.color-chat-phase>.color-chat-user,.color-chat-phase>.color-chat-context{opacity:1}.color-agent-controls{display:none}.color-agent-inline-note{display:block;font-size:16px;line-height:1.5}.color-agent-notes{display:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.color-chat-content{display:block}.color-chat-phase{padding:0 0 24px;margin:0 0 24px}}
body[data-project="traditional-color"] .project-figure figcaption .color-keep-phrase{display:inline;font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap;margin:0}
@media(max-width:700px){body[data-project="traditional-color"] #atlas .section-heading h2{font-size:30px;line-height:1.2}}
/* Reserve real space for every original reply; the panel never clips late steps. */
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){
 .color-agent-stage{height:895px;top:70px}.color-chat-window{height:800px}.color-chat-content{grid-template-rows:160px 245px 240px}.color-chat-phase{flex-shrink:0}.color-chat-message .color-message-label{display:block;line-height:1.3;margin-bottom:2px}.color-chat-message p{margin-top:3px}.color-chat-art-pair .color-chat-art figcaption{padding:0;display:block}.color-agent-notes{height:770px}.color-chat-phase>.color-chat-agent{flex:0 0 auto}
}
@media(min-width:1000px) and (max-width:1200px) and (prefers-reduced-motion:no-preference){
 .color-chat-window{height:850px}.color-chat-content{grid-template-rows:182px 270px 242px}.color-agent-stage{height:945px;top:60px}.color-agent-notes{height:818px}
}
/* Three short, distinct version previews introduce the progression. */
body[data-project="traditional-color"] #abstract.color-abstract-overview{display:block}
body[data-project="traditional-color"] .color-abstract-overview>.section-body{max-width:1000px;margin:22px 0 28px}
.color-version-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.color-version-overview article{position:relative;min-width:0}
.color-version-image{height:176px;display:flex;align-items:center;justify-content:center;margin-bottom:23px;overflow:hidden}
.color-version-image img{display:block;width:100%;height:auto;max-height:176px;object-fit:contain}
.color-version-overview article:nth-child(1) img{max-width:none;width:100%;height:176px;object-fit:contain}
.color-version-overview article:nth-child(3) img{height:176px;object-fit:contain}
.color-version-number{font-size:14px;color:#986238;letter-spacing:.1em;display:block;margin-bottom:8px}
body[data-project="traditional-color"] .color-version-overview h3{font-size:30px;line-height:1.15;margin:0 0 12px;color:#3f6578}
body[data-project="traditional-color"] .color-version-overview p{font-size:20px;line-height:1.5;margin:0;text-wrap:pretty}
/* Pilot: a compact study account, its evidence, then the next iteration. */
body[data-project="traditional-color"] #pilot.color-pilot-compact{display:block}
body[data-project="traditional-color"] .color-pilot-compact>.section-body{max-width:1120px;margin:20px 0 28px}
body[data-project="traditional-color"] .color-pilot-compact>.section-body p{font-size:21px;line-height:1.5;margin-bottom:12px}
body[data-project="traditional-color"] .color-pilot-compact>.section-visuals{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;position:static!important}
body[data-project="traditional-color"] .color-pilot-compact .project-figure{max-width:none;width:100%}
body[data-project="traditional-color"] .color-pilot-compact .figure-media img{max-height:300px}
body[data-project="traditional-color"] .color-pilot-compact .dv-shell{padding:0;background:none;border:0;box-shadow:none}
body[data-project="traditional-color"] .color-pilot-compact .dv-kicker{display:none}
body[data-project="traditional-color"] .color-pilot-compact .dv-title{font-size:26px;line-height:1.2;margin-bottom:10px}
body[data-project="traditional-color"] .color-pilot-compact .dv-description{font-size:18px;line-height:1.5;margin-bottom:18px}
body[data-project="traditional-color"] .color-pilot-compact .dv-panels{gap:20px}
body[data-project="traditional-color"] .color-pilot-compact .dv-panel{padding:0}
body[data-project="traditional-color"] .color-pilot-compact .dv-panel-title{font-size:20px;line-height:1.3}
body[data-project="traditional-color"] .color-pilot-compact .dv-unit,body[data-project="traditional-color"] .color-pilot-compact .dv-note{font-size:15px;line-height:1.45}
body[data-project="traditional-color"] .color-pilot-compact .dv-row-label{font-size:17px}
body[data-project="traditional-color"] .color-pilot-compact .dv-value{font-size:22px}
.color-pilot-next{display:flex;gap:40px;align-items:start;padding-top:25px;margin-top:30px;border-top:1px solid var(--line)}
body[data-project="traditional-color"] .color-pilot-next h3{font-size:25px;color:#986238;margin:0;min-width:210px}
.color-pilot-next ul{display:flex;gap:60px;list-style:disc;margin:0;padding-left:20px;font-size:20px;line-height:1.5}
/* All Atlas material belongs to one continuous chapter. */
body[data-project="traditional-color"] #atlas.color-atlas-complete{display:block}
.color-atlas-chapters{margin-top:28px}
.color-atlas-subchapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:center;padding:30px 0}
.color-atlas-subchapter+.color-atlas-subchapter{border-top:1px solid var(--line)}
.color-subchapter-index{display:block;font-size:13px;letter-spacing:.08em;color:#986238;text-transform:uppercase;margin-bottom:12px}
body[data-project="traditional-color"] .color-atlas-copy h3{font-size:31px;line-height:1.2;color:#3f6578;margin:0 0 18px;text-wrap:balance}
body[data-project="traditional-color"] .color-atlas-copy p{font-size:21px;line-height:1.5;margin:0 0 13px;text-wrap:pretty}
.color-atlas-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.color-atlas-figure{margin:0;min-width:0;max-width:none}
.color-atlas-figure img{width:100%;height:245px;max-height:245px;object-fit:contain;display:block}
body[data-project="traditional-color"] .color-atlas-figure figcaption{font-size:17px;line-height:1.45;color:var(--ink);margin-top:14px;text-wrap:pretty}
.color-atlas-connections .color-atlas-media{grid-template-columns:1fr}
.color-atlas-connections .color-atlas-figure{max-width:490px;margin:auto}
.color-atlas-connections .color-atlas-figure img{height:300px;max-height:300px}
.color-atlas-artworks{grid-template-columns:1fr;gap:24px;align-items:start}
.color-atlas-artworks .color-atlas-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}
.color-atlas-artworks .color-subchapter-index{grid-column:1}
.color-atlas-artworks .color-atlas-copy h3{grid-column:1;grid-row:2/4;margin-bottom:0}
.color-atlas-artworks .color-atlas-copy p{grid-column:2}
.color-atlas-artworks .color-atlas-copy p:first-of-type{grid-row:1/3}
.color-atlas-artworks .color-atlas-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.color-atlas-artworks .color-artwork-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;scale:calc(.94 + .06*var(--art-focus,1));transform-origin:center}
.color-atlas-artworks .color-atlas-figure img{height:170px;max-height:170px}
.color-atlas-artworks .color-atlas-figure figcaption{font-size:16px}
.color-atlas-figure .color-keep-phrase{white-space:nowrap}
/* Six horizontal rows remain in one board. Each row fills as the reader reaches it. */
.color-agent-scroll.color-agent-rows{height:auto}
.color-agent-rows .color-agent-stage{position:static;top:auto;height:auto;padding:0;background:none}
.color-agent-rows .color-agent-heading{margin-bottom:22px}
.color-agent-rows .color-agent-heading>p{font-size:16px}
.color-agent-rows .color-chat-window{height:auto;max-width:none;width:100%;margin:0;overflow:visible;border-radius:0;box-shadow:none}
.color-agent-rows .color-chat-top{height:54px;padding:14px 24px;font-size:18px;background:#e9eee4}
.color-agent-rows .color-chat-content{display:flex;flex-direction:column;gap:0;grid-template-rows:none;padding:0;flex:auto}
.color-agent-rows .color-chat-phase{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);gap:36px;min-height:158px;height:auto;margin:0;padding:24px;border:0;border-bottom:1px solid #cdd5c8;border-radius:0;overflow:visible;box-sizing:border-box;background:none}
.color-agent-rows .color-chat-phase:last-child{border:0;padding:24px;margin:0}
.color-agent-rows .color-chat-phase:before{display:none}
.color-agent-rows .color-chat-phase.is-phase-current{background:#eef2e8}
.color-agent-row-note{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-content:start}
.color-agent-row-note>span{font:600 14px/1.4 var(--font-body);color:#527044;padding-top:5px}
body[data-project="traditional-color"] .color-agent-row-note h3{font:600 22px/1.2 var(--font-body);margin:0 0 10px;text-wrap:balance;color:#3e5d40}
body[data-project="traditional-color"] .color-agent-row-note p{font:400 17px/1.5 var(--font-body);margin:0;text-wrap:pretty;color:#47563f}
.color-agent-row-dialogue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-content:start;align-items:start;min-width:0}
.color-agent-row-dialogue>.color-chat-agent:only-child{grid-column:1/-1}
.color-agent-rows .color-chat-message{max-width:100%;min-width:0;align-self:start}
.color-agent-rows .color-chat-message p{font:400 19px/1.45 var(--font-body);margin:7px 0 0}
.color-agent-rows .color-chat-user{padding:12px 15px;border-radius:3px;background:#e2e9db;opacity:var(--step-progress,0)}
.color-agent-rows .color-chat-context{font-size:18px;line-height:1.45;margin:0;padding:0;border:0;opacity:var(--step-progress,0)}
.color-agent-rows .color-message-label{display:block;font-size:11px;line-height:1.3;letter-spacing:.07em}
.color-agent-rows .color-typed-message{position:relative}
.color-message-reserve{visibility:hidden;display:block}
.color-typed-message [data-typed-output]{position:absolute;inset:0}
.color-agent-rows .color-typed-message.is-typing:after{content:none}
.color-typed-message.is-typing [data-typed-output]:after{content:'▍';margin-left:2px}
.color-agent-rows .color-chat-palettes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:15px}
.color-agent-rows .color-chat-palettes strong{font-size:16px;margin-bottom:9px}
.color-agent-rows .color-chat-swatches i{height:28px}
.color-agent-rows .color-chat-swatches small{font-size:12px;line-height:1.4;margin-top:5px}
.color-agent-rows .color-chat-source{margin-top:16px;padding:0 0 0 14px}
.color-agent-rows .color-chat-source>span{font-size:11px}
.color-agent-rows .color-chat-source>strong{font-size:20px;margin:7px 0}
.color-agent-rows .color-chat-source>p{font-size:17px;line-height:1.4}
.color-agent-rows .color-chat-art-pair{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;max-width:580px}
.color-agent-rows .color-chat-art-pair .color-chat-art img{height:136px;max-height:136px;object-fit:contain}
.color-agent-rows .color-chat-art-pair .color-chat-art figcaption{font-size:15px;line-height:1.35;padding:0;margin-top:7px;display:block}
.color-agent-rows .color-chat-message p.color-chat-art-label{font-size:14px;margin-top:12px}
.color-agent-rows .color-chat-actions{margin-top:17px;gap:10px}
.color-agent-rows .color-chat-actions>span{font-size:14px;padding:7px 11px}
.color-agent-rows .color-agent-footnote{font-size:15px;text-align:left;margin-top:17px}
@media(max-width:999px){
 .color-version-overview{gap:25px}.color-version-image{height:145px}.color-version-image img,.color-version-overview article:nth-child(1) img,.color-version-overview article:nth-child(3) img{height:145px;max-height:145px}.color-pilot-next ul{display:block}.color-pilot-next li+li{margin-top:8px}
 .color-agent-rows .color-chat-phase{grid-template-columns:minmax(200px,.75fr) minmax(0,1.6fr);gap:22px;padding:22px}.color-agent-rows .color-agent-row-dialogue{grid-template-columns:1fr;gap:20px}.color-agent-rows .color-chat-agent{opacity:var(--reply-progress,1)!important;transform:translateY(calc((1 - var(--reply-progress,1))*15px))!important;animation:none!important}.color-agent-rows .color-chat-user,.color-agent-rows .color-chat-context{opacity:var(--step-progress,0)!important}.color-agent-rows .color-chat-palettes{gap:18px}.color-agent-rows .color-chat-swatches small{font-size:10px}.color-agent-rows .color-chat-phase:last-child{padding:22px}
 .color-atlas-subchapter{gap:30px}.color-atlas-artworks .color-atlas-media{gap:20px}.color-atlas-artworks .color-artwork-pair{grid-template-columns:1fr}.color-atlas-artworks .color-atlas-copy{column-gap:30px}
}
@media(max-width:700px){
 .color-version-overview{grid-template-columns:1fr;gap:30px}.color-version-overview article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 22px}.color-version-image{grid-row:1/4;height:145px;margin:0;align-self:center}.color-version-overview h3{font-size:26px!important}.color-version-overview p{font-size:19px!important}.color-version-number{grid-column:2;font-size:12px;margin-bottom:8px}.color-version-overview article:first-child{grid-template-columns:1fr}.color-version-overview article:first-child .color-version-image{grid-row:auto;height:100px;margin-bottom:17px}.color-version-overview article:first-child .color-version-number{grid-column:1}.color-version-overview article:first-child img{height:auto;max-height:100px}
 body[data-project="traditional-color"] .color-pilot-compact>.section-visuals{grid-template-columns:1fr;gap:28px}.color-pilot-next{display:block;padding-top:22px}.color-pilot-next h3{margin-bottom:15px!important}.color-pilot-next ul{font-size:19px}.color-pilot-compact .dv-panels{grid-template-columns:1fr}
 body[data-project="traditional-color"] .color-pilot-compact>.section-body p{font-size:19px;line-height:1.5}
 .color-atlas-subchapter{grid-template-columns:1fr;gap:23px;padding-block:27px}.color-atlas-media{gap:18px}.color-atlas-figure img{height:175px;max-height:175px}.color-atlas-connections .color-atlas-figure img{height:245px;max-height:245px}.color-atlas-copy h3{font-size:28px!important}.color-atlas-copy p{font-size:19px!important}.color-atlas-figure figcaption{font-size:16px!important}.color-atlas-artworks .color-atlas-copy{display:block}.color-atlas-artworks .color-atlas-copy h3{margin-bottom:18px}.color-atlas-artworks .color-atlas-media{grid-template-columns:1fr;gap:24px}.color-atlas-artworks .color-artwork-pair{grid-template-columns:1fr 1fr;gap:16px}.color-atlas-artworks .color-atlas-figure img{height:170px;max-height:170px}
 .color-agent-rows .color-agent-heading>p{font-size:15px}.color-agent-rows .color-chat-top{padding:14px 16px;font-size:17px}.color-agent-rows .color-chat-phase,.color-agent-rows .color-chat-phase:last-child{grid-template-columns:1fr;gap:22px;padding:22px 17px;min-height:0;margin:0}.color-agent-row-note{grid-template-columns:24px 1fr;gap:8px}.color-agent-row-note h3{font-size:24px!important}.color-agent-row-note p{font-size:17px!important}.color-agent-rows .color-chat-message p{font-size:19px;line-height:1.5}.color-agent-rows .color-chat-palettes{grid-template-columns:1fr;gap:18px}.color-agent-rows .color-chat-swatches small{font-size:12px}.color-agent-rows .color-chat-swatches i{height:32px}.color-agent-rows .color-chat-art-pair{gap:15px}.color-agent-rows .color-chat-art-pair .color-chat-art img{height:120px;max-height:120px}.color-agent-rows .color-chat-source>p{font-size:17px}.color-agent-rows .color-chat-art-pair .color-chat-art figcaption{font-size:14px}.color-agent-rows .color-agent-footnote{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.color-agent-rows .color-chat-agent,.color-agent-rows .color-chat-user,.color-agent-rows .color-chat-context{opacity:1!important;transform:none!important;animation:none!important}.color-atlas-artworks .color-artwork-pair{scale:1!important}}
body[data-project="traditional-color"] .color-pilot-compact>.section-visuals{align-items:start}
.color-pilot-evidence-copy{display:grid;gap:28px;align-content:start;min-width:0}
body[data-project="traditional-color"] .color-pilot-evidence-copy blockquote{font-size:24px;line-height:1.4;margin:0;padding:4px 0 4px 20px;color:#3f6578}
body[data-project="traditional-color"] .color-pilot-evidence-copy cite{font-size:16px;line-height:1.4;margin-top:14px;display:block;color:#556255}
body[data-project="traditional-color"] .color-atlas-figure figcaption{display:block}
body[data-project="traditional-color"] .color-atlas-figure figcaption .color-keep-phrase{display:inline;font:inherit;letter-spacing:inherit;margin:0;color:inherit}
@media(max-width:700px){.color-version-overview article{grid-template-columns:1fr}.color-version-overview article .color-version-image{grid-row:auto;height:140px;margin-bottom:18px;justify-content:flex-start}.color-version-overview article .color-version-number{grid-column:1}.color-version-overview article:not(:first-child) img{max-width:270px;height:140px;object-position:left center}.color-version-overview p{text-wrap:pretty}}

@media(min-width:1000px){body[data-project="traditional-color"] .color-pilot-compact .dv-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body[data-project="traditional-color"] .color-pilot-compact .dv-panel+.dv-panel{border-top:0;padding-top:0}}
/* Center the two source illustrations within the research chapter. */
body[data-project="traditional-color"] #research .section-visuals{height:100%;align-content:center;align-items:center;gap:36px}
body[data-project="traditional-color"] #research .project-figure{align-items:center;align-self:center}
body[data-project="traditional-color"] #research .figure-media{display:flex;align-items:center;justify-content:center}
/* Atlas: original source UI replaces the static graph and compose screenshots. */
.color-atlas-live{width:100%;min-width:0;grid-column:1/-1}
.color-atlas-live iframe{display:block;width:100%;border:1px solid #c7c4b8;background:#f5f1e7;min-height:330px}
.color-atlas-connections,.color-atlas-brief{grid-template-columns:1fr;gap:23px}
.color-atlas-connections .color-atlas-copy,.color-atlas-brief .color-atlas-copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:start}
body[data-project="traditional-color"] .color-atlas-copy ul{font-size:21px;line-height:1.5;margin:0;padding-left:21px;text-wrap:pretty}
.color-atlas-copy li+li{margin-top:12px}
.color-atlas-artworks .color-atlas-copy{grid-template-columns:.75fr 1.25fr;align-items:start}
.color-atlas-artworks .color-atlas-copy h3{grid-column:auto;grid-row:auto}
/* A neutral interface, with its six research annotations in a separate column. */
.color-agent-two-columns{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,2fr);gap:38px;align-items:start}
.color-agent-explanations{padding-top:54px;display:flex;flex-direction:column}
.color-agent-separated .color-agent-row-note{padding:24px 0;box-sizing:border-box;opacity:.15;translate:0 22px;transition:opacity .4s,translate .55s cubic-bezier(.2,.9,.3,1.15);align-content:center}
.color-agent-separated .color-agent-row-note.is-note-visible{opacity:1;translate:0 0}
body[data-project="traditional-color"] .color-agent-separated .color-agent-row-note h3{color:#3f6578}
body[data-project="traditional-color"] .color-agent-separated .color-agent-row-note p{color:#454b51}
.color-agent-separated .color-agent-row-note>span{color:#3f6578}
.color-agent-separated .color-chat-window{background:#f8f7f3;border-color:#bdc2c5}
.color-agent-separated .color-chat-top{background:#e5e8ea;border-color:#bdc2c5;color:#374953}
.color-agent-separated .color-chat-phase,.color-agent-separated .color-chat-phase:last-child{grid-template-columns:1fr;gap:0;padding:24px;min-height:154px;border-color:#ced0d0}
.color-agent-separated .color-chat-phase.is-phase-current{background:#edf0f1}
.color-agent-separated .color-chat-user{background:#e0e6e9;color:#293a43}
.color-agent-separated .color-chat-context{color:#54636c}
.color-agent-separated .color-message-label{color:#526b79}
.color-agent-separated .color-chat-actions>span{border-color:#648090;color:#354f5e;background:none}
.color-agent-separated .color-chat-actions>span:last-child{background:#49687a;color:white}
.color-agent-separated .color-chat-symbol{color:#49687a}
@media(max-width:999px){.color-agent-two-columns{grid-template-columns:minmax(215px,.8fr) minmax(0,1.6fr);gap:25px}.color-agent-separated .color-chat-phase,.color-agent-separated .color-chat-phase:last-child{padding:20px}.color-atlas-connections .color-atlas-copy,.color-atlas-brief .color-atlas-copy{grid-template-columns:1fr;gap:2px}}
@media(max-width:700px){body[data-project="traditional-color"] #research .section-visuals{height:auto;gap:30px}.color-atlas-copy ul{font-size:19px!important}.color-atlas-artworks .color-atlas-copy{display:block}.color-agent-two-columns{display:block}.color-agent-explanations{display:none}.color-agent-separated .color-chat-phase,.color-agent-separated .color-chat-phase:last-child{padding:21px 17px;min-height:0}.color-agent-separated .color-chat-phase:before{display:block;content:attr(data-mobile-title);font:600 23px/1.2 var(--font-body);color:#3f6578;margin-bottom:19px}.color-agent-separated .color-agent-mobile-note{font-size:17px;line-height:1.45;color:#454b51;padding-top:17px;order:2;margin:0}.color-atlas-connections .color-atlas-copy,.color-atlas-brief .color-atlas-copy{display:block}}
@media(prefers-reduced-motion:reduce){.color-agent-separated .color-agent-row-note{opacity:1;translate:none;transition:none}}

.color-agent-mobile-note{display:none}@media(max-width:700px){.color-agent-mobile-note{display:block}}

/* Version history and the author's original preset recording. */
body[data-project="traditional-color"] .color-version-image{height:250px;margin-bottom:22px}
body[data-project="traditional-color"] .color-version-image img,
body[data-project="traditional-color"] .color-version-overview article:nth-child(1) img,
body[data-project="traditional-color"] .color-version-overview article:nth-child(3) img{width:100%;height:250px;max-height:250px;object-fit:contain}
body[data-project="traditional-color"] .color-version-number{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#795137}
body[data-project="traditional-color"] .color-version-number>span{padding:0 3px}
.color-atlas-film{grid-column:1/-1;margin:0;min-width:0;width:100%}
.color-atlas-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f4efe4;border:1px solid #d3c7b3;object-fit:contain}
body[data-project="traditional-color"] .color-atlas-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;line-height:1.45;margin-top:13px;color:#514d46}
.color-atlas-film button{flex-shrink:0;border:1px solid #8f8070;background:transparent;color:#594738;border-radius:3px;padding:7px 12px;font:inherit;cursor:pointer}
.color-atlas-film button:hover,.color-atlas-film button:focus-visible{background:#ece4d8;color:#34271e}
@media(max-width:700px){body[data-project="traditional-color"] .color-version-image{height:230px;margin-bottom:18px;justify-content:center}body[data-project="traditional-color"] .color-version-image img,body[data-project="traditional-color"] .color-version-overview article:nth-child(1) img,body[data-project="traditional-color"] .color-version-overview article:nth-child(3) img{max-width:none;width:100%;height:230px;max-height:230px;object-position:center}body[data-project="traditional-color"] .color-version-overview article:first-child .color-version-image{height:125px}body[data-project="traditional-color"] .color-version-overview article:first-child img{height:125px;max-height:125px}body[data-project="traditional-color"] .color-atlas-film figcaption{font-size:16px;align-items:start;gap:14px}.color-atlas-film button{padding:6px 9px}}
body[data-project="traditional-color"] .color-atlas-film figcaption>span{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;color:inherit}
/* Keep the pilot's introduction aligned with the two evidence columns. */
body[data-project="traditional-color"] #colorgene .section-heading h2{font-size:clamp(45px,5.1vw,68px)!important;color:#3f6578}
body[data-project="traditional-color"] .color-pilot-compact>.section-body{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:none!important;grid-column:1/-1;align-items:start}
body[data-project="traditional-color"] .color-pilot-compact>.section-body>p{max-width:none!important;width:100%;font-size:20px!important;line-height:1.5!important;margin:0!important}
body[data-project="traditional-color"] .color-pilot-compact>.section-visuals{margin-top:26px;gap:34px;grid-template-columns:1fr 1fr}
body[data-project="traditional-color"] .color-pilot-compact .data-visual{max-width:none;width:100%}
body[data-project="traditional-color"] .color-pilot-compact .dv-description{font-size:17px;line-height:1.45}
body[data-project="traditional-color"] .color-atlas-connections .color-atlas-copy,body[data-project="traditional-color"] .color-atlas-brief .color-atlas-copy{grid-template-columns:.9fr 1.1fr;gap:40px}
body[data-project="traditional-color"] .color-atlas-copy h3{font-size:clamp(28px,3vw,39px)!important}
@media(max-width:700px){body[data-project="traditional-color"] .color-pilot-compact>.section-body,body[data-project="traditional-color"] .color-pilot-compact>.section-visuals{grid-template-columns:1fr;gap:23px}body[data-project="traditional-color"] .color-pilot-compact>.section-body>p{font-size:18px!important}body[data-project="traditional-color"] .color-atlas-connections .color-atlas-copy,body[data-project="traditional-color"] .color-atlas-brief .color-atlas-copy{display:block}body[data-project="traditional-color"] #colorgene .section-heading h2{font-size:42px!important}}
body[data-project="traditional-color"] #colorgene{--case-heading:clamp(45px,5.1vw,68px)}
@media(max-width:700px){body[data-project="traditional-color"] #colorgene{--case-heading:42px}}
/* 2026-10-14: one readable chronology, with the two studies kept distinct. */
body[data-project="traditional-color"] #research.color-research-brief{display:block}
body[data-project="traditional-color"] #research.color-research-brief>.section-heading{max-width:none}
body[data-project="traditional-color"] #research.color-research-brief>.section-body{max-width:none;width:100%}
body[data-project="traditional-color"] #research.color-research-brief>.section-body>p{max-width:970px;margin-bottom:32px}
body[data-project="traditional-color"] #research.color-research-brief .insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:26px}
body[data-project="traditional-color"] #research.color-research-brief .insight{display:block;margin:0;padding:18px 0 0;border-top:1px solid #aaada0;border-bottom:0;transform:translateY(calc((1 - var(--insight-progress,1))*16px))}
body[data-project="traditional-color"] #research.color-research-brief .small-number{display:none}
body[data-project="traditional-color"] #research.color-research-brief .insight h3{font-size:25px!important;color:#3f6578;margin:0 0 12px}
body[data-project="traditional-color"] #research.color-research-brief .insight p{font-size:20px!important;line-height:1.55!important;margin:0}
.color-inline-reference{white-space:nowrap;display:inline-flex;gap:7px;align-items:center;font-weight:600}
.color-inline-reference>i{width:17px;height:17px;display:inline-block;vertical-align:middle;box-shadow:inset 0 0 0 1px #0002}
.color-atlas-introduction{max-width:1000px;margin:25px 0 0;font-size:20px;line-height:1.55}
body[data-project="traditional-color"] #atlas-study.color-atlas-study{display:block}
body[data-project="traditional-color"] #atlas-study>.section-heading{max-width:none}
body[data-project="traditional-color"] #atlas-study>.section-body{max-width:990px;margin:22px 0 28px}
.color-study-sequence{display:grid;grid-template-columns:1fr 35px 1.2fr 35px 1fr;align-items:center;gap:24px;padding:20px 0 27px;border-bottom:1px solid #b9b7a8;margin:0 0 32px}
.color-study-sequence>div{display:flex;flex-direction:column;gap:7px}.color-study-sequence strong{font:600 25px/1.25 var(--font-body);color:#3f6578}.color-study-sequence div>span{font:400 17px/1.4 var(--font-body);color:#454c43}.color-study-sequence-arrow{font:400 28px/1 var(--font-body);color:#8d7758}
.color-study-artworks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.color-study-artworks .color-artwork-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;scale:calc(.97 + .03*var(--art-focus,1))}
.color-study-artworks .color-atlas-figure img{height:205px;max-height:205px}
.color-study-artworks .color-atlas-figure figcaption{font-size:16px!important;line-height:1.45;margin-top:14px}
.color-study-feedback{margin-top:42px}
.color-study-feedback>h3{font:600 30px/1.2 var(--font-body)!important;color:#3f6578;margin:0 0 24px!important}
.color-study-feedback>div{display:grid;grid-template-columns:1fr 1fr;gap:30px 44px}
.color-study-feedback article{padding:0 0 0 20px;border-left:3px solid #b19664}
.color-study-feedback h4{font:600 23px/1.3 var(--font-body)!important;color:#354e5c;margin:0 0 12px!important}
.color-study-feedback blockquote{font:400 20px/1.5 var(--font-body)!important;color:#2e352c;padding:0!important;margin:0!important;border:0!important}
.color-study-feedback cite{font:500 15px/1.4 var(--font-body);color:#69745c;display:inline-block;margin:0 0 0 8px}
.color-study-feedback article>p{font:500 17px/1.4 var(--font-body)!important;color:#795137;margin:13px 0 0!important}
.color-study-feedback .color-study-note{font:400 16px/1.5 var(--font-body)!important;color:#565e50;margin-top:25px;max-width:960px}
@media(max-width:700px){body[data-project="traditional-color"] #research.color-research-brief .insights{grid-template-columns:1fr;gap:26px}body[data-project="traditional-color"] #research.color-research-brief .insight p{font-size:18px!important}.color-atlas-introduction{font-size:18px}.color-study-sequence{grid-template-columns:1fr;gap:15px;padding:8px 0 24px}.color-study-sequence>div{gap:3px}.color-study-sequence-arrow{rotate:90deg;justify-self:start;margin-left:30px;font-size:23px}.color-study-sequence strong{font-size:23px}.color-study-artworks{grid-template-columns:1fr;gap:26px}.color-study-artworks .color-atlas-figure img{height:210px;max-height:210px}.color-study-feedback>div{grid-template-columns:1fr;gap:27px}.color-study-feedback>h3{font-size:27px!important}.color-study-feedback blockquote{font-size:18px!important}.color-study-feedback h4{font-size:22px!important}.color-study-feedback .color-study-note{font-size:15px!important}}
/* English explanations point to the matching areas of the original Chinese record. */
.color-atlas-record{display:block}
.color-record-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;margin-bottom:25px}
.color-record-heading>h3{font:600 clamp(28px,3vw,39px)/1.15 var(--font-body)!important;color:#3f6578;margin:0!important}
.color-record-heading>p{font:400 20px/1.5 var(--font-body)!important;margin:0!important;max-width:640px}
.color-record-board{position:relative;max-width:1040px;margin:0 auto;min-height:635px}
.color-record-callouts{position:absolute;inset:0 51% 0 0;z-index:1}
.color-record-callouts>article{position:absolute;left:0;width:100%;translate:0 -50%;padding-right:14px;background:var(--bg,#f4f0e7)}
.color-record-callouts>article:nth-child(1){top:34%}.color-record-callouts>article:nth-child(2){top:62%}.color-record-callouts>article:nth-child(3){top:87%}
.color-record-callouts article>span{font:600 13px/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#795137}
body[data-project="traditional-color"] .color-record-callouts h4{font:600 24px/1.25 var(--font-body)!important;color:#3f6578;margin:9px 0 11px!important;text-wrap:pretty}
body[data-project="traditional-color"] .color-record-callouts p{font:400 19px/1.5 var(--font-body)!important;margin:0!important}
.color-record-original{width:300px;margin-left:auto;margin-right:15px;position:relative;z-index:0;display:flex;flex-direction:column;gap:0}
.color-record-original img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.color-record-connectors{position:absolute;inset:0;pointer-events:none;z-index:2}.color-record-connectors i,.color-record-connectors b{position:absolute}.color-record-connectors b{width:6px;height:6px;border-radius:50%;background:#3f6578}
@media(max-width:999px){.color-record-board{min-height:596px}.color-record-original{width:280px;margin-right:0}.color-record-callouts{right:51%}.color-record-callouts h4{font-size:23px!important}.color-record-callouts p{font-size:18px!important}}
@media(max-width:700px){.color-record-heading{display:block;margin-bottom:28px}.color-record-heading>h3{font-size:28px!important;margin-bottom:17px!important}.color-record-heading>p{font-size:18px!important}.color-record-board{display:grid;grid-template-columns:1fr;gap:22px;min-height:0}.color-record-callouts,.color-record-original{display:contents}.color-record-callouts>article{position:static;translate:none;padding:0 0 0 15px;border-left:1px dashed #8c967d;width:auto}.color-record-callouts>article:nth-child(1){grid-row:1}.color-record-callouts>article:nth-child(2){grid-row:3}.color-record-callouts>article:nth-child(3){grid-row:4}.color-record-original img{width:280px;max-width:100%;margin:auto}.color-record-original img:first-child{grid-row:2;width:235px}.color-record-original img:last-child{grid-row:5;width:100%}.color-record-connectors{display:none}.color-record-callouts h4{font-size:23px!important}.color-record-callouts p{font-size:18px!important}}

.color-study-feedback .color-feedback-summary{font:400 var(--case-copy)/1.5 var(--font-body);max-width:1000px;margin:28px 0 0;color:#2e352c}.color-feedback-summary strong{color:#3f6578;font-weight:650}
body[data-project="traditional-color"] .color-scale-explanation{padding:14px 18px;margin:18px 0 0;background:#e9ece3;border-radius:3px;color:#404c40}