/* One motion family, with a quiet mineral tint belonging to each page. */
body[data-animation-palette]{--motion-font:"Instrument Sans",Arial,sans-serif;--motion-texture:url('./images/materials/walnut-mineral.webp')}
body[data-animation-palette="home"]{--motion-ground:#3d3430;--motion-tint:rgba(61,52,48,.76)}
body[data-animation-palette="platform"]{--motion-ground:#36322f;--motion-tint:rgba(54,50,47,.82)}
body[data-animation-palette="partnership"]{--motion-ground:#55493f;--motion-tint:rgba(85,73,63,.76)}
body[data-animation-palette="consulting"]{--motion-ground:#45372f;--motion-tint:rgba(69,55,47,.73)}
body[data-animation-palette="inhouse"]{--motion-ground:#3e3934;--motion-tint:rgba(62,57,52,.80);--motion-texture:url('./images/materials/smoked-limestone.webp')}
body[data-animation-palette="work"]{--motion-ground:#453b33;--motion-tint:rgba(69,59,51,.77)}
body[data-animation-palette] :is(.platform-card-grid figure,.pn-stage,.pp-stage,.wk-reading-stage,.wk-board,.engagement-screen,.engagement-screen>.fm,.cf-methods-visual,.cf-plan-stage,.sm-stage,.story-flow-chapter.has-vector-scene figure,.fm.fm-kg-stage),
body[data-animation-palette] .platform-story-pin::before{
 background-color:var(--motion-ground)!important;
 background-image:linear-gradient(var(--motion-tint),var(--motion-tint)),var(--motion-texture)!important;
 background-size:cover!important;background-position:center!important;
}
/* The source document stays a light surface; only the presentation stage is tinted. */
body[data-animation-palette] :is(.fm,.pc-stage,.pn-workspace,.pp-stage,.wk-reading-stage,.wk-board,.sm-stage){
 font-family:var(--motion-font);--fm-sans:var(--motion-font);--fm-serif:var(--motion-font);--fm-mono:var(--motion-font);
 font-synthesis:none;
}
body[data-animation-palette] :is(.fm,.pc-stage,.pn-workspace,.pp-stage,.wk-reading-stage,.wk-board,.sm-stage) :is(p,span,small,strong,b,em,li,button,text,td,th,h2,h3,h4,code){font-family:var(--motion-font)!important}
/* Keep the complete Our Work illustration inside shorter desktop frames too. */
body[data-animation-palette="work"] .wk-visual-art{container-type:size}
body[data-animation-palette="work"] .wm{width:min(100%,540px,130cqh);font-size:clamp(10px,min(2.4cqw,2.6cqh),14px)}
body[data-animation-palette="work"] .wm .page{padding:1.25em 1.4em}
body[data-animation-palette="work"] .wm .page.slide{aspect-ratio:2.05}
body[data-animation-palette="work"] .wm .ann li{font-size:.82em;padding:.6em .8em}
@media(max-width:760px){
 body[data-animation-palette="work"] .wk-mobile-scene .wm{width:min(100%,540px,130cqh);font-size:clamp(10px,min(2.9cqw,2.8cqh),13px)}
 body[data-animation-palette="work"] .wk-mobile-scene .wm .page.slide{aspect-ratio:1.9}
}