/* VAGUE scroll-parallax experiment — remove linked assets from index.html to restore previous appearance. */
html.vague-scroll-parallax .hero .hero-image{
  will-change:transform;
  transform:translate3d(0,var(--vague-scroll-hero,0px),0) scale(1.17);
}
html.vague-scroll-parallax .hero.cinema-depth .hero-image{
  transform:translate3d(var(--scene-x,0px),calc(var(--scene-y,0px) + var(--vague-scroll-hero,0px)),0) scale(1.17);
  transition:transform .18s linear;
}
html.vague-scroll-parallax .hero.cinema-intro .hero-image{
  animation:cinema-exposure 3.6s cubic-bezier(.16,.6,.25,1) both;
}
html.vague-scroll-parallax #carriage .carriage-visual img{
  will-change:transform;
  transform:translate3d(0,var(--vague-scroll-carriage,0px),0) scale(1.19);
  transition:transform .18s linear;
}
@media(max-width:800px){
  html.vague-scroll-parallax .hero .hero-image,
  html.vague-scroll-parallax .hero.cinema-depth .hero-image{
    transform:translate3d(0,var(--vague-scroll-hero,0px),0) scale(1.10);
  }
  html.vague-scroll-parallax #carriage .carriage-visual img{
    transform:translate3d(0,var(--vague-scroll-carriage,0px),0) scale(1.14);
  }
}
@media(prefers-reduced-motion:reduce){
  html.vague-scroll-parallax .hero .hero-image,
  html.vague-scroll-parallax .hero.cinema-depth .hero-image,
  html.vague-scroll-parallax #carriage .carriage-visual img{
    transform:none!important;
    transition:none!important;
    will-change:auto;
  }
}