.colour-section{background:#ecece3;color:#202c26;border-top:1px solid #748777;scroll-margin-top:2rem}
.colour-heading{padding-bottom:2.5rem}.colour-section .eyebrow{color:#536956}.colour-section h2 em{color:#386447}.colour-section .section-heading>p{color:#475d4d;max-width:30rem}.colour-instruction{margin:2rem 0 0;font-size:1rem;color:#405a48}
.colour-figure{margin:0}.colour-scene{position:relative;isolation:isolate;background:#cfdbd2}.colour-scene>svg{display:block;width:100%;height:auto;aspect-ratio:1672/941}.colour-raw{display:none;pointer-events:none;opacity:1;transition:opacity .75s ease}.colour-scene[data-colour-ready] .colour-raw{display:block}.colour-raw.is-revealed{opacity:0}.colour-hit-areas{display:none}.colour-scene[data-colour-ready] .colour-hit-areas{display:block}.colour-hit-areas use{fill:transparent;cursor:pointer;pointer-events:all}
.colour-markers{position:absolute;inset:0;pointer-events:none}.colour-markers[hidden]{display:none}.colour-markers button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:48px;height:48px;min-height:44px;border:1px solid #fff9;border-radius:50%;color:#fff;background:#19392ef0;box-shadow:0 2px 12px #0004;cursor:pointer;pointer-events:auto;display:grid;place-items:center;font:600 .8rem/1 Arial,sans-serif;transition:background .25s,box-shadow .25s}.colour-markers button::after{content:'+';position:absolute;right:-3px;bottom:-3px;border:2px solid #ecece3;border-radius:50%;width:20px;height:20px;background:#19392e;color:#fff;display:grid;place-items:center;font-size:14px}.colour-markers button[aria-pressed=true]{background:var(--swatch);box-shadow:0 0 0 3px #ffffffb3,0 2px 12px #0004}.colour-markers button[aria-pressed=true]::after{content:'✓';font-size:11px}.colour-markers button:hover{box-shadow:0 0 0 4px #fffa,0 2px 12px #0004}.colour-section button:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 8px #19392e}.colour-caption{padding:1.6rem 4.5% 0}.colour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.colour-toolbar[hidden]{display:none}.colour-toolbar p{margin:0;min-height:1.65em}.colour-toolbar button{border:1px solid #7b907f;background:transparent;color:#274a33;min-height:44px;padding:.6rem 1rem;cursor:pointer;border-radius:2px}.colour-toolbar button:hover{background:#dce2d5}.colour-palette{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin:1.4rem 0}.colour-palette>span{display:flex;gap:.65rem;align-items:center;font-size:.85rem}.colour-palette i{width:15px;height:15px;background:var(--swatch);border-radius:50%;flex-shrink:0}.colour-section .quiet-note{color:#566c5b;max-width:66rem}.colour-research{padding-top:3rem}.colour-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.colour-options article{border-top:1px solid #a0b19f;padding-top:1.5rem}.colour-options .eyebrow{font-size:.72rem;margin-bottom:1.3rem}.colour-options h3{font-size:clamp(1.6rem,2.3vw,2.4rem)}.colour-options article>p:last-child{color:#445b4b}.colour-evidence{border-block:1px solid #a0b19f;margin-top:2rem}.colour-evidence summary>span:last-child{color:#386447}.colour-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:1rem 0}.colour-evidence-grid h4{font-size:1.1rem;font-weight:500;margin:0 0 1rem}.colour-evidence-grid p{color:#465d4c;font-size:.95rem}.colour-evidence-grid a{color:#254d36}
.deep-future{background:#0c1b16;border-top:1px solid #3c5849}.deep-future .eyebrow{color:#a9c3af}.deep-future-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end}.deep-future-intro h2{margin-bottom:0}.deep-future-intro>div{max-width:36rem;color:#c1d1c2}.deep-future-intro>div p:first-child{font-size:1.2rem}.deep-future-intro>div p:last-child{margin-bottom:0}.deep-future-questions{margin-top:3rem;border-block:1px solid #3c5849}.deep-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:1rem 0}.deep-scenarios h3{font-size:1.5rem}.deep-scenarios p{font-size:.95rem;color:#b9cfbd}.deep-future-last{font-size:clamp(1.8rem,3.5vw,3.4rem);line-height:1.3;letter-spacing:-.035em;margin:3.5rem 0 2rem}.deep-future .quiet-note{max-width:65rem}
@media(max-width:800px){.colour-options{gap:3%}.colour-options h3{font-size:1.65rem}.colour-section .section-heading{display:block}.colour-section .section-heading>p{margin-top:1.5rem;max-width:40rem}.deep-future-intro{grid-template-columns:1fr;gap:2rem}.deep-scenarios{grid-template-columns:1fr;gap:1rem}.deep-scenarios article+article{border-top:1px solid #3c5849;padding-top:1.5rem}}
@media(max-width:620px){.colour-heading{padding-bottom:1.5rem}.colour-heading h2{font-size:clamp(2.7rem,9vw,3.7rem)}.colour-instruction{font-size:.9rem}.colour-markers button{width:44px;height:44px;font-size:.7rem}.colour-markers button::after{width:17px;height:17px;font-size:12px}.colour-caption{padding-top:1.3rem}.colour-toolbar{font-size:.85rem;align-items:start}.colour-toolbar p{flex-basis:100%}.colour-palette{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem}.colour-palette>span{font-size:.75rem}.colour-options,.colour-evidence-grid{grid-template-columns:1fr;gap:1.5rem}.colour-options h3{font-size:1.9rem}.colour-options .eyebrow{margin-bottom:1rem}.colour-research{padding-top:2rem}.colour-evidence summary{font-size:.9rem}.deep-future-intro>div p:first-child{font-size:1.1rem}.deep-future-questions summary{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.colour-raw,.colour-markers button{transition:none}}