/* Sitewide motion system
 * Progressive enhancement: these states only activate when site-motion.js
 * marks the document as motion-capable. Content remains visible without JS.
 */
:root {
  --motion-duration: 680ms;
  --motion-duration-fast: 260ms;
  --motion-distance: 24px;
  --motion-ease: cubic-bezier(.22, .72, .22, 1);
  --motion-ease-out: cubic-bezier(.16, 1, .3, 1);
}

html.motion-capable,
html.motion-capable body { overflow-x: clip; }
html.motion-reduced,
html.motion-reduced body { overflow-x: clip; }

html.motion-capable .motion-item {
  opacity: 0;
  transform: translate3d(0, var(--motion-distance), 0);
  transition:
    opacity var(--motion-duration) var(--motion-ease),
    transform var(--motion-duration) var(--motion-ease-out),
    clip-path 820ms var(--motion-ease-out);
  transition-delay: var(--motion-delay, 0ms);
  will-change: opacity, transform;
}

html.motion-capable .motion-item[data-motion="left"] { transform: translate3d(calc(var(--motion-distance) * -1), 0, 0); }
html.motion-capable .motion-item[data-motion="right"] { transform: translate3d(var(--motion-distance), 0, 0); }
html.motion-capable .motion-item[data-motion="scale"] { transform: scale(.965); }
html.motion-capable .motion-item[data-motion="media"] {
  clip-path: inset(0 9% 0 0);
  transform: scale(1.025);
}

html.motion-capable .motion-item.motion-in,
html.motion-capable .motion-hero.motion-in .motion-item {
  clip-path: inset(0 0 0 0);
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

/* A quiet heading accent gives sections a visible start without decoration
 * competing with the content. */
html.motion-capable .motion-section .consulting-eyebrow,
html.motion-capable .motion-section .auteur-kicker,
html.motion-capable .motion-section .case-rebuild__eyebrow {
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size 720ms var(--motion-ease-out) var(--motion-delay, 0ms);
}

html.motion-capable .motion-section.motion-in .consulting-eyebrow,
html.motion-capable .motion-section.motion-in .auteur-kicker,
html.motion-capable .motion-section.motion-in .case-rebuild__eyebrow {
  background-size: 100% 1px;
}

/* Existing interactive components receive consistent, low-amplitude motion. */
html.motion-capable .btn,
html.motion-capable .consulting-card,
html.motion-capable .work-card,
html.motion-capable .perspective-card,
html.motion-capable .auteur-task-grid article,
html.motion-capable .auteur-principles__grid li {
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease-out);
}

@media (hover: hover) and (pointer: fine) {
  html.motion-capable .btn:hover { transform: translateY(-2px); }
  html.motion-capable .btn:active { transform: translateY(0) scale(.985); }
  html.motion-capable .btn span[aria-hidden="true"],
  html.motion-capable article a span[aria-hidden="true"] {
    display: inline-block;
    transition: transform var(--motion-duration-fast) var(--motion-ease-out);
  }
  html.motion-capable .btn:hover span[aria-hidden="true"],
  html.motion-capable article a:hover span[aria-hidden="true"] { transform: translateX(4px); }
  html.motion-capable a[href*="#"]:hover span[aria-hidden="true"] { transform: translateY(3px); }

  html.motion-capable .consulting-card:hover,
  html.motion-capable .work-card:hover { transform: translateY(-5px); }

  html.motion-capable figure img,
  html.motion-capable .work-card img,
  html.motion-capable .consulting-quote img {
    transition: transform 700ms var(--motion-ease-out), filter 400ms ease;
  }
  html.motion-capable figure:hover img,
  html.motion-capable .work-card:hover img { transform: scale(1.025); }
}

/* Form feedback should feel responsive, not theatrical. */
html.motion-capable input,
html.motion-capable textarea,
html.motion-capable select {
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
html.motion-capable input:focus,
html.motion-capable textarea:focus,
html.motion-capable select:focus { transform: none; }

/* Homepage hero choreography. Its line boxes keep their final dimensions so
 * the entrance never moves the content below the hero. */
html.motion-capable .motion-hero--entering .motion-item {
  animation: site-hero-rise 700ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

html.motion-capable .motion-hero--entering .motion-item[data-motion="left"] {
  animation-name: site-hero-left;
}

html.motion-capable .motion-hero--entering .motion-item[data-motion="right"] {
  animation-name: site-hero-right;
}

html.motion-capable .motion-hero--entering .motion-item[data-motion="scale"],
html.motion-capable .motion-hero--entering .motion-item[data-motion="media"] {
  animation-name: site-hero-scale;
}

@keyframes site-hero-rise {
  from { opacity: 0; transform: translate3d(0, 30px, 0); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes site-hero-left {
  from { opacity: 0; transform: translate3d(-38px, 0, 0); filter: blur(5px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes site-hero-right {
  from { opacity: 0; transform: translate3d(38px, 0, 0); filter: blur(5px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes site-hero-scale {
  from { opacity: 0; transform: scale(.955); filter: blur(6px); }
  to { opacity: 1; transform: scale(1); filter: blur(0); }
}

html.motion-capable .home-hero { isolation: isolate; }

/* A non-blocking opening cue replaces a traditional loader. The page is usable
 * immediately while a soft brand-colour beam crosses the hero once. */
html.motion-capable .home-hero.home-hero--entering::before {
  position: absolute;
  z-index: 0;
  inset: -20% -35%;
  content: "";
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-32%, 0, 0) rotate(-8deg);
  background: linear-gradient(
    90deg,
    transparent 34%,
    rgba(85, 216, 239, .035) 43%,
    rgba(85, 216, 239, .16) 49%,
    rgba(194, 167, 255, .13) 53%,
    transparent 64%
  );
  filter: blur(10px);
  animation: home-hero-arrival 1250ms var(--motion-ease-out) 40ms both;
  will-change: opacity, transform;
}

@keyframes home-hero-arrival {
  0% { opacity: 0; transform: translate3d(-32%, 0, 0) rotate(-8deg); }
  18% { opacity: .72; }
  68% { opacity: .48; }
  100% { opacity: 0; transform: translate3d(32%, 0, 0) rotate(-8deg); }
}

/* Explicit keyframes make the first-load sequence survive a very fast first
 * paint. The generic motion states remain as the permanent, no-surprises end
 * state after this one-shot choreography is removed. */
html.motion-capable .home-hero--entering .consulting-eyebrow.motion-item,
html.motion-capable .home-hero--entering .consulting-lede.motion-item,
html.motion-capable .home-hero--entering .consulting-actions.motion-item,
html.motion-capable .home-hero--entering .consulting-trust.motion-item {
  animation: home-hero-copy-rise 680ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

html.motion-capable .home-hero--entering .home-hero__phrase.motion-item > span {
  animation: home-hero-line-rise 780ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

html.motion-capable .home-hero--entering .home-hero__flow.motion-item {
  animation: home-hero-card-arrive 820ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

html.motion-capable .home-hero--entering .home-hero__step.motion-item {
  animation: home-hero-step-arrive 620ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

html.motion-capable .home-hero--entering .home-hero__facts.motion-item {
  animation: home-hero-copy-rise 560ms var(--motion-ease-out) both;
  animation-delay: var(--motion-delay);
}

@keyframes home-hero-copy-rise {
  from { opacity: 0; transform: translate3d(0, 28px, 0); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes home-hero-line-rise {
  from { opacity: 0; transform: translate3d(0, 112%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes home-hero-card-arrive {
  from { opacity: 0; transform: translate3d(52px, 10px, 0) scale(.96); filter: blur(10px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes home-hero-step-arrive {
  from { opacity: 0; transform: translate3d(22px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

html.motion-capable .home-hero .motion-item {
  transition-duration: 440ms, 440ms, 620ms;
}

html.motion-capable .home-hero__flow.motion-item {
  filter: blur(8px);
  transform: translate3d(30px, 8px, 0) scale(.982);
  transition:
    opacity 520ms var(--motion-ease),
    transform 760ms var(--motion-ease-out),
    filter 620ms var(--motion-ease-out),
    box-shadow 900ms var(--motion-ease-out);
  transition-delay: var(--motion-delay);
}

html.motion-capable .home-hero.motion-in .home-hero__flow.motion-item {
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
  box-shadow:
    0 30px 80px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 0 44px rgba(85, 216, 239, .045);
}

html.motion-capable .home-hero__phrase.motion-item {
  overflow: clip;
  opacity: 1;
  transform: none;
  will-change: auto;
}

html.motion-capable .home-hero__phrase.motion-item > span {
  opacity: 0;
  transform: translate3d(0, 108%, 0);
  transition:
    opacity 540ms var(--motion-ease),
    transform 760ms var(--motion-ease-out),
    background-position 900ms var(--motion-ease-out);
  transition-delay: var(--motion-delay);
  will-change: opacity, transform;
}

html.motion-capable .home-hero.motion-in .home-hero__phrase.motion-item > span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

html.motion-capable .home-hero__phrase--accent.motion-item > span { background-position: 100% 50%; }
html.motion-capable .home-hero.motion-in .home-hero__phrase--accent.motion-item > span { background-position: 0 50%; }

html.motion-capable .home-hero .consulting-eyebrow::before {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 420ms var(--motion-ease-out) var(--motion-delay);
}
html.motion-capable .home-hero.motion-in .consulting-eyebrow::before { transform: scaleX(1); }

html.motion-capable .home-hero__step.motion-item::after {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 480ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .home-hero.motion-in .home-hero__step.motion-item::after { transform: scaleY(1); }

html.motion-capable .home-hero__step--outcome.motion-item .home-hero__step-marker {
  box-shadow: 0 0 0 0 rgba(85, 216, 239, 0);
  transition: box-shadow 360ms var(--motion-ease-out) calc(var(--motion-delay) + 80ms);
}
html.motion-capable .home-hero.motion-in .home-hero__step--outcome.motion-item .home-hero__step-marker {
  box-shadow: 0 0 0 5px rgba(85, 216, 239, .045), 0 0 24px rgba(85, 216, 239, .12);
}

/* The first post-hero section reveals as one diagnostic sequence. */
html.motion-capable .home-problem .motion-item { transition-duration: 440ms, 440ms, 620ms; }

html.motion-capable .home-problem__phrase.motion-item {
  overflow: visible;
  opacity: 1;
  transform: none;
  will-change: auto;
}
html.motion-capable .home-problem__phrase.motion-item > span {
  clip-path: inset(100% 0 0);
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    clip-path 650ms var(--motion-ease-out),
    opacity 420ms var(--motion-ease),
    transform 650ms var(--motion-ease-out);
  transition-delay: var(--motion-delay);
  will-change: clip-path, opacity, transform;
}
html.motion-capable .home-problem.motion-in .home-problem__phrase.motion-item > span,
html.motion-capable .home-problem__phrase.motion-item.motion-in > span {
  clip-path: inset(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

html.motion-capable .home-problem__card.motion-item::before {
  transform: scaleX(0);
  transition: transform 520ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .home-problem.motion-in .home-problem__intro > .motion-item,
html.motion-capable .home-problem.motion-in .home-problem__card.motion-item,
html.motion-capable .home-problem.motion-in .home-problem__bridge.motion-item {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
html.motion-capable .home-problem.motion-in .home-problem__card.motion-item::before,
html.motion-capable .home-problem__card.motion-item.motion-in::before { transform: scaleX(1); }

/* The sprint reads as one line whose decisions arrive in order. */
html.motion-capable .home-process__track::before {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 900ms var(--motion-ease-out) 180ms;
}
html.motion-capable .home-process.motion-in .home-process__track::before { transform: scaleX(1); }
html.motion-capable .home-process__step.motion-item { transition-duration: 500ms, 500ms, 620ms; }

/* The homepage offer resolves in the same order as the buying decision:
   promise, three concrete outcomes, then scope and investment. */
html.motion-capable .home-offer .motion-item { transition-duration: 480ms, 480ms, 680ms; }
html.motion-capable .home-offer__outcome.motion-item::before {
  opacity: 0;
  transform: scaleY(0);
  transition:
    opacity 280ms ease calc(var(--motion-delay) + 100ms),
    transform 480ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .home-offer.motion-in .home-offer__outcome.motion-item::before,
html.motion-capable .home-offer__outcome.motion-item.motion-in::before { opacity: .75; transform: scaleY(1); }
html.motion-capable .home-offer__investment.motion-item::before {
  transform: scaleX(0);
  transition: transform 720ms var(--motion-ease-out) calc(var(--motion-delay) + 120ms);
}
html.motion-capable .home-offer.motion-in .home-offer__investment.motion-item::before,
html.motion-capable .home-offer__investment.motion-item.motion-in::before { transform: scaleX(1); }

/* Homepage product proof: one restrained reveal with a short evidence stagger. */
html.motion-capable .home-proof .motion-item { transition-duration: 520ms, 520ms, 680ms; }
html.motion-capable .home-proof__product-flow li::before {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 520ms var(--motion-ease-out);
}
html.motion-capable .home-proof.motion-in .home-proof__product-flow li::before { transform: scaleY(1); }

/* Source and statement enter independently so the credibility hierarchy stays
   clear without turning the testimonial into a theatrical reveal. */
html.motion-capable .home-testimonial .motion-item { transition-duration: 520ms, 520ms, 700ms; }
html.motion-capable .home-testimonial__source.motion-item img {
  filter: saturate(.72);
  transition: filter 700ms ease calc(var(--motion-delay) + 100ms), box-shadow 700ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .home-testimonial.motion-in .home-testimonial__source.motion-item img,
html.motion-capable .home-testimonial__source.motion-item.motion-in img { filter: saturate(1); }

/* The closing decision path arrives as one calm invitation. */
html.motion-capable .home-final-cta .motion-item { transition-duration: 500ms, 500ms, 660ms; }
html.motion-capable .home-final-cta__panel::before {
  transform: scaleX(0);
  transition: transform 760ms var(--motion-ease-out) 120ms;
}
html.motion-capable .home-final-cta.motion-in .home-final-cta__panel::before { transform: scaleX(1); }

/* Services hero reveals the offer first, then draws the short route from an
   opportunity to a shared decision package. */
html.motion-capable .services-hero .motion-item { transition-duration: 480ms, 480ms, 680ms; }
html.motion-capable .services-hero__brief.motion-item::before {
  transform: scaleX(0);
  transition: transform 700ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .services-hero.motion-in .services-hero__brief.motion-item::before { transform: scaleX(1); }
html.motion-capable .services-hero__route li:first-child.motion-item::after {
  transform: scaleY(0);
  transition: transform 520ms var(--motion-ease-out) calc(var(--motion-delay) + 80ms);
}
html.motion-capable .services-hero.motion-in .services-hero__route li:first-child.motion-item::after { transform: scaleY(1); }

/* Work hero establishes the proof lens before its four reading stages resolve. */
html.motion-capable .work-page-hero .motion-item { transition-duration: 480ms, 480ms, 680ms; }
html.motion-capable .work-page-hero__lens.motion-item::before {
  transform: scaleX(0);
  transition: transform 700ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .work-page-hero.motion-in .work-page-hero__lens.motion-item::before { transform: scaleX(1); }
html.motion-capable .work-page-hero__sequence::before {
  transform: scaleY(0);
  transition: transform 720ms var(--motion-ease-out) 430ms;
}
html.motion-capable .work-page-hero.motion-in .work-page-hero__sequence::before { transform: scaleY(1); }

/* Services qualification reads from readiness into three decision signals. */
html.motion-capable .services-fit .motion-item { transition-duration: 480ms, 480ms, 640ms; }
html.motion-capable .services-fit__signal.motion-item::before {
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity 260ms ease calc(var(--motion-delay) + 80ms), transform 520ms var(--motion-ease-out) calc(var(--motion-delay) + 80ms);
}
html.motion-capable .services-fit.motion-in .services-fit__signal.motion-item::before,
html.motion-capable .services-fit__signal.motion-item.motion-in::before { opacity: .55; transform: scaleY(1); }

/* Services boundaries arrive as calm safeguards, not warning cards. */
html.motion-capable .services-boundaries .motion-item { transition-duration: 500ms, 500ms, 650ms; }
html.motion-capable .services-boundaries__item.motion-item::before {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 560ms var(--motion-ease-out) calc(var(--motion-delay) + 80ms);
}
html.motion-capable .services-boundaries.motion-in .services-boundaries__item.motion-item::before,
html.motion-capable .services-boundaries__item.motion-item.motion-in::before { transform: scaleX(1); }

/* Featured founder work: product first, then the supporting evidence. */
html.motion-capable .work-page-featured .motion-item { transition-duration: 500ms, 500ms, 680ms; }
html.motion-capable .work-page-featured__flow li::before {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 460ms var(--motion-ease-out);
}
html.motion-capable .work-page-featured__flow li:nth-child(2)::before { transition-delay: 90ms; }
html.motion-capable .work-page-featured__flow li:nth-child(3)::before { transition-delay: 180ms; }
html.motion-capable .work-page-featured.motion-in .work-page-featured__flow li::before { transform: scaleY(1); }

/* Work closes by carrying demonstrated judgment into one next decision. */
html.motion-capable .work-page-final-cta .motion-item { transition-duration: 500ms, 500ms, 680ms; }
html.motion-capable .work-page-final-cta__panel::before {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 760ms var(--motion-ease-out) 120ms;
}
html.motion-capable .work-page-final-cta.motion-in .work-page-final-cta__panel::before { transform: scaleX(1); }

/* Services scope: artifacts resolve first, followed by the buying summary. */
html.motion-capable .services-scope .motion-item { transition-duration: 500ms, 500ms, 660ms; }
html.motion-capable .services-scope__deliverable.motion-item::before,
html.motion-capable .services-scope__investment.motion-item::before { transform: scaleX(0); transition: transform 600ms var(--motion-ease-out) calc(var(--motion-delay) + 80ms); }
html.motion-capable .services-scope.motion-in .services-scope__deliverable.motion-item::before,
html.motion-capable .services-scope.motion-in .services-scope__investment.motion-item::before { transform: scaleX(1); }

/* Services process: reveal the collaboration rhythm without animating a clock. */
html.motion-capable .services-process .motion-item { transition-duration: 500ms, 500ms, 650ms; }
html.motion-capable .services-process__flow::before { transform: scaleY(0); transform-origin: top; transition: transform 900ms var(--motion-ease-out) 220ms; }
html.motion-capable .services-process.motion-in .services-process__flow::before { transform: scaleY(1); }

/* Optional delivery and client proof arrive as distinct ideas, reinforcing that
   continuation is available but never required. */
html.motion-capable .services-delivery .motion-item { transition-duration: 500ms, 500ms, 660ms; }
html.motion-capable .services-delivery__proof.motion-item::before {
  transform: scaleX(0);
  transition: transform 680ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .services-delivery.motion-in .services-delivery__proof.motion-item::before { transform: scaleX(1); }

/* FAQ groups and their questions reveal in reading order; the native details
   interaction itself remains immediate and unmodified. */
html.motion-capable .services-faq .motion-item { transition-duration: 460ms, 460ms, 620ms; }

/* The method resolves as a four-step operating rhythm while the attributed
   client proof arrives independently. */
html.motion-capable .work-page-method .motion-item { transition-duration: 490ms, 490ms, 650ms; }
html.motion-capable .work-page-method__proof.motion-item::before {
  transform: scaleX(0);
  transition: transform 680ms var(--motion-ease-out) calc(var(--motion-delay) + 100ms);
}
html.motion-capable .work-page-method.motion-in .work-page-method__proof.motion-item::before { transform: scaleX(1); }

/* The services close enters as one low-pressure decision, not a sales flourish. */
html.motion-capable .services-final-cta .motion-item { transition-duration: 500ms, 500ms, 660ms; }
html.motion-capable .services-final-cta__panel::before { transform: scaleX(0); transition: transform 760ms var(--motion-ease-out) 120ms; }
html.motion-capable .services-final-cta.motion-in .services-final-cta__panel::before { transform: scaleX(1); }

/* About: the collaboration path connects only after its steps enter, making
 * the motion describe sequence rather than decorate independent cards. */
html.motion-capable .about-team-sequence::before {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 760ms var(--motion-ease-out) 140ms;
}
html.motion-capable .about-team-method.motion-in .about-team-sequence::before { transform: scaleX(1); }

/* Earlier work: cards enter in reading order; imagery quietly resolves with them. */
html.motion-capable .work-page-cases .motion-item { transition-duration: 500ms, 500ms, 660ms; }
html.motion-capable .work-page-cases__card.motion-item .work-page-cases__visual img { filter: saturate(.76) contrast(.96); }
html.motion-capable .work-page-cases__card.motion-item.motion-in .work-page-cases__visual img,
html.motion-capable .work-page-cases.motion-in .work-page-cases__card.motion-item .work-page-cases__visual img { filter: saturate(1) contrast(1); }

@media (max-width: 800px) {
  html.motion-capable .about-team-sequence::before { transform: scaleY(0); transform-origin: top; }
  html.motion-capable .about-team-method.motion-in .about-team-sequence::before { transform: scaleY(1); }
}

@media (max-width: 600px) {
  :root { --motion-distance: 16px; --motion-duration: 560ms; }
  html.motion-capable .home-process__track::before { transform: scaleY(0); transform-origin: top; }
  html.motion-capable .home-process.motion-in .home-process__track::before { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-capable .motion-item,
  html.motion-capable .motion-section .consulting-eyebrow,
  html.motion-capable .motion-section .auteur-kicker,
  html.motion-capable .motion-section .case-rebuild__eyebrow {
    background-size: auto;
    clip-path: none;
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  html.motion-capable .about-team-sequence::before { transform: none; transition: none; }

  html.motion-capable .home-hero__phrase.motion-item > span,
  html.motion-capable .home-hero.home-hero--entering::before,
  html.motion-capable .home-hero__flow.motion-item,
  html.motion-capable .home-hero .consulting-eyebrow::before,
  html.motion-capable .home-hero__step.motion-item::after,
  html.motion-capable .home-hero__step--outcome.motion-item .home-hero__step-marker,
  html.motion-capable .home-problem__phrase.motion-item > span,
  html.motion-capable .home-problem__card.motion-item::before,
  html.motion-capable .home-process__track::before,
  html.motion-capable .home-offer__outcome.motion-item::before,
  html.motion-capable .home-offer__investment.motion-item::before,
  html.motion-capable .home-proof__product-flow li::before,
  html.motion-capable .home-testimonial__source.motion-item img,
  html.motion-capable .home-final-cta__panel::before,
  html.motion-capable .services-fit__signal.motion-item::before,
  html.motion-capable .services-boundaries__item.motion-item::before,
  html.motion-capable .work-page-featured__flow li::before,
  html.motion-capable .work-page-final-cta__panel::before,
  html.motion-capable .services-scope__deliverable.motion-item::before,
  html.motion-capable .services-scope__investment.motion-item::before,
  html.motion-capable .services-hero__brief.motion-item::before,
  html.motion-capable .services-hero__route li:first-child.motion-item::after,
  html.motion-capable .services-delivery__proof.motion-item::before,
  html.motion-capable .work-page-hero__lens.motion-item::before,
  html.motion-capable .work-page-hero__sequence::before,
  html.motion-capable .services-process__flow::before,
  html.motion-capable .services-final-cta__panel::before,
  html.motion-capable .work-page-method__proof.motion-item::before,
  html.motion-capable .work-page-cases__card.motion-item .work-page-cases__visual img {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
  html.motion-capable .home-hero.home-hero--entering::before { display: none; animation: none; }
  html.motion-capable .motion-hero--entering .motion-item,
  html.motion-capable .home-hero--entering .consulting-eyebrow.motion-item,
  html.motion-capable .home-hero--entering .consulting-lede.motion-item,
  html.motion-capable .home-hero--entering .consulting-actions.motion-item,
  html.motion-capable .home-hero--entering .consulting-trust.motion-item,
  html.motion-capable .home-hero--entering .home-hero__phrase.motion-item > span,
  html.motion-capable .home-hero--entering .home-hero__flow.motion-item,
  html.motion-capable .home-hero--entering .home-hero__step.motion-item,
  html.motion-capable .home-hero--entering .home-hero__facts.motion-item { animation: none; }
  html.motion-capable .work-page-cases__card.motion-item .work-page-cases__visual img { filter: none; }
}
