/* CINEMATIC SCROLL CHOREOGRAPHY v2
   Distinct chapter lift, typed content cadence, color-matched ambient depth.
   Native scrolling; all effects progressive enhancements. */
:root {
  --choreo-ease: cubic-bezier(.16, 1, .3, 1);
  --choreo-section-lift: clamp(36px, 5vw, 78px);
  --choreo-ink-lift: clamp(26px, 3.5vw, 48px);
}
.jiz-homepage section[data-choreo] {
  --choreo-halo: 198 225 115;
  position: relative;
  transition:
    translate 1080ms var(--choreo-ease),
    scale 1200ms var(--choreo-ease),
    box-shadow 1150ms ease,
    opacity 880ms ease;
  box-shadow:
    0 24px 44px -35px rgba(0,0,0,.65),
    0 45px 100px -90px rgba(var(--choreo-halo),.35);
}
.jiz-homepage section[data-choreo="pending"] {
  translate: 0 var(--choreo-section-lift);
  scale: .987;
  opacity: .85;
  box-shadow:
    0 6px 16px -18px rgba(0,0,0,.4),
    0 8px 50px -70px rgba(var(--choreo-halo),.1);
}
.jiz-homepage section[data-choreo="entered"] {
  translate: 0 0;
  scale: 1;
  opacity: 1;
  box-shadow:
    0 18px 42px -28px rgba(0,0,0,.7),
    0 40px 110px -72px rgba(var(--choreo-halo),.38),
    0 0 48px -42px rgba(var(--choreo-halo),.19);
}
/* Editorial color-matching: keep panels' existing background colors. */
.jiz-homepage :is(.jz-fw,.jz-im,.jiz-am,.jz-jr,.jz-st,.jz-pp)[data-choreo] { --choreo-halo: 198 242 58; }
.jiz-homepage :is(.jz-pr--capabilities,.jz-pr--method)[data-choreo] { --choreo-halo: 100 225 255; }
.jiz-homepage :is(.jz-cls,.jiz-creative-lab)[data-choreo] { --choreo-halo: 104 205 237; }
.jiz-homepage :is(.sp-preview,.jiz-arch)[data-choreo] { --choreo-halo: 212 164 104; }
.jiz-homepage .jiz-build[data-choreo] { --choreo-halo: 198 242 58; }
/* Real content cadence — separate observer for copy INSIDE each panel.
   Independent translate longhand preserves existing transform/hover animations. */
.jiz-homepage [data-choreo-item] {
  --choreo-stagger: 0ms;
  transition:
    translate 1000ms var(--choreo-ease) var(--choreo-stagger),
    opacity 850ms ease var(--choreo-stagger),
    filter 850ms ease var(--choreo-stagger);
}
.jiz-homepage [data-choreo-item="pending"] {
  translate: 0 var(--choreo-ink-lift);
  opacity: .08;
  filter: blur(5px);
}
.jiz-homepage [data-choreo-item="entered"] {
  translate: 0 0;
  opacity: 1;
  filter: blur(0);
}
.jiz-homepage [data-choreo-role="eyebrow"] {
  --choreo-ink-lift: 18px;
}
.jiz-homepage [data-choreo-role="title"] {
  --choreo-ink-lift: clamp(38px, 5vw, 72px);
}
.jiz-homepage [data-choreo-role="copy"] {
  --choreo-ink-lift: 32px;
}
/* Avoid transform-style perspective effects or opaque overlays over videos/controls. */
@media (max-width: 767px) {
  :root { --choreo-section-lift: 30px; --choreo-ink-lift: 24px; }
  .jiz-homepage section[data-choreo] {
    transition-duration: 740ms, 760ms, 820ms, 730ms;
  }
  .jiz-homepage [data-choreo-item] {
    transition-duration: 740ms, 680ms, 680ms;
  }
  .jiz-homepage [data-choreo-item="pending"] { filter: blur(2px); }
  .jiz-homepage section[data-choreo="entered"] {
    box-shadow: 0 22px 65px -50px rgba(var(--choreo-halo),.25);
  }
}
@media (prefers-reduced-motion: reduce) {
  .jiz-homepage section[data-choreo],
  .jiz-homepage [data-choreo-item] {
    translate: none !important;
    scale: 1 !important;
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
  }
}
html[data-jz-motion-paused="true"] .jiz-homepage section[data-choreo],
html[data-jz-motion-paused="true"] .jiz-homepage [data-choreo-item] {
  translate: none !important;
  scale: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;
}
@media print {
  .jiz-homepage section[data-choreo],
  .jiz-homepage [data-choreo-item] {
    translate: none !important;
    scale: 1 !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
  }
}
