/* A single photographic language across the AutoKlar services. */
.hero-image img[src*="/campaign/"] { object-position: 62% center; }
.photo-section > img[src*="/campaign/"] { object-position: 62% center; }
.home-hero .hero-shade {
  background: linear-gradient(90deg, rgba(5, 13, 23, .76), rgba(5, 13, 23, .37) 48%, rgba(5, 13, 23, .09) 76%), linear-gradient(0deg, rgba(5, 13, 23, .55), transparent 35%);
}
.motion-on .gallery-slide.is-active img { animation-duration: 8s; }
.motion-on [data-gallery]:not(.gallery-running) .gallery-slide.is-active img { animation-play-state: paused; }
.photo-section > img[src*="/campaign/"] { filter: saturate(.93); }
.showcase-eyebrow { letter-spacing: .02em; }

@media (max-width: 650px) {
  .hero-image img[src*="/campaign/"] { object-position: 72% center; }
  .hero-image img[src*="campaign/research"] { object-position: 77% center; }
  .hero-image img[src*="campaign/details"] { object-position: 68% center; }
  .hero-image img[src*="campaign/transport"] { object-position: 73% center; }
  .photo-section > img[src*="campaign/consultancy"] { object-position: 78% center; }
  .photo-section > img[src*="campaign/transport"] { object-position: 76% center; }
  .home-hero .hero-shade {
    background: linear-gradient(180deg, rgba(5, 13, 23, .18), rgba(5, 13, 23, .53) 25%, rgba(5, 13, 23, .65) 65%, rgba(5, 13, 23, .88));
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-on .gallery-slide.is-active img { animation: none; }
}