/* This page owns its palette independently of the removed menu preview.
   The original artwork is white marks on black; invert it for the light theme. */
:root { --partners-surface:#fff; --partners-ink:#000; --partners-muted:rgba(0,0,0,.72); --partners-artwork-filter:invert(1); }
html[data-theme="dark"] { --partners-surface:#000; --partners-ink:#fff; --partners-muted:rgba(255,255,255,.76); --partners-artwork-filter:none; }
html:has(body.partners-page) { background:var(--partners-surface); }
body.partners-page { --page:var(--partners-surface); --header:var(--partners-surface); --ink:var(--partners-ink); background:var(--partners-surface); color:var(--partners-ink); transition:none; }
.partners-wall { position:relative; width:100%; height:100svh; min-height:420px; margin:0; background:var(--partners-surface); overflow:hidden; }
.partners-wall picture { display:contents; }
.partners-wall img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; filter:var(--partners-artwork-filter); }
.partners-heading { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* The header rests on the wall, so its ink follows that ground; the controls keep
   the shared chip treatment every other page uses, on either ground. */
body.partners-page:not(.inner-menu-active) .case-header { color:var(--ink); background:transparent; }
body.partners-page:not(.inner-menu-active) .case-brand .brand-word { color:var(--ink); }
/* The partners preview in the menus is shared by every page: see
   menu-preview.css for the ground the wall is shown on. */
.stage[data-active-case="partners"] {
  --case-preview-ink:var(--partners-ink);
  --case-preview-muted:var(--partners-muted);
  --case-photo-extra-shade:linear-gradient(transparent,transparent);
}
.stage[data-active-case="partners"] .case-preview-backdrop { background:var(--partners-surface); }
.stage[data-active-case="partners"] .case-preview-backdrop :is([data-case-backdrop-img]),
.stage[data-active-case="partners"] .case-preview-backdrop::after { visibility:hidden; }
.stage[data-active-case="partners"] :is(.stage-title-wrap,.stage-intro,.case-rail) {
  --white:var(--partners-ink);
  --muted:var(--partners-muted);
  color:var(--partners-ink);
}
html body[data-home-background="wavy-cubes"]:has(.stage[data-active-case="partners"])[data-case-preview-active="true"]:not(.menu-active) :is(.case-rail,.stage-header.control-skin-home) {
  --control-ink:var(--partners-ink);
  --control-surface:color-mix(in srgb,var(--partners-ink) 7%,var(--partners-surface));
  --control-hover-surface:var(--partners-surface);
}
html body[data-home-background="wavy-cubes"]:has(.stage[data-active-case="partners"])[data-case-preview-active="true"]:not(.menu-active) .stage-header:not(.control-skin-menu) {
  --white:var(--partners-ink);
  --muted:var(--partners-muted);
  color:var(--partners-ink);
}
html body[data-home-background="wavy-cubes"]:has(.stage[data-active-case="partners"])[data-case-preview-active="true"]:not(.menu-active) .stage-logo .brand-word-home { color:var(--partners-ink); }
.case-preview-media[data-case-layout="partners"] {
  --case-media-top:36svh;
  --case-media-right:4vw;
  --case-media-left:auto;
  --case-media-width:min(47vw,950px);
  --case-media-height:55svh;
  --case-media-ratio:1.7777778;
}
.stage[data-active-case="partners"] .stage-title-wrap { left:23vw; bottom:36%; }
.stage[data-active-case="partners"] .stage-title-wrap h1 { font-size:clamp(42px,4.8vw,84px); }
.stage[data-active-case="partners"] .stage-intro { right:auto; left:42vw; top:20%; bottom:auto; max-width:270px; }
.case-preview-media[data-case-layout="partners"] [data-case-open] { background:var(--partners-surface); border-radius:5px; }
.case-preview-media[data-case-layout="partners"] [data-case-image] { filter:var(--partners-artwork-filter); }
@media (max-width:767px) {
  .partners-wall { min-height:100svh; }
  .case-preview-media[data-case-layout="partners"] { --case-media-top:40svh; --case-media-right:5vw; --case-media-width:80vw; --case-media-height:44svh; }
}