/* Project palettes follow the original interfaces, not the agency's default green.
   Source: content/strategy/demo/01–05/styles.css. Material colours in drawings
   (brass, glass, timber) remain materials rather than interface accents. */
[data-work-theme="aveline"]{--project-paper:#f6f4ee;--project-white:#fffefa;--project-ink:#263c32;--project-muted:#59634f;--project-line:#d6d8cd;--project-soft:#e5e8df;--project-dark:#263c32;--project-accent:#63734e;--project-pop:#e5e8df;--project-on-pop:#263c32;--project-on-dark:#fffefa}
[data-work-theme="forme"]{--project-paper:#f0efe9;--project-white:#faf9f5;--project-ink:#222522;--project-muted:#5b6058;--project-line:#cccec4;--project-soft:#e4e4dc;--project-dark:#222722;--project-accent:#b7351c;--project-pop:#e64d2e;--project-on-pop:#101517;--project-on-dark:#faf9f5}
[data-work-theme="morrow"]{--project-paper:#f5f4f7;--project-white:#fff;--project-ink:#302d38;--project-muted:#686170;--project-line:#e6e3eb;--project-soft:#e6e3eb;--project-dark:#30263d;--project-accent:#655280;--project-pop:#bca6d6;--project-on-pop:#30263d;--project-on-dark:#fff}
[data-work-theme="serein"]{--project-paper:#fffefa;--project-white:#fffefa;--project-ink:#263d49;--project-muted:#586c76;--project-line:#dce4e6;--project-soft:#eaf1f3;--project-dark:#263d49;--project-accent:#405f6e;--project-pop:#f3edc9;--project-on-pop:#263d49;--project-on-dark:#fffefa}
[data-work-theme="fieldwork"]{--project-paper:#f4f4f0;--project-white:#fff;--project-ink:#202e41;--project-muted:#586473;--project-line:#dfe2e0;--project-soft:#e9ebea;--project-dark:#1f2e43;--project-accent:#1f2e43;--project-pop:#dbe780;--project-on-pop:#1f2e43;--project-on-dark:#fff}
/* Index cards and the corresponding case study share these tokens. */
[data-work-theme] .wk-project-card{background:var(--project-white);color:var(--project-ink);border-color:var(--project-line)}
[data-work-theme] .wk-project-visual,[data-work-theme] .wk-card-link{border-color:var(--project-line)}
[data-work-theme] .wk-project-meta{color:var(--project-muted)}
[data-work-theme] .wk-project-body :is(h3,p){color:var(--project-ink)}
.project-page[data-work-theme]{--ink:var(--project-ink);--muted:var(--project-muted);--line:var(--project-line);background:var(--project-paper);color:var(--project-ink)}
.project-page[data-work-theme] :is(.eyebrow,.mt-facts dt,.mt-decisions article>span,.project-next-link span){color:var(--project-muted)}
.project-page[data-work-theme] .mt-hero h1{color:var(--project-ink)}
.project-page[data-work-theme] .mt-hero h1 em{color:var(--project-accent)}
.project-page[data-work-theme] .mt-link{border-color:var(--project-accent);color:var(--project-ink)}
.project-page[data-work-theme] a:focus-visible,.project-page[data-work-theme] button:focus-visible{outline-color:var(--project-accent)}
.project-page[data-work-theme] .mt-engineering{background:var(--project-soft);color:var(--project-ink)}
.project-page[data-work-theme] .mt-engineering :is(p,.eyebrow,.mt-pipeline article>span){color:var(--project-ink)}
.project-page[data-work-theme] .mt-pipeline article{border-color:var(--project-accent)}
.project-page[data-work-theme] .mt-pipeline article{background:var(--project-white);color:var(--project-ink)}
.project-page[data-work-theme] .mt-decisions article{background:var(--project-soft);color:var(--project-ink);border-color:var(--project-line)}
.project-page[data-work-theme] .mt-compute-band{background:var(--project-dark);color:var(--project-on-dark)}
.project-page[data-work-theme] .mt-compute-band>div>div :is(p,.eyebrow){color:var(--project-on-dark)}
.project-page[data-work-theme] .project-board{background:var(--project-white);color:var(--project-ink);box-shadow:8px 9px 0 var(--project-line)}
.project-page[data-work-theme] .project-board-mapping{background:var(--project-soft)}
.project-page[data-work-theme] .project-board-flow{box-shadow:8px 9px 0 color-mix(in srgb,var(--project-dark),black 25%)}
.project-page[data-work-theme] .project-board :is(li,footer){border-color:var(--project-line)}
.project-page[data-work-theme] .project-board-flow li:before{background:var(--project-line)}
.project-page[data-work-theme] .project-board-flow .project-board-number{background:var(--project-pop);color:var(--project-on-pop);border-color:var(--project-line)}
.project-page[data-work-theme] .project-scope{border-color:var(--project-line)}
.project-page[data-work-theme] .mt-close{background:var(--project-pop);color:var(--project-on-pop)}
.project-page[data-work-theme] .mt-close :is(p,.eyebrow,.mt-link){color:var(--project-on-pop)}
.project-page[data-work-theme] .button.primary{background:var(--project-dark);color:var(--project-on-dark);border-color:var(--project-dark)}
.project-page[data-work-theme] .project-gallery-band{background:var(--project-soft)}
.project-page[data-work-theme] :is(.project-gallery-count,.project-gallery-number,.project-gallery figcaption small,.case-art figcaption){color:var(--project-muted)}
.project-page[data-work-theme] .project-gallery-count i{background:var(--project-accent)}
.project-page[data-work-theme] .project-gallery-open{background:var(--project-paper);color:var(--project-ink);border-color:var(--project-line)}
.project-page[data-work-theme] .project-gallery-lead .project-gallery-open{background:var(--project-dark);border-color:var(--project-dark)}
.project-page[data-work-theme] .project-gallery-lead .project-gallery-zoom{color:var(--project-on-dark)}
.project-page[data-work-theme] .project-gallery-chrome{background:var(--project-white);color:var(--project-muted);border-color:var(--project-line)}
.project-page[data-work-theme] .project-gallery-chrome i{background:var(--project-accent)}
.project-page[data-work-theme] .project-lightbox{background:var(--project-paper);color:var(--project-ink);border-color:var(--project-line)}
.project-page[data-work-theme] .project-lightbox::backdrop{background:color-mix(in srgb,var(--project-dark) 90%,transparent)}
.project-page[data-work-theme] .project-lightbox :is(header,footer){border-color:var(--project-line)}
.project-page[data-work-theme] .project-lightbox-counter{color:var(--project-muted)}
.project-page[data-work-theme] .project-lightbox button{background:var(--project-pop);color:var(--project-on-pop);border-color:var(--project-line)}
.project-page[data-work-theme] .project-lightbox-image{background:var(--project-soft)}
/* The five compositions use the same surfaces and accents as their screenshots. */
[data-work-theme="aveline"] .case-art-stage{background:var(--project-soft);color:var(--project-ink)}
[data-work-theme="aveline"] .residence-plan{background:var(--project-white);color:var(--project-ink)}
[data-work-theme="forme"] .case-art-stage{background:var(--project-dark);color:var(--project-white)}
[data-work-theme="forme"] .new-work-word em{color:var(--project-white)}
[data-work-theme="forme"] .climate-brief{background:var(--project-pop);color:var(--project-on-pop)}
[data-work-theme="forme"] .climate-brief>div{border-color:#9f321d}
[data-work-theme="forme"] .climate-symbol{color:var(--project-pop)}
[data-work-theme="morrow"] .case-art-stage{background:var(--project-soft);color:var(--project-dark)}
[data-work-theme="morrow"] .advisory-back{background:var(--project-pop);color:var(--project-dark)}
[data-work-theme="morrow"] .advisory-document{background:var(--project-white);color:var(--project-ink)}
[data-work-theme="morrow"] .advisory-document :is(header,.advisory-lines i){border-color:var(--project-line)}
[data-work-theme="morrow"] .advisory-document header span{color:var(--project-accent)}
[data-work-theme="morrow"] .advisory-diagram i{background:var(--project-soft);border-color:var(--project-pop)}
[data-work-theme="morrow"] .advisory-diagram span{border-color:var(--project-pop)}
[data-work-theme="morrow"] .advisory-review{background:var(--project-dark);color:var(--project-white)}
[data-work-theme="morrow"] .advisory-review :is(i,b){color:var(--project-pop)}
[data-work-theme="serein"] .case-art-stage{background:#d6e5ea;color:var(--project-ink)}
[data-work-theme="serein"] .derma-guide{background:var(--project-pop);color:var(--project-ink)}
[data-work-theme="serein"] .derma-guide>div{border-color:#cbc8b0}
[data-work-theme="serein"] .derma-guide i{color:var(--project-muted)}
[data-work-theme="serein"] .derma-flower i{border-color:var(--project-accent)}
[data-work-theme="serein"] .derma-flower span{background:var(--project-pop)}
[data-work-theme="fieldwork"] .case-art-stage{background:var(--project-dark);color:var(--project-white)}
[data-work-theme="fieldwork"] .new-work-word em{color:var(--project-pop)}
[data-work-theme="fieldwork"] .trade-order{background:var(--project-paper);color:var(--project-ink)}
[data-work-theme="fieldwork"] .trade-order>div{border-color:var(--project-line)}
[data-work-theme="fieldwork"] .trade-order footer{background:var(--project-pop);padding:1.2cqw;color:var(--project-on-pop)}
/* Catalogue artwork uses the same full-bleed, layered composition as the earlier work. */
.catalogue-art .case-art-stage{background:var(--project-soft);color:var(--project-ink)}
.catalogue-word{position:absolute;top:13%;left:7%;font-size:var(--cover-size);line-height:1.07;letter-spacing:-.4cqw;z-index:2}
.catalogue-word em{color:var(--project-accent)}
.catalogue-study{position:absolute;left:1%;top:37%;width:61%;height:57%;transform:rotate(-8deg);color:var(--project-ink)}
.catalogue-study svg{display:block;width:100%;height:100%;filter:drop-shadow(1cqw 2cqw 1.5cqw #0000000f)}
.catalogue-sheet{position:absolute;right:6%;top:44%;width:41%;padding:3.5cqw;background:var(--project-white);color:var(--project-ink);transform:rotate(7deg);box-shadow:0 2cqw 4cqw #00000022;border:1px solid var(--project-line)}
.catalogue-sheet>span{font-size:1.3cqw;letter-spacing:.1cqw}
.catalogue-sheet>b{display:block;font:italic 5.2cqw/1.13 Georgia,serif;margin:3cqw 0;letter-spacing:-.15cqw}
.catalogue-note-lines>div{display:flex;gap:1.5cqw;align-items:baseline;border-top:1px solid var(--project-line);padding:1.7cqw 0;font-size:1.6cqw;line-height:1.35}
.catalogue-note-lines i{font-style:normal;font-size:1.2cqw;color:var(--project-muted);flex:none}
.catalogue-sheet footer{font-size:1cqw;letter-spacing:.07cqw;border-top:1px solid var(--project-line);padding-top:1.7cqw;margin-top:1cqw}
.catalogue-art-foot{position:absolute;left:7%;bottom:4%;font-size:1.2cqw;letter-spacing:.1cqw;color:var(--project-muted);max-width:43%}
.catalogue-composition-1 .catalogue-sheet{transform:rotate(4deg);top:43%}
.catalogue-composition-1 .catalogue-study{transform:rotate(-12deg);left:0}
.catalogue-composition-2 .catalogue-sheet{transform:rotate(-5deg);right:5%;top:45%}
.catalogue-composition-2 .catalogue-study{transform:rotate(5deg);left:2%;top:36%}
.project-page .work-related{padding-block:30px 60px}
.project-page .work-related h2{font-size:32px;margin-bottom:25px}
.work-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.work-related a{padding:24px;background:var(--project-soft);color:var(--project-ink);border:1px solid var(--project-line);border-radius:12px}
.work-related span{display:block;font-size:11px;margin-bottom:14px;color:var(--project-muted)}
.work-related strong{font-size:20px;font-weight:500;line-height:1.3}
.project-page .work-source-note{font-size:12px}
@media(max-width:760px){.work-related>div{grid-template-columns:1fr}}