.project-card--motion { position: relative; }
.project-card-link { display: block; }
.project-card-link:focus-visible { outline: 2px solid #64b3ed; outline-offset: 9px; }
.project-card-link:focus-visible .project-action { transform: translateY(0); }
.project-scroll-video {
  position: absolute;
  left: 5.196565%;
  top: 16.385542%;
  width: 89.606869%;
  height: 67.195030%;
  object-fit: cover;
  border-radius: 1.412002% / 2.510226%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
}
.project-scroll-video.is-ready { opacity: 1; }
.project-motion-toggle {
  position: absolute;
  z-index: 5;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(7,29,43,.16);
  border-radius: 50%;
  background: rgba(245,245,245,.9);
  color: #13242e;
  font: 600 14px/1 Arial, sans-serif;
  cursor: pointer;
}
.project-motion-toggle[hidden] { display: none; }
.project-motion-toggle:focus-visible { outline: 2px solid #64b3ed; outline-offset: 3px; }
@media (max-width: 767px) { .project-motion-toggle { top: 24px; right: 5px; width: 30px; height: 30px; } }
@media (prefers-reduced-motion: reduce) { .project-scroll-video { transition: none; } }