/* Only the selected image frame is enhanced. Layout, copy and controls stay in normal flow. */
body[data-hdc-system="v2"] [data-hdc-parallax] {
  isolation: isolate;
}

/* Reserve the existing split-hero image geometry independently of its caption.
   Jarallax moves the image out of normal flow; this frame keeps the layout steady. */
body[data-hdc-system="v2"] .hdc-parallax-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--hdc-color-charcoal);
}

body[data-hdc-system="v2"] .page-hero__media--portrait .hdc-parallax-frame {
  aspect-ratio: 3 / 4;
  background: var(--hdc-color-paper);
}

body[data-hdc-system="v2"] .page-hero__media--wide .hdc-parallax-frame {
  aspect-ratio: 16 / 9;
}

body[data-hdc-system="v2"] .hdc-parallax-layer {
  pointer-events: none;
}

/* Keep the existing readability overlays above Jarallax's image layer. */
body[data-hdc-system="v2"] [data-hdc-parallax-active]::before,
body[data-hdc-system="v2"] [data-hdc-parallax-active]::after {
  z-index: 1;
}

body[data-hdc-system="v2"] [data-hdc-parallax-active] figcaption {
  z-index: 2;
}
/* Responsive art direction stays in the same image frame when motion is static. */
#home.hero .hero-image picture { display: contents; }