/* v22 — lapis blue, garden green and aubergine, grounded in warm ivory. */
:root{
  --paper:#faf6ed;--ink:#152d53;--muted:#536174;--terra:#704098;
  --navy:#12366d;--gold:#f0d397;--line:#cdd3df;
  --blue:#1d4b91;--green:#086451;--purple:#612d87;
  --blue-light:#e7eff8;--green-light:#e3f0e8;--purple-light:#eee5f5;
}
::selection{background:var(--purple);color:#fff}
.site-header{background:var(--paper);border-bottom:1px solid #1d4b9115}
.site-header:after{content:'';position:absolute;inset-inline:0;bottom:-3px;height:3px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--green) 50% 75%,var(--purple) 75%)}
.brand .emb{color:var(--blue)}.brand{color:var(--ink)}
.languages [aria-current]{color:var(--purple)}
.header-cta{background:var(--purple);color:#fff;border:0;padding:11px 16px;transition:background .2s}
.header-cta span{color:#f4dfac}.header-cta:hover{background:#482063}
.desktop-nav a:after{background:var(--purple)}
.text-link:hover{color:var(--purple)}
.museum-hero .hero-bottom{background:#163e75}
.hero-invitation .text-link:hover{color:#fff2c9}
/* The voices introduce a quieter, luminous violet interval after the blueprint. */
.voices-gallery{background:var(--purple-light);color:#33274c;--ink:#33274c;--muted:#655775;--line:#cfbfdc;--terra:#713a94}
.voices-heading h2 em{color:#79429c}.voice-tabs button[aria-selected=true]{background:#faf5ff9c;border-bottom-color:#793f9d}
.voice-tabs button:hover{background:#ffffff50}.voice-copy blockquote{color:#462665}
.voice-context-date,.voice-tab-number{color:#714192}
.voice-portrait{background:#d4c9e0}.portrait-index{background:#43205ed9}
.voices-note{color:#655775}.voices-gallery .text-link:hover{color:#462665}
/* Three activities share a consistent color identity. */
.introduction{background:var(--paper)}
.introduction h2 em{color:var(--blue)}
.principles>div{border-top:3px solid var(--blue)}
.principles>div:nth-child(2){border-color:var(--green)}
.principles>div:nth-child(3){border-color:var(--purple)}
.principles>div:first-child h3,.principles>div:first-child .principle-number{color:var(--blue)}
.principles>div:nth-child(2) h3,.principles>div:nth-child(2) .principle-number{color:var(--green)}
.principles>div:nth-child(3) h3,.principles>div:nth-child(3) .principle-number{color:var(--purple)}
.legacy{background:#174988;color:#fcf8f0}
.legacy-copy>p:not(.section-label){color:#e0eafa}.legacy h2 em{color:#f1d598}
.legacy .section-label>span,.legacy .text-link{color:#f1d598}
.legacy-tags span{color:#e5eefb;border-bottom-color:#c8dafb66}
.legacy .text-link:hover{color:white}
.pillars{background:var(--paper)}.pillars h2 em{color:var(--blue)}
.pillar-card:first-child{--ink:var(--blue);color:var(--blue);border-top:1px solid #1d4b9133;border-bottom:1px solid #1d4b9133;padding:35px 0}
.pillar-card:first-child figure{aspect-ratio:3/2;background:#efe8d9}
.pillar-card:first-child img{object-fit:contain}
.pillar-card:first-child .card-title>span,.pillar-card:first-child .text-link{color:var(--blue)}
.pillar-card:first-child .text-link:hover{color:var(--purple)}
.pillar-card:first-child figcaption{background:#173b6be6;color:#fff8ee}
.pillar-card:not(:first-child){padding:0 0 32px;background:var(--green-light);border-top:4px solid var(--green)}
.pillar-card:nth-child(3){background:var(--purple-light);border-color:var(--purple)}
.pillar-card:not(:first-child) .card-title,.pillar-card:not(:first-child)>p,.pillar-card:not(:first-child)>.text-link{margin-inline:30px}
.pillar-card:not(:first-child)>p{max-width:none}
.pillar-card:not(:first-child)>.text-link{margin-top:20px}
.pillar-card:nth-child(2) .card-title h3,.pillar-card:nth-child(2) .card-title>span,.pillar-card:nth-child(2)>.text-link{color:var(--green)}
.pillar-card:nth-child(2)>p{color:#35594d}
.pillar-card:nth-child(2) figcaption{background:#064d40e8;color:#f8fcf5}
.pillar-card:nth-child(3) .card-title h3,.pillar-card:nth-child(3) .card-title>span,.pillar-card:nth-child(3)>.text-link{color:var(--purple)}
.pillar-card:nth-child(3)>p{color:#5e486f}
.pillar-card:nth-child(3) figcaption{background:#532273e8;color:#fcf5ff}
.experience{background:var(--blue-light);--line:#b9cbe0;--terra:var(--blue)}
.experience h2 em{color:var(--blue)}.experience-questions details{border-color:#b8cce4}
.experience-questions details[open] summary{color:var(--blue)}
.experience-layout figcaption{border-color:#b8cce4;color:#526378}
/* Garden green gives the architecture its own, warmer register. */
.architecture{background:var(--green);color:#fff8e9}
.architecture h2 em,.architecture .section-label>span{color:#e9d5a2}
.architecture-copy{color:#e5f1e8}.architecture-values{color:#f3e0ad;border-color:#c6e2d15c}
.houses{background:#f7f8ef}.houses h2 em{color:var(--green)}
.houses-grid article{border-top:3px solid var(--green)}.houses-grid article:last-child{border-color:var(--blue)}
.houses-grid article:first-child h3,.houses-grid article:first-child .house-location{color:var(--green)}
.houses-grid article:last-child h3,.houses-grid article:last-child .house-location{color:var(--blue)}
.route-symbol{color:var(--purple)}.houses-note>span{color:var(--purple)}
.roadmap{background:#f0ebf5;--line:#d4c8df;--muted:#62586d;color:#37264e}
.roadmap h2 em{color:var(--purple)}.roadmap-list li,.rigor-note{border-color:#d2c5df}
.roadmap-list .current{border-top:3px solid var(--purple)}.roadmap-list .current h3{color:var(--purple)}
.circle{background:#542479;color:#fff8ed}
.circle h2 em,.circle-star,.circle .section-label>span{color:#f2d99e}
.founders>p{color:#f4dbad}.founders>small{color:#d9c6e8}
.circle-body>div:last-child>p,.circle .contact-email,.collaboration-options p{color:#ede0f4}
.circle .button{background:#f1d99f;color:#3b1955}.circle .button:hover{background:#fff0cb}
.collaboration-options details{border-color:#dbc5eb66}.collaboration-options summary span{color:#f1d99f}
.circle:before{border-color:#ecd3ff30}
.footer{background:#112e52;color:#f8f1e4;--line:#7086a344;--muted:#c6d2e4}
.footer .brand,.footer .brand .emb{color:#f4deb5}
.footer .languages a{color:#c6d2e4}.footer .languages [aria-current]{color:#f4d493}
.footer .text-link:hover,.footer .credits a:hover{color:#f4d493}
.footer :focus-visible,.circle :focus-visible,.architecture :focus-visible,.legacy :focus-visible{outline-color:#f4d493}
@media(max-width:700px){
  .pillar-card:first-child{padding:25px 0 30px}
  .pillar-card:first-child figure{aspect-ratio:3/2}
  .pillar-card:not(:first-child) .card-title,.pillar-card:not(:first-child)>p,.pillar-card:not(:first-child)>.text-link{margin-inline:23px}
  .principles>div{padding-top:22px}
  .header-cta{display:none}
}
@media(prefers-reduced-motion:reduce){.header-cta{transition:none}}
/* Color is a surface as well as an accent: the two inhabited spaces feel distinct. */
.pillar-card:nth-child(2){background:var(--green)}
.pillar-card:nth-child(3){background:var(--purple)}
.pillar-card:nth-child(2) .card-title h3,.pillar-card:nth-child(3) .card-title h3{color:#fff8ed}
.pillar-card:nth-child(2) .card-title>span,.pillar-card:nth-child(3) .card-title>span{color:#f2d99f}
.pillar-card:nth-child(2)>p,.pillar-card:nth-child(3)>p{color:#f0f3ee}
.pillar-card:nth-child(2)>.text-link,.pillar-card:nth-child(3)>.text-link{color:#fff8ed;border-color:#ffffff61}
.pillar-card:nth-child(2)>.text-link:hover,.pillar-card:nth-child(3)>.text-link:hover{color:#f2d99f}
.pillar-card:nth-child(2) :focus-visible,.pillar-card:nth-child(3) :focus-visible{outline-color:#f2d99f}