/* R21: R19 composition, R20 interface craft, deliberate chapter colour fields. */
.direction-transition .systems-overview .section-heading{margin-bottom:0}
.direction-transition .systems-overview noscript .system-flow{margin-top:28px}
.direction-transition .cover-deck{max-width:460px}
.direction-transition .chroma-cover-image::after{background:linear-gradient(90deg,rgba(20,14,10,.64),rgba(20,14,10,.54) 38%,rgba(20,14,10,.04) 76%),linear-gradient(0deg,#21150977,transparent 28%)}
/* Useful R20 interface details, without its layout resets. */
.direction-transition .system-capabilities .section-heading,.direction-transition .results-chapter>.section-heading{align-items:start}
.direction-transition .system-tablist{gap:0;border:1px solid var(--line);border-bottom:0}
.direction-transition .system-tablist button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:66px;padding:18px 20px;line-height:1.5;border-right:1px solid var(--line)}
.direction-transition .system-tablist button:last-child{border-right:0}
.direction-transition .system-tablist button:focus-visible{outline-offset:-6px}
.direction-transition .system-panel{padding:34px;gap:50px;min-height:0}
.direction-transition .system-panel-lead{max-width:470px}
.direction-transition .system-panel-lead h3{line-height:1.18;margin-block:18px 22px}
.direction-transition .system-state{font-size:10px;line-height:1.7;letter-spacing:.055em}
.direction-transition .system-panel .cover-link{margin-top:28px;max-width:240px}
.direction-transition .system-record{padding-left:32px;max-width:none}
.direction-transition .system-record>p:last-child{margin-bottom:0}
.direction-transition .system-record dl>div{grid-template-columns:95px 1fr;gap:16px}
.direction-transition .system-record dd{line-height:1.6}
.direction-transition .system-record dd span{line-height:1.7}
.direction-transition .research-scale{padding-top:24px}
.direction-transition .research-scale-caption{margin-bottom:28px}
.direction-transition .research-scale-grid{gap:32px}
.direction-transition .research-scale-grid>div{padding-block:18px;border-top:1px solid var(--line)}
.direction-transition .research-scale-grid dd{line-height:1.1}
.direction-transition .system-feedback{padding-block:54px 68px}
/* A luminous plant-derived field frames the research portfolio as one spread. */
.direction-transition .research-programmes{--paper:#e3ed9b;--ink:#1d2b19;--muted:#465233;--line:#a3ad6f;--accent:#1d2b19;background:var(--paper);color:var(--ink);border:0;padding-block:72px 42px}
.direction-transition .programme-grid{padding-block:48px 16px;column-gap:90px;row-gap:12px}
.direction-transition .programme{padding-block:28px 25px}
.direction-transition .programme h3{line-height:1.2;margin-block:0 20px;font-size:28px}
.direction-transition .programme-number{margin:0 0 18px}
.direction-transition .programme>p:not(.programme-number){margin-top:0}
.direction-transition .programme .programme-stage{margin-top:18px;line-height:1.8;padding-left:15px}
.direction-transition .atlas-section{padding-top:65px}
.direction-transition .technology-chapter{padding-bottom:60px}
/* A precise evidence chapter. Scales and mark shapes retain their meaning. */
.direction-transition .results-band{--paper:#284bb5;--ink:#ffffff;--muted:#d8e2ff;--line:#728bd1;--accent:#ffffff;--model:#e3f3ad;--rival:#c3d4ff;--tint-soft:#284bb5;background:var(--paper);color:var(--ink)}
.direction-transition .results-chapter{border:0;padding-block:72px 64px}
.direction-transition .result-studies{margin-top:24px;gap:40px}
.direction-transition .result-studies h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.direction-transition .result-studies article>p:not(.result-type){line-height:1.8}
.direction-transition .result-studies summary{padding:14px 0;line-height:1.6;min-height:48px}
.direction-transition .result-drawer>summary{padding-block:24px}
.direction-transition .result-drawer>summary strong{line-height:1.3}
.direction-transition .results-band a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.direction-transition .results-band .plot-point.rival{fill:var(--paper)}
/* The iris colours its adjoining surface; the enquiry stays specific. */
.direction-transition .partnership-scene{--petal:#d8d0f4;--petal-ink:#30243f;--petal-muted:#51445f;--accent:#30243f;background:var(--petal);color:var(--petal-ink)}
.direction-transition .partner-access{padding-block:76px}
.direction-transition .partner-access h2{font-size:clamp(36px,3.6vw,52px);font-weight:550;line-height:1.13;letter-spacing:-.035em;margin-bottom:28px}
.direction-transition .partner-access>p{line-height:1.8}
.direction-transition .partner-access .cover-link{color:var(--petal-ink);border-color:var(--petal-ink);max-width:280px;margin-top:30px}
.direction-transition .site-footer{padding-block:36px}
.direction-transition .photography-credits{padding-bottom:32px}
.direction-transition .photography-credits summary{min-height:44px;align-items:center}
.direction-transition .scene-century::after{background:linear-gradient(90deg,rgba(0,12,13,.83),rgba(0,12,13,.70) 38%,rgba(0,12,13,.12) 70%,rgba(0,12,13,.06))}
/* Conservative mineral tones for night mode. */
.direction-transition[data-theme=dark] .research-programmes{--paper:#283125;--ink:#f0f3e6;--muted:#c1cbb4;--line:#617154;--accent:#f0f3e6}
.direction-transition[data-theme=dark] .results-band{--paper:#202d49;--ink:#f3f6ff;--muted:#c4cfe7;--line:#607392;--accent:#f3f6ff;--model:#cbd8b1;--rival:#b6c8e6;--tint-soft:#202d49}
.direction-transition[data-theme=dark] .partnership-scene{--petal:#2b2733;--petal-ink:#f2ecfa;--petal-muted:#ccc1d8;--accent:#f2ecfa}
@media(min-width:701px) and (max-width:1100px){
 .direction-transition .system-panel{padding:28px;gap:30px}
 .direction-transition .system-record{padding-left:24px}
 .direction-transition .system-record dl>div{grid-template-columns:1fr;gap:7px}
 .direction-transition .programme-grid{column-gap:45px}
 .direction-transition .result-studies{grid-template-columns:1fr;gap:0}
 .direction-transition .result-studies article{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:40px;padding-block:28px}
 .direction-transition .result-studies .result-type{grid-column:1;grid-row:1}
 .direction-transition .result-studies h3{grid-column:1;grid-row:2;margin-top:8px}
 .direction-transition .result-studies article>p:not(.result-type){grid-column:2;grid-row:1/3;margin:0}
 .direction-transition .result-studies details{grid-column:2}
 .direction-transition .partner-access{padding-block:52px}
}
@media(max-width:900px){
 .direction-transition .system-tablist button{padding:16px 18px;min-height:64px}
 .direction-transition .system-tablist button:nth-child(2){border-right:0}
 .direction-transition .system-tablist button:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(min-width:701px) and (max-width:900px){.direction-transition .scene-century::after{background:linear-gradient(90deg,rgba(0,12,13,.83),rgba(0,12,13,.73) 49%,rgba(0,12,13,.12) 75%)}}
@media(max-width:700px){
 .direction-transition .chroma-cover-image::after{background:linear-gradient(90deg,rgba(20,14,10,.67),rgba(20,14,10,.32)),linear-gradient(0deg,#21150977,transparent 28%)}
 .direction-transition .system-panel{padding:23px;gap:28px}
 .direction-transition .system-tablist button{padding:15px 13px;min-height:68px;gap:12px}
 .direction-transition .system-panel-lead h3{font-size:27px}
 .direction-transition .system-panel .system-record{padding:25px 0 0;border-left:0}
 .direction-transition .system-record dl>div{grid-template-columns:1fr;gap:6px;padding-block:16px}
 .direction-transition .system-panel .cover-link{max-width:100%;margin-top:24px}
 .direction-transition .system-panel-lead>p:not(.system-state){font-size:14px;line-height:1.8}
 .direction-transition .research-scale-grid{gap:16px 24px}
 .direction-transition .research-scale-grid>div{padding-block:16px 6px}
 .direction-transition .research-scale-caption{margin-bottom:20px}
 .direction-transition .system-feedback{padding-block:36px 44px}
 .direction-transition .research-programmes{padding-block:44px 28px}
 .direction-transition .programme-grid{padding-block:32px 8px;gap:10px}
 .direction-transition .programme{padding-block:26px 20px}
 .direction-transition .programme h3{font-size:27px}
 .direction-transition .atlas-section{padding-top:42px}
 .direction-transition .technology-chapter{padding-bottom:36px}
 .direction-transition .results-chapter{padding-block:44px 36px}
 .direction-transition .result-studies{gap:28px}
 .direction-transition .result-studies h3{font-size:25px}
 .direction-transition .partner-access{padding:44px 24px 50px}
 .direction-transition .partner-access h2{font-size:35px;line-height:1.15;letter-spacing:-.03em}
 .direction-transition .partner-access .cover-link{max-width:100%}
 .direction-transition .site-footer{padding-block:30px}
 .direction-transition .scene-century::after{background:linear-gradient(0deg,#122019,rgba(0,12,13,.72) 58%,rgba(0,12,13,.32))}
}
@media(max-width:360px){
 .direction-transition .system-panel{padding:20px}
 .direction-transition .system-tablist button{padding-inline:11px;gap:9px}
 .direction-transition .system-tablist button span{font-size:9px}
 .direction-transition .partner-access h2{font-size:32px}
}

/* Mid-width crops put bright amber behind the deck: extend its local scrim. */
@media(min-width:701px) and (max-width:1100px){.direction-transition .chroma-cover-image::after{background:linear-gradient(90deg,rgba(20,14,10,.67),rgba(20,14,10,.65) 55%,rgba(20,14,10,.09) 85%),linear-gradient(0deg,#21150977,transparent 28%)}}