/* Carregado após effects.css; preserva a foto dos cabos e seu zoom. */
.hero-copy.ambient-video-scene,
.hero-visual.ambient-video-scene,
.contact.ambient-video-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #071328;
}
.hero-copy.ambient-video-scene::before,
.hero-copy.ambient-video-scene::after,
.contact.ambient-video-scene::before,
.contact.ambient-video-scene::after { content: none; }
.ambient-video-scene > .ambient-media {
  position: absolute;
  inset: -52px 0;
  z-index: -1;
  pointer-events: none;
  background: #071328 url('jhp-bg-poster.webp') center / cover no-repeat;
  transform: translate3d(0, var(--depth-y, 0px), 0);
}
.hero-copy.ambient-video-scene > .ambient-media { z-index: 0; }
.hero-visual.ambient-video-scene > .ambient-media { z-index: 0; }
.hero-visual.ambient-video-scene > img { z-index: 1; opacity: .55; }
.hero-visual.ambient-video-scene > .image-shade { z-index: 2; }
.hero-visual.ambient-video-scene > .visual-label,
.hero-visual.ambient-video-scene > .visual-index { z-index: 3; }
.ambient-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ambient-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(7, 19, 40, .66);
}
.contact .ambient-media::after { background: rgba(7, 19, 40, .72); }
.hero-visual .ambient-media::after { background: rgba(7, 19, 40, .18); }
@media (max-width: 700px) {
  .hero-visual.depth-scene img { scale: 1.18; }
  .hero-visual.cable-zoom img { animation-name: cable-zoom-out; }
}
.btn-arrow, .social-arrow { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .ambient-video-scene > .ambient-media { transform: none; }
  .ambient-media video { visibility: hidden; }
}
