/* Bounded phone entrances; individual translate preserves existing transforms. */
@media (max-width: 600px) {
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .proo-static-hero__hand--left { --focus-hand-x: -16%; --focus-hand-y: 5%; }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .proo-static-hero__hand--right { --focus-hand-x: 16%; --focus-hand-y: -5%; }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .proo-static-hero__hand {
    translate: var(--focus-hand-x) var(--focus-hand-y) !important;
    animation: none !important;
    transition: none !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .is-open-fade-current .proo-static-hero__hand {
    translate: 0 0 !important;
    transition: translate 2s cubic-bezier(.22,.61,.36,1) !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .cinema-europe-pixel { fill: #f0dfb0; opacity: 0; }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .is-open-fade-current .cinema-europe-pixel {
    animation: cinema-company-light 550ms ease-out var(--pixel-delay) both;
  }
}
@keyframes cinema-company-light {
  0% { opacity: 0; }
  65% { opacity: 1; }
  100% { opacity: .85; }
}
@media (prefers-reduced-motion: reduce) {
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .proo-static-hero__hand { transition: none !important; translate: 0 0 !important; }
  html:is(#hero-directions,[data-proo-home-release])[data-cinema-demo] .is-open-fade-current .cinema-europe-pixel { animation: none !important; opacity: .85; }
}