/* Home + About: restrained motion and interaction refinements. */
:root {
  --reveal-distance: 12px;
  --reveal-duration: 600ms;
  --reveal-stagger: 60ms;
  --interaction-lift: -2px;
}

/* Content is visible without JavaScript. Motion states only exist after setup. */
.motion-ready .home .motion-item,
.motion-ready .dardos-page-about .motion-item {
  opacity: .18;
  transform: translate3d(0, var(--reveal-distance), 0);
  backface-visibility: hidden;
  will-change: opacity, transform;
  transition:
    opacity var(--reveal-duration) var(--motion-ease) var(--reveal-delay, 0ms),
    transform var(--reveal-duration) var(--motion-ease) var(--reveal-delay, 0ms);
}

/* Titles remain legible during their short entrance; gold stays integrated. */
.motion-ready .home .motion-heading,
.motion-ready .dardos-page-about .motion-heading {
  opacity: .56;
  transform: translate3d(0, 9px, 0);
}

.motion-ready .home .motion-item.is-visible,
.motion-ready .dardos-page-about .motion-item.is-visible {
  opacity: 1;
  transform: none;
  will-change: auto;
}

.home .motion-heading h2 em,
.dardos-page-about .motion-heading h2 em {
  transition: color 420ms var(--motion-ease);
}

/* Existing editorial rows receive the same quiet interaction response. */
@media (hover: hover) and (pointer: fine) {
  .about-aligned-story__steps article,
  .about-aligned-office,
  .about-aligned-commitment,
  .home .dardos-signal,
  .home .home-move__step,
  .about-aligned-page .industry-carousel__card {
    transition:
      transform 260ms var(--motion-ease),
      border-color 260ms var(--motion-ease),
      background-color 260ms var(--motion-ease);
  }

  .about-aligned-story__steps article:hover,
  .about-aligned-office:hover,
  .about-aligned-commitment:hover,
  .home .dardos-signal:hover,
  .home .home-move__step:hover,
  .about-aligned-page .industry-carousel__card:hover {
    transform: translate3d(0, var(--interaction-lift), 0);
  }

  .motion-ready .home .dardos-signal.motion-item.is-visible:hover,
  .motion-ready .dardos-page-about .about-aligned-story__steps article.motion-item.is-visible:hover,
  .motion-ready .dardos-page-about .about-aligned-office.motion-item.is-visible:hover,
  .motion-ready .dardos-page-about .about-aligned-commitment.motion-item.is-visible:hover {
    transform: translate3d(0, var(--interaction-lift), 0);
  }

  .about-aligned-story__steps article:hover,
  .about-aligned-office:hover,
  .about-aligned-commitments__support .about-aligned-commitment:hover,
  .home .home-move__step:hover {
    border-color: rgba(242, 202, 80, .28);
  }

  .about-aligned-commitment--lead:hover,
  .about-aligned-page .industry-carousel__card:hover {
    border-color: rgba(242, 202, 80, .28);
  }

  .home .dardos-signal__icon,
  .about-aligned-office__identity > i,
  .about-aligned-page .industry-carousel__card > span,
  .home .home-move__icon {
    transition:
      transform 260ms var(--motion-ease),
      border-color 260ms var(--motion-ease),
      background-color 260ms var(--motion-ease);
  }

  .home .dardos-signal:hover .dardos-signal__icon,
  .about-aligned-office:hover .about-aligned-office__identity > i,
  .about-aligned-page .industry-carousel__card:hover > span,
  .home .home-move__step:hover .home-move__icon {
    transform: translate3d(0, -2px, 0);
    border-color: rgba(242, 202, 80, .38);
    background-color: rgba(242, 202, 80, .12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .home .motion-item,
  .motion-ready .dardos-page-about .motion-item,
  .home :is(.dardos-signal, .home-move__step, .dardos-signal__icon, .home-move__icon),
  .about-aligned-page :is(.about-aligned-story__steps article, .about-aligned-office, .about-aligned-commitment, .industry-carousel__card, .about-aligned-office__identity > i, .industry-carousel__card > span) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}