/* Color in Context: a continuous article, with captions beside their evidence. */
body[data-project="traditional-color"] .case-hero{padding-top:40px}
body[data-project="traditional-color"] .case-hero h1{font-size:clamp(48px,6.3vw,88px);letter-spacing:-.045em;margin:20px 0}
body[data-project="traditional-color"] .hero-subtitle{font-size:clamp(28px,2.6vw,36px);max-width:none;text-wrap:pretty}
body[data-project="traditional-color"] .hero-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:28px;align-items:start}
body[data-project="traditional-color"] .hero-overview .hero-bottom>p{font:400 21px/1.6 var(--font-body);max-width:52ch;color:var(--ink)}
body[data-project="traditional-color"] .hero-figure{align-self:center}
body[data-project="traditional-color"] .hero-figure img{max-height:350px}
body[data-project="traditional-color"] .project-role{margin:22px 0;padding:16px 0 16px 18px}
body[data-project="traditional-color"] .project-role h2,body[data-project="traditional-color"] .hero-outcome>span{font-size:14px;letter-spacing:.07em}
body[data-project="traditional-color"] .project-role .role-value{font-size:23px;text-wrap:pretty}
body[data-project="traditional-color"] .project-role .role-detail,body[data-project="traditional-color"] .hero-outcome>p{font-size:18px;line-height:1.6;max-width:52ch}
body[data-project="traditional-color"] .project-meta{font-size:13px;letter-spacing:.02em;line-height:1.7}
body[data-project="traditional-color"] .stats{padding:24px 0;margin-top:28px;gap:24px}
body[data-project="traditional-color"] .stats strong{font-size:44px}
body[data-project="traditional-color"] .stats>div>span{font-size:16px;max-width:none;margin-top:8px}
body[data-project="traditional-color"] .case-section{padding:48px 0;row-gap:26px;column-gap:48px;align-items:start}
body[data-project="traditional-color"] .case-section .section-heading h2{font-size:clamp(29px,2.8vw,40px);line-height:1.18;max-width:none;letter-spacing:-.035em;text-wrap:pretty}
body[data-project="traditional-color"] .case-section .section-heading .eyebrow{font-size:13px;margin-bottom:12px;letter-spacing:.08em}
body[data-project="traditional-color"] .case-section .section-body{padding:0;position:static}
body[data-project="traditional-color"] .case-section .section-body>p{font:400 21px/1.65 var(--font-body);margin-bottom:18px;text-wrap:pretty;color:var(--ink)}
body[data-project="traditional-color"] .case-section .section-body>p:last-child{margin-bottom:0}
body[data-project="traditional-color"] .insights{margin-top:22px}
body[data-project="traditional-color"] .insight{gap:15px;padding:19px 0}
body[data-project="traditional-color"] .insight h3{font-size:22px;line-height:1.35;text-wrap:pretty}
body[data-project="traditional-color"] .insight p{font-size:18px;line-height:1.6;text-wrap:pretty}
body[data-project="traditional-color"] .insight .small-number{font-size:13px}
body[data-project="traditional-color"] .case-section blockquote{font-size:23px;line-height:1.5;margin:22px 0}
body[data-project="traditional-color"] .case-section blockquote cite{font-size:16px}
body[data-project="traditional-color"] .project-figure figcaption{font-size:17px;line-height:1.55;gap:14px;padding:12px 0;text-wrap:pretty}
body[data-project="traditional-color"] .project-figure figcaption>span{font-size:12px;letter-spacing:.04em}
body[data-project="traditional-color"] .figure-caption-title{font-size:22px;line-height:1.3;margin-bottom:10px}
body[data-project="traditional-color"] .figure-caption-title+p{font-size:18px;line-height:1.6}
body[data-project="traditional-color"] .section-visuals .figure-media{padding:0}
body[data-project="traditional-color"] .section-visuals img{max-height:390px}
body[data-project="traditional-color"] #abstract{grid-template-columns:.85fr 1.15fr;padding-block:36px 42px}
body[data-project="traditional-color"] #research .figure-pair{grid-template-columns:1fr;gap:28px}
body[data-project="traditional-color"] #research .project-figure{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center}
body[data-project="traditional-color"] #research .project-figure img{max-height:250px}
body[data-project="traditional-color"] #research .project-figure figcaption{display:block;padding:0}
body[data-project="traditional-color"] #research .project-figure figcaption>span{display:block;margin-bottom:10px}
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;align-self:end}
body[data-project="traditional-color"] #colorgene .section-visuals.character-row{display:grid;grid-template-columns:1fr;gap:32px}
body[data-project="traditional-color"] #colorgene .project-figure{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;width:min(100%,980px);max-width:980px;padding-top:24px;border-top:1px solid var(--line)}
body[data-project="traditional-color"] #colorgene .project-figure img{max-height:285px}
body[data-project="traditional-color"] #colorgene .project-figure figcaption{display:block;padding:0}
body[data-project="traditional-color"] #colorgene .project-figure figcaption>span{display:block;margin-bottom:10px}
body[data-project="traditional-color"] #sources .figure-pair{grid-template-columns:1fr;gap:26px}
body[data-project="traditional-color"] #sources .project-figure{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px;align-items:center}
body[data-project="traditional-color"] #sources .project-figure img{max-height:265px}
body[data-project="traditional-color"] #sources .project-figure figcaption{display:block;padding:0}
body[data-project="traditional-color"] #sources .project-figure figcaption>span{display:block;margin-bottom:8px}
body[data-project="traditional-color"] #compose .project-figure{max-width:680px}
body[data-project="traditional-color"] #compose .project-figure img{max-height:290px}
body[data-project="traditional-color"] #outcomes .figure-pair{gap:24px}
body[data-project="traditional-color"] #outcomes .project-figure img{height:220px;width:100%;object-fit:contain}
body[data-project="traditional-color"] #outcomes .section-visuals{gap:28px}
body[data-project="traditional-color"] #future .section-body{max-width:980px;margin-top:24px;margin-bottom:32px}
body[data-project="traditional-color"] .scroll-layered-source .layered-explanations p{font-size:18px;line-height:1.6}
body[data-project="traditional-color"] .scroll-layered-source .layered-explanations h3{font-size:22px;line-height:1.3;text-wrap:pretty}
body[data-project="traditional-color"] .scroll-layered-source .layered-explanations li{padding:20px 0;min-height:clamp(176px,23vh,224px)}
body[data-project="traditional-color"] .scroll-layered-source .layered-number{font-size:15px}
body[data-project="traditional-color"] .scroll-layered-source figcaption{font-size:17px;max-width:70ch}
@media(min-width:900px){
 body[data-project="traditional-color"] .case-section.with-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body[data-project="traditional-color"] #pilot{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
}
@media(max-width:700px){
 body[data-project="traditional-color"] .case-hero{padding-top:28px}
 body[data-project="traditional-color"] .hero-overview{display:flex;gap:22px;margin-top:24px}
 body[data-project="traditional-color"] .hero-figure img{max-height:270px}
 body[data-project="traditional-color"] .hero-overview .hero-bottom>p,body[data-project="traditional-color"] .case-section .section-body>p{font-size:20px;line-height:1.6}
 body[data-project="traditional-color"] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 body[data-project="traditional-color"] .stats strong{font-size:36px}
 body[data-project="traditional-color"] .stats>div>span{font-size:16px}
 body[data-project="traditional-color"] .case-section,body[data-project="traditional-color"] #abstract{display:block;padding-block:36px}
 body[data-project="traditional-color"] .case-section .section-heading{margin-bottom:22px}
 body[data-project="traditional-color"] .case-section .section-body{margin:0 0 24px}
 body[data-project="traditional-color"] .case-section .section-visuals{display:grid;gap:26px}
 body[data-project="traditional-color"] #research .project-figure,body[data-project="traditional-color"] #sources .project-figure{grid-template-columns:1fr 1fr;gap:18px}
 body[data-project="traditional-color"] #research .project-figure figcaption,body[data-project="traditional-color"] #sources .project-figure figcaption{font-size:16px}
 body[data-project="traditional-color"] #colorgene .project-figure{grid-template-columns:1fr;gap:20px;padding-top:20px}
 body[data-project="traditional-color"] #colorgene .project-figure img{max-height:250px}
 body[data-project="traditional-color"] #colorgene .section-visuals.character-row{overflow:visible}
 body[data-project="traditional-color"] #outcomes .figure-pair{gap:18px}
 body[data-project="traditional-color"] #outcomes .project-figure img{height:180px}
 body[data-project="traditional-color"] #outcomes .project-figure figcaption{font-size:16px}
 body[data-project="traditional-color"] .scroll-layered-source .layered-explanations li{min-height:205px}
}

body[data-project="traditional-color"] .stats strong [data-counter-display]{font:inherit;display:inline;letter-spacing:inherit;margin:0}
@media(min-width:900px){
 body[data-project="traditional-color"] #outcomes .section-heading{grid-column:1;grid-row:1}
 body[data-project="traditional-color"] #outcomes .section-body{grid-column:2;grid-row:1}
 body[data-project="traditional-color"] #outcomes .section-visuals{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 body[data-project="traditional-color"] #outcomes .figure-pair{gap:14px;padding-top:24px;border-top:1px solid var(--line)}
 body[data-project="traditional-color"] #outcomes .project-figure img{height:185px}
 body[data-project="traditional-color"] #outcomes .project-figure figcaption{display:block;font-size:16px}
 body[data-project="traditional-color"] #outcomes .project-figure figcaption>span{display:block;margin-bottom:8px}
}
/* Balance short display text without forced line breaks or shrinking body copy. */
body[data-project="traditional-color"] .case-section .section-heading h2,
body[data-project="traditional-color"] #research figcaption,
body[data-project="traditional-color"] #sources figcaption,
body[data-project="traditional-color"] .figure-caption-title+p{text-wrap:balance}