/* Shared motion layer: restrained interactions, never decorative layout boxes. */
.motion-art,
.motion-consultation .consultation-portal__artwork{
  position:relative;
  overflow:hidden;
  background:var(--bg-inset);
}

.motion-art::after,
.motion-consultation .consultation-portal__artwork::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid var(--border-subtle);
  opacity:.34;
  pointer-events:none;
  transition:opacity .72s cubic-bezier(.16,1,.3,1),inset .72s cubic-bezier(.16,1,.3,1);
}

.motion-art img,
.motion-card--image img,
.motion-consultation .consultation-portal__artwork img{
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1);
}

.motion-art:hover img,
.motion-card--image:hover img,
.motion-consultation .consultation-portal__artwork:hover img{
  transform:scale(1.022);
}

.motion-art:hover::after,
.motion-consultation .consultation-portal__artwork:hover::after{
  inset:14px;
  opacity:.58;
}

.motion-service .service-content a,
.motion-split .split-copy .button,
.motion-card a,
.motion-consultation .button,
.motion-fit .fit-row{
  transition:color .32s ease,border-color .32s ease,background-color .32s ease;
}

.motion-service .service-content a:hover,
.motion-split .split-copy .button:hover,
.motion-card a:hover{
  color:var(--brand-active);
  border-color:var(--brand-active);
}

.motion-fit .fit-row:hover{
  background:var(--bg-raised);
  color:var(--brand-active);
}

.motion-outcome .outcome-bridge,
.motion-process .process-path{
  transform-origin:left;
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1);
}

.js:not(.reduce-motion) .motion-outcome .outcome-bridge,
.js:not(.reduce-motion) .motion-process .process-path{
  opacity:.72;
  transform:scaleX(.96);
}

.js:not(.reduce-motion) .motion-outcome.is-visible .outcome-bridge,
.js:not(.reduce-motion) .motion-process.is-visible .process-path{
  opacity:1;
  transform:scaleX(1);
}

.service-motion-section{
  padding-block:56px;
}

.service-motion-section .motion-split{
  padding:32px;
  border:1px solid var(--border-subtle);
  background:var(--bg-raised);
  overflow:hidden;
}

.service-motion-section .split-art{
  border:1px solid var(--border-subtle);
}

@media(max-width:767px){
  .motion-art::after,
  .motion-consultation .consultation-portal__artwork::after{inset:12px}
  .motion-art:hover::after,
  .motion-consultation .consultation-portal__artwork:hover::after{inset:10px}
  .service-motion-section .motion-split{padding:24px 20px}
  .service-motion-section .split-art img{aspect-ratio:1/1;object-fit:contain;object-position:center;background:var(--bg-canvas)}
}

@media (prefers-reduced-motion:reduce){
  .motion-art::after,
  .motion-consultation .consultation-portal__artwork::after,
  .motion-art img,
  .motion-card--image img,
  .motion-consultation .consultation-portal__artwork img,
  .motion-service .service-content a,
  .motion-split .split-copy .button,
  .motion-card a,
  .motion-consultation .button,
  .motion-fit .fit-row,
  .motion-outcome .outcome-bridge,
  .motion-process .process-path{transition:none!important}
}