/* CP10 WIP03 · Discovery governed hero artwork
 * Owner: /descubrimiento visual presentation.
 * Light/Night share geometry; only the governed media source varies by visual mode.
 * System selects Light or Night per slot through the shared visual-media runtime.
 */

body.nhx-discovery-page .nhx-discovery-decisions__intro {
  position: relative;
  z-index: 0;
  min-height: clamp(430px, 48vw, 650px);
  max-width: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: clamp(32px, 5vw, 58px);
  isolation: isolate;
}

body.nhx-discovery-page .nhx-discovery-decisions__intro::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(-1 * clamp(38px, 5vw, 72px));
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  pointer-events: none;
  background-image: var(--nhx-mode-media-light);
}

html[data-nhx-theme-mode="night"] body.nhx-discovery-page .nhx-discovery-decisions__intro::before {
  background-image: var(--nhx-mode-media-night, var(--nhx-mode-media-light));
}

html[data-nhx-theme-mode="system"] body.nhx-discovery-page .nhx-discovery-decisions__intro[data-nhx-system-media-variant="light"]::before {
  background-image: var(--nhx-mode-media-light);
}

html[data-nhx-theme-mode="system"] body.nhx-discovery-page .nhx-discovery-decisions__intro[data-nhx-system-media-variant="night"]::before {
  background-image: var(--nhx-mode-media-night, var(--nhx-mode-media-light));
}

body.nhx-discovery-page .nhx-discovery-decisions__intro > * {
  position: relative;
  z-index: 1;
}

body.nhx-discovery-page .nhx-discovery-decisions__intro > .nhx-kicker,
body.nhx-discovery-page .nhx-discovery-decisions__intro h1,
body.nhx-discovery-page .nhx-discovery-decisions__intro .nhx-lead {
  max-width: 50%;
}

body.nhx-discovery-page .nhx-discovery-entry-guide {
  margin-top: clamp(-180px, -12vw, -120px);
}

@media (max-width: 900px) {
  body.nhx-discovery-page .nhx-discovery-decisions__intro {
    min-height: clamp(440px, 72vw, 610px);
    justify-content: flex-start;
    padding-top: clamp(36px, 7vw, 64px);
  }

  body.nhx-discovery-page .nhx-discovery-decisions__intro::before {
    background-position: 62% top;
    background-size: auto 100%;
  }

  body.nhx-discovery-page .nhx-discovery-decisions__intro > .nhx-kicker,
  body.nhx-discovery-page .nhx-discovery-decisions__intro h1,
  body.nhx-discovery-page .nhx-discovery-decisions__intro .nhx-lead {
    max-width: 52%;
  }

  body.nhx-discovery-page .nhx-discovery-entry-guide {
    margin-top: -108px;
  }
}

@media (max-width: 680px) {
  body.nhx-discovery-page .nhx-discovery-decisions__intro {
    min-height: 620px;
  }

  body.nhx-discovery-page .nhx-discovery-decisions__intro > .nhx-kicker,
  body.nhx-discovery-page .nhx-discovery-decisions__intro h1,
  body.nhx-discovery-page .nhx-discovery-decisions__intro .nhx-lead {
    max-width: 100%;
  }

  body.nhx-discovery-page .nhx-discovery-decisions__intro::before {
    background-position: 72% bottom;
    background-size: auto 64%;
  }

  body.nhx-discovery-page .nhx-discovery-entry-guide {
    margin-top: -74px;
  }
}