/* Design 1 palette: white page, with the restored V2 ending kept black.
   Media, typography, section geometry and motion remain with their owners. */
body,
.page-home > .dark[data-v-b64cf357],
.page-home .hero[data-v-9fb53f58],
.reel.paak-theatre,
.paak-theatre-stage,
.paak-content.paak-on-dark:not(.paak-contact-close):not(.paak-contact-footer) {
  background: var(--paak-surface-light);
  color: var(--paak-surface-dark);
}

/* The same vector artwork, rendered black on the white opening. */
.hero .paak-wordmark {
  filter: invert(1);
}

/* Dark chapter names remain controller hooks; their secondary copy now
   uses the light-surface palette. Footer tokens stay unchanged. */
.paak-content.paak-on-dark:not(.paak-contact-close):not(.paak-contact-footer) {
  --paak-muted-on-dark: var(--paak-muted-on-light);
  --paak-border-on-dark: var(--paak-border-on-light);
}

.mobile-menu[data-v-b1bdb3c2] {
  background: var(--paak-surface-light);
  color: var(--paak-surface-dark);
}
.mobile-menu .link[data-v-b1bdb3c2] {
  color: inherit;
}
body.menu-open .layout-header[data-v-62f3805e] {
  color: var(--paak-surface-dark);
}
body.menu-open .paak-header-mark {
  filter: invert(1);
}
/* Closed navigation retains white artwork and difference blending so it
   stays legible over both the white page and black footer/media. */

/* A stable navigation surface once the hero ends prevents content collisions. */
.layout-header-wrapper[data-v-1cd8f4c1] {
  mix-blend-mode: normal;
}
body:not(.menu-open) .layout-header:not(.is-on-hero) {
  background: rgba(255, 255, 255, 0.96);
  color: #000;
}
body:not(.menu-open) .layout-header:not(.is-on-hero) .paak-header-mark {
  filter: invert(1);
}
body:not(.menu-open) .layout-header.is-on-hero {
  color: #000;
}
body:not(.menu-open) .layout-header .cta-menu {
  background: #eee;
}