/* Revision 169: smooth poster reveal after preload */
@keyframes rttrPosterReveal169 {
  from { opacity: 0; transform: scale(1.018); }
  to   { opacity: 1; transform: scale(1); }
}

#rttr-site .page.active > section:first-child,
#rttr-site .page.active > div:first-child {
  animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both;
  transform-origin: center center;
  will-change: opacity, transform;
}

/* Keep the original slow poster drift on these seven pages while retaining
   the smooth entrance. The two animations affect different properties. */
@media (min-width: 901px) {
  #rttr-site [data-page-view="consulting"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="design"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="audit"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="rfp"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="turnkey"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="testing-commissioning"].page.active > section:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
  #rttr-site [data-page-view="catalog"].page.active > .generic-hero:first-child {
    animation: rttrPosterReveal169 1.55s cubic-bezier(.22,.61,.36,1) both,
               rttrSevenPosterDriftV171 14s ease-in-out infinite alternate !important;
  }
}

@keyframes rttrSevenPosterDriftV171 {
  from { background-position: center, 54% center; background-size: 100% 100%, 104% auto; }
  to   { background-position: center, 44% center; background-size: 100% 100%, 118% auto; }
}

/* Home poster only: force the packaged image onto the painted pseudo-layer
   and keep a slow continuous camera movement. */
#rttr-site .hero-slide[data-slide="0"]::before {
  background-image: url("assets/hero-complex-datacenter-v98.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
  animation: rttrHomePosterDriftV171 18s ease-in-out infinite alternate !important;
}

@keyframes rttrHomePosterDriftV171 {
  from { transform: scale(1.015) translate3d(0,0,0); }
  to   { transform: scale(1.075) translate3d(-0.8%,0,0); }
}

#rttr-site [data-page-view="home"].page.active > section:first-child,
#rttr-site [data-page-view="home"].page.active > div:first-child {
  animation-duration: 1.15s;
}

@media (max-width: 720px) {
  #rttr-site .page.active > section:first-child,
  #rttr-site .page.active > div:first-child {
    animation-duration: 1.25s;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rttr-site .page.active > section:first-child,
  #rttr-site .page.active > div:first-child {
    animation: none !important;
  }
  #rttr-site .hero-slide[data-slide="0"]::before {
    animation: none !important;
    transform: none !important;
  }
}