/* Finite, action-led motion. Existing content and layout remain the baseline. */
.hero[data-motion-paused="true"] .scroll-cue i::after {animation-play-state:paused}
.expertise .practice-tabs.motion-tabs {position:relative}
.expertise .motion-tabs button::before {display:none}
.practice-tab-indicator {
  position:absolute;top:0;left:0;height:3px;width:0;
  background:var(--purple);pointer-events:none;
  transition:transform 300ms cubic-bezier(.22,.8,.22,1),width 300ms cubic-bezier(.22,.8,.22,1);
}
.expertise .practice-panels.motion-panels .practice-panel {animation:none}
.experience-item[data-motion-owned] {overflow-anchor:none}
.experience-item[data-motion-owned] .experience-toggle {
  transition:background 300ms,color 300ms,border-color 300ms,transform 420ms;
}
.experience-item[data-target-open="true"] .experience-toggle {background:var(--purple);color:white;border-color:var(--purple)}
.experience-item[data-target-open="true"] .experience-toggle::after {transform:rotate(90deg);opacity:0}
.experience-item[data-target-open="false"] .experience-toggle::after {transform:rotate(90deg);opacity:1}
.experience-item[data-motion-owned] .experience-toggle::after {transition:transform 420ms,opacity 220ms}
.team-section .member-card[data-motion-owned] .member-photo {
  transition:transform 550ms cubic-bezier(.22,.8,.22,1),box-shadow 550ms;
}
.team-section .member-card[data-motion-owned] .member-card-copy {transition:transform 420ms cubic-bezier(.22,.8,.22,1)}
.team-section .member-card[data-motion-owned] h3 {transition:color 300ms}
.team-section .member-card[data-motion-owned]:focus-visible .member-photo {transform:translateY(-5px);box-shadow:0 9px 18px #36203e12}
.team-section .member-card[data-motion-owned]:focus-visible .member-read svg {transform:translateX(8px)}
@media(hover:hover) and (pointer:fine) {
 .team-section .member-card[data-motion-owned]:hover .member-photo {transform:translateY(-6px);box-shadow:0 12px 20px #36203e14}
 .team-section .member-card[data-motion-owned]:hover .member-card-copy {transform:translateX(5px)}
 .team-section .member-card[data-motion-owned]:hover .member-read svg {transform:translateX(8px)}
 .experience-item[data-motion-owned] summary:hover .experience-toggle {transform:scale(1.08)}
}
@media(max-width:760px) {.practice-tab-indicator {height:2px}}
@media(prefers-reduced-motion:reduce) {
 .practice-tab-indicator {transition:none}
 .team-section .member-card[data-motion-owned] .member-photo,
 .team-section .member-card[data-motion-owned] .member-card-copy {transform:none!important}
}
