/* fx/engine-hero.css — hero photo-reel mount layer (v3, createLookReel).
   The never-black poster lives in assets/css/style.css as a plain CSS
   gradient on .hero (driven by --backdrop/--gold custom properties) — this
   file only owns the mount's own fade-in.

   v3 CHANGE: createLookReel is ambient decoration, not a control (see the
   engine's own createLookReel.js header) — it sets aria-hidden on the
   mount and wires no pointer/keyboard interaction, unlike v2's
   createBeforeAfter-in-auto-mode hero which was incidentally draggable.
   No cursor affordance, no focus ring, no pointer-events override needed:
   the mount is inert to input by design, so it just sits there and plays. */

#hero-3d-mount {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

#hero-3d-mount canvas,
#hero-3d-mount img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#hero-3d-mount.is-loaded canvas,
#hero-3d-mount.is-loaded img {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #hero-3d-mount canvas,
  #hero-3d-mount img { transition: none; }
}