/* Entrance timing belongs to the shared motion contract, not individual pages. */
@keyframes dowv-hero-enter {
  from {
    opacity: 0;
    translate: 0 36px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
.hero-slide.is-active
  :is(
    .project-logo,
    .project-identity h1,
    .project-identity h2,
    .project-identity p,
    .project-action
  ) {
  animation: dowv-hero-enter var(--motion-entrance-duration) var(--motion-ease) both;
}
.hero-slide.is-active .project-logo {
  animation-delay: 80ms;
}
.hero-slide.is-active :is(.project-identity h1, .project-identity h2) {
  animation-delay: 180ms;
}
.hero-slide.is-active .project-identity p {
  animation-delay: 280ms;
}
.hero-slide.is-active .project-action {
  animation-delay: 380ms;
}
.about-service-options button {
  transition:
    background-color var(--motion-fast),
    color var(--motion-fast),
    box-shadow var(--motion-fast);
}
.about-service-categories strong {
  transition:
    color var(--motion-fast),
    font-size var(--motion-fast);
}
.about-client-logos.has-autoscroll {
  scroll-snap-type: none;
  scrollbar-width: none;
  cursor: grab;
}
.about-client-logos.has-autoscroll::-webkit-scrollbar {
  display: none;
}
.about-client-logos.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide.is-active
    :is(
      .project-logo,
      .project-identity h1,
      .project-identity h2,
      .project-identity p,
      .project-action
    ) {
    animation: none;
  }
  .about-team .about-team-image {
    translate: none !important;
  }
}
@media print {
  [data-motion-state] {
    opacity: 1 !important;
    translate: none !important;
  }
  .about-client-logos [data-motion-clone] {
    display: none;
  }
}