/* 32 — Reference-led assembly motion layered over the PPT-faithful V39 composition. */
#p32.p32-color-motion {
  --p32-top-group-x: var(--p32-panel-blue-x);
  --p32-top-group-y: var(--p32-panel-blue-y);
  --p32-top-group-w: 62.213542%;
  --p32-top-group-h: var(--p32-panel-blue-h);
  --p32-top-blue-w: 65.639949%;
  --p32-top-ramp-x: var(--p32-top-blue-w);
  --p32-top-ramp-w: 34.360051%;
}

.p32-color__top-group {
  position: absolute;
  z-index: 4;
  left: var(--p32-top-group-x);
  top: var(--p32-top-group-y);
  width: var(--p32-top-group-w);
  height: var(--p32-top-group-h);
  will-change: transform;
}

.p32-color__panel img {
  position: absolute;
  inset: 0;
}

.p32-color__art {
  z-index: 1;
}

.p32-color__copy-mask {
  z-index: 2;
  pointer-events: none;
  will-change: opacity;
}

.p32-color__top-group > .p32-color__panel--blue {
  left: 0;
  top: 0;
  width: var(--p32-top-blue-w);
  height: 100%;
}

.p32-color__top-group > .p32-color__panel--blue-ramp {
  left: var(--p32-top-ramp-x);
  top: 0;
  width: var(--p32-top-ramp-w);
  height: 100%;
  transform-origin: center bottom;
}

@media (max-width: 700px) {
  .p32-color__top-group {
    display: contents;
  }

  .p32-color__top-group > .p32-color__panel--blue,
  .p32-color__top-group > .p32-color__panel--blue-ramp {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .p32-color__top-group > .p32-color__panel--blue {
    height: auto;
  }

  .p32-color__top-group > .p32-color__panel--blue-ramp {
    height: clamp(210px, 62vw, 300px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p32-color__top-group {
    transform: none !important;
    animation: none !important;
  }

  .p32-color__copy-mask {
    opacity: 0 !important;
  }
}