/* Homepage-only motion. Native scroll, layout and booking controls stay intact. */
.olt-home-motion .hero-photo { pointer-events: none; }
.olt-home-motion .olt-parallax-image {
  --motion-bleed: 14px;
  position: absolute;
  inset: calc(-1 * var(--motion-bleed)) 0 auto;
  width: 100%;
  height: calc(100% + var(--motion-bleed) * 2);
  transform: translate3d(0, var(--olt-parallax-y, 0px), 0);
}
.olt-home-motion .hero-photo .olt-parallax-image { --motion-bleed: 20px; }
/* Preserve the complete Escalade and Sprinter artwork and its existing fit. */
.olt-home-motion .olt-parallax-contained { --motion-bleed: 0px; }
.olt-home-motion .olt-parallax-text { transform: translate3d(0, var(--olt-parallax-y, 0px), 0); }
.olt-home-motion .olt-parallax-active { will-change: transform; }
/* Replace the earlier scroll-timeline reveal instead of stacking two effects. */
.olt-home-motion .trust-standard-item,
.olt-home-motion .journey-confidence { animation: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .olt-home-motion .service-cards > a,
  .olt-home-motion .vehicle-card { transition: transform 280ms ease, box-shadow 280ms ease; }
  .olt-home-motion .service-cards > a:hover,
  .olt-home-motion .vehicle-card:hover { transform: translateY(-2px); }
  .olt-home-motion > header .button,
  .olt-home-motion .contact-section a { transition: transform 220ms ease, background 220ms ease; }
  .olt-home-motion > header .button:hover,
  .olt-home-motion .contact-section a:hover { transform: translateY(-2px); }
}
@media (hover: none), (pointer: coarse) {
  .olt-home-motion .service-cards > a:hover,
  .olt-home-motion .vehicle-card:hover { transform: none; }
}
@media (max-width: 760px), (pointer: coarse) {
  .olt-home-motion .olt-parallax-image { --motion-bleed: 7px; }
  .olt-home-motion .hero-photo .olt-parallax-image { --motion-bleed: 9px; }
  .olt-home-motion .olt-parallax-contained { --motion-bleed: 0px; }
}
@media (prefers-reduced-motion: reduce), print {
  .olt-home-motion .olt-parallax-image {
    --motion-bleed: 0px !important;
    transform: none !important;
    will-change: auto !important;
  }
  .olt-home-motion .olt-parallax-text { transform: none !important; }
  .service-cards > a,
  .vehicle-card,
  body > header .button,
  .contact-section a { transform: none !important; }
}