html.lenis { scroll-behavior: auto !important; }
.sc-motion-control {
  position: fixed; bottom: 18px; left: 18px; z-index: 9999;
  border: 1px solid #467fbe; border-radius: 999px; padding: 9px 14px;
  background: #071b35; color: #fff; font: 500 12px/1.4 system-ui, sans-serif;
  cursor: pointer; box-shadow: 0 3px 14px #0003;
}
.sc-motion-control:focus-visible { outline: 3px solid #74bdff; outline-offset: 3px; }
.sc-motion-preview .project-card__shot img,
.sc-motion-preview .featured__media img,
.proj .sc-work-pan img,
.hero__visual .sc-work-pan img,
.page-project .scroll-preview img,
.page-project .next__thumb > img {
  transition: transform 5.5s cubic-bezier(.45,0,.25,1) !important;
}
.sc-manual-preview .featured__media img,
.sc-manual-preview .project-card__shot img { transition-duration: 1s !important; }
html.sc-motion-off .sc-motion-preview img,
html.sc-motion-off .sc-work-pan img,
html.sc-motion-off .page-project .scroll-preview img,
html.sc-motion-off .page-project .next__thumb > img { transition: none !important; }
html.sc-motion-off { scroll-behavior: auto !important; }
.sc-motion-off *, .sc-motion-off *::before, .sc-motion-off *::after {
  animation: none !important; transition: none !important;
  scroll-behavior: auto !important;
}
.sc-motion-off [data-parallax], .sc-motion-off .hero__visual .tablet,
.sc-motion-off .scroll-preview img { transform: none !important; }
.sc-motion-off .reveal { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}



/* Detail screenshots illustrate the adjacent explanation: keep the authored crop. */
html .page-project .change__mock.scroll-preview.shot > img,
html .page-project .change__mock.scroll-preview.shot:hover > img,
html .page-project .change__mock.scroll-preview.shot:focus-within > img {
  transform: translate(var(--shot-x, 0), var(--shot-y, 0)) !important;
  transition: none !important;
}