/* Secondary public introductions: readable copy, then one uncropped photo.
   The equipment overview, home, project details, cards and 3D stay independent. */
html:root[data-rezim-system][data-theme] body.cinematicPage:is([data-page="category"],[data-page="about"],[data-page="tools"],[data-page="compare"],[data-page="concept-generator"]) main > :is(.pageHero,.conceptPageHero),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: var(--background-primary) !important;
  box-shadow: none !important;
  color: var(--text-primary) !important;
}

/* Keep the current responsive image selection on each ordinary route. */
html:root[data-rezim-system][data-theme] body.cinematicPage:is([data-page="category"],[data-page="about"],[data-page="tools"],[data-page="compare"],[data-page="concept-generator"]) main > :is(.pageHero,.conceptPageHero)::after {
  content: "" !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  order: 1;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 1600px !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #090b10 !important;
  background-image: var(--hero-photo-image, var(--route-hero-image)) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none;
}

/* This is the existing Conceptor master used by the current interface. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main > .conceptPageHero {
  --hero-photo-image: url("assets/projects/selected-2026/hero-concept-rezim-original.png");
}

html:root[data-rezim-system][data-theme] body.cinematicPage:is([data-page="category"],[data-page="about"],[data-page="tools"],[data-page="compare"],[data-page="concept-generator"]) main > :is(.pageHero,.conceptPageHero) > div:first-child,
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero > .projectsHeroCopy {
  position: relative !important;
  inset: auto !important;
  order: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px var(--rz-page-pad, 24px) 28px !important;
  transform: none !important;
  background: transparent !important;
  color: var(--text-primary) !important;
}

html:root[data-rezim-system][data-theme] body.cinematicPage:is([data-page="category"],[data-page="about"],[data-page="tools"],[data-page="compare"],[data-page="concept-generator"]) main > :is(.pageHero,.conceptPageHero) h1,
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero h1 {
  color: var(--text-primary) !important;
  text-shadow: none !important;
}

html:root[data-rezim-system][data-theme] body.cinematicPage:is([data-page="category"],[data-page="about"],[data-page="tools"],[data-page="compare"],[data-page="concept-generator"]) main > :is(.pageHero,.conceptPageHero) p,
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero p {
  color: var(--text-secondary) !important;
  text-shadow: none !important;
}

html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero > img {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  order: 1;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 1600px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #090b10 !important;
  filter: none !important;
  transform: none !important;
}

html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) main > .projectsHero > .projectsHeroShade {
  display: none !important;
}

/* Home uses the same full-scene photo treatment without changing gallery logic. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] main>.cinematicHero{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;background:var(--background-primary)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHero>.cinematicHeroContent{position:relative!important;order:0;width:100%!important;max-width:none!important;box-sizing:border-box;padding:24px var(--rz-page-pad,24px) 28px!important;background:transparent!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHeroPicture{position:relative!important;inset:auto!important;order:1;display:block!important;width:100%!important;max-width:1600px!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin:0 auto!important;overflow:hidden;background:#090b10!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHeroPicture .cinematicHeroMedia{position:static!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHeroShade{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeExpandPanel.is-active img{object-fit:contain!important;object-position:center!important;transform:none!important}

/* Retire the old padded Conceptor welcome frame, not generated media. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main>section.pageHero.conceptPageHero{padding:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border:0!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main>section.pageHero.conceptPageHero::before{content:none!important;display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main>section.pageHero.conceptPageHero::after{width:100%!important;max-width:1600px!important;inset:auto!important;margin:0 auto!important;aspect-ratio:16/9!important}
/* Project cards keep the complete event photograph inside their existing frame. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="projects"]:not([data-editorial-page]) .projectCardCinematic figure img{object-fit:contain!important;object-position:center!important;transform:none!important}

/* Preserve the cleaned communication photo while retiring its old split-hero layout. */
html:root[data-rezim-system][data-theme] body.cinematicPage.interfacePage[data-page="category"][data-category="comms"] main>section.pageHero{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;background:var(--background-primary)!important;overflow:visible!important}
html:root[data-rezim-system][data-theme] body.cinematicPage.interfacePage[data-page="category"][data-category="comms"] main>section.pageHero>div:first-child{position:relative!important;inset:auto!important;order:0;width:100%!important;max-width:none!important;margin:0!important;padding:24px var(--rz-page-pad,24px) 28px!important;transform:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage.interfacePage[data-page="category"][data-category="comms"] main>section.pageHero::before{content:none!important;display:none!important}

/* Preserve existing focus/hidden states instead of forcing their heroes visible. */
html:root[data-rezim-system][data-theme] body.cinematicPage.compareFocusMode[data-page="compare"] main>.pageHero{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] main>:is(.pageHero,.projectsHero,.cinematicHero)[hidden]{display:none!important}
/* The home copy now sits outside the photograph in both color themes. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHero .cinematicHeroContent :is(h1,h1 span,h1 em){color:var(--text-primary)!important;text-shadow:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHero .cinematicHeroContent :is(p,.cinematicLead,.eyebrow){color:var(--text-secondary)!important;text-shadow:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHero .cinematicHeroContent .buttonGhost{color:var(--text-primary)!important;border-color:var(--border)!important;background:transparent!important}