/* Anchor the ceiling first: centered cover hides the air outlet on wide screens. */
.hero-visual img {object-position:50% 0%}
/* All three layers share the same crop, scale, origin and eased pointer transform. */
.hero-visual img,.hero-flow,.hero-visual .hero-scene-canvas {transform-origin:50% 25%}
.hero-visual .hero-scene-canvas {
  position:absolute;inset:0;width:100%;height:100%;display:block;
  opacity:0;pointer-events:none;
  transform:scale(1.04) translate(var(--tx),var(--ty));
  transition:opacity .35s,transform 1.1s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.hero-visual.scene-ready .hero-scene-canvas {opacity:1}
@media(max-width:760px) {
  .hero-visual img {object-position:64% 0%}
}
@media(prefers-reduced-motion:reduce) {
  .hero-visual .hero-scene-canvas {transform:none!important;transition:none!important}
}