/* Phase 17: scoped, layout-neutral reveal for the About team introduction. */
#about-who-subsection-team[data-team-motion="armed"] #about-who-team::before {
  opacity: 0 !important;
  transform: scaleY(0) !important;
  transform-origin: 50% 0 !important;
}

#about-who-subsection-team[data-team-motion="armed"] #about-who-team::after {
  opacity: 0 !important;
  transform: translateX(2.5px) scale(0.35) !important;
}

#about-who-subsection-team[data-team-motion="armed"] #about-who-team-name {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) !important;
  filter: blur(6px) !important;
}

#about-who-subsection-team[data-team-motion="armed"] #about-who-team-job {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) !important;
}

#about-who-subsection-team[data-team-motion="armed"] #about-who-team-desc {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) !important;
  clip-path: inset(0 0 100% 0) !important;
}

#about-who-subsection-team[data-team-motion="visible"] #about-who-team::before {
  opacity: 0.66 !important;
  transform: scaleY(1) !important;
  transform-origin: 50% 0 !important;
  transition:
    transform 1.15s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.45s ease-out !important;
}

#about-who-subsection-team[data-team-motion="visible"] #about-who-team::after {
  opacity: 1 !important;
  transform: translateX(2.5px) scale(1) !important;
  transition:
    transform 0.72s cubic-bezier(0.16, 1, 0.3, 1) 0.12s,
    opacity 0.35s ease-out 0.12s,
    box-shadow 0.8s ease-out 0.12s !important;
}

#about-who-subsection-team[data-team-motion="visible"] #about-who-team-name {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0) !important;
  transition:
    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.12s,
    opacity 0.56s ease-out 0.12s,
    filter 0.68s ease-out 0.12s !important;
}

#about-who-subsection-team[data-team-motion="visible"] #about-who-team-job {
  opacity: 0.68 !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    transform 0.82s cubic-bezier(0.16, 1, 0.3, 1) 0.26s,
    opacity 0.52s ease-out 0.26s !important;
}

#about-who-subsection-team[data-team-motion="visible"] #about-who-team-desc {
  opacity: 0.78 !important;
  transform: translate3d(0, 0, 0) !important;
  clip-path: inset(0 0 0 0) !important;
  transition:
    transform 0.92s cubic-bezier(0.16, 1, 0.3, 1) 0.42s,
    opacity 0.62s ease-out 0.42s,
    clip-path 0.96s cubic-bezier(0.16, 1, 0.3, 1) 0.42s !important;
}

@media (max-width: 812px) {
  #about-who-subsection-team[data-team-motion="armed"] #about-who-team-name {
    transform: translate3d(0, 18px, 0) !important;
  }

  #about-who-subsection-team[data-team-motion="armed"] #about-who-team-job,
  #about-who-subsection-team[data-team-motion="armed"] #about-who-team-desc {
    transform: translate3d(0, 18px, 0) !important;
  }

  #about-who-subsection-team[data-team-motion="visible"] #about-who-team-name,
  #about-who-subsection-team[data-team-motion="visible"] #about-who-team-job,
  #about-who-subsection-team[data-team-motion="visible"] #about-who-team-desc {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #about-who-subsection-team[data-team-motion] #about-who-team::before {
    opacity: 0.66 !important;
    transform: none !important;
    transition: none !important;
  }

  #about-who-subsection-team[data-team-motion] #about-who-team::after {
    opacity: 1 !important;
    transform: translateX(2.5px) !important;
    transition: none !important;
  }

  #about-who-subsection-team[data-team-motion] #about-who-team-name,
  #about-who-subsection-team[data-team-motion] #about-who-team-job,
  #about-who-subsection-team[data-team-motion] #about-who-team-desc {
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    transition: none !important;
  }

  #about-who-subsection-team[data-team-motion] #about-who-team-name {
    opacity: 1 !important;
  }

  #about-who-subsection-team[data-team-motion] #about-who-team-job {
    opacity: 0.68 !important;
  }

  #about-who-subsection-team[data-team-motion] #about-who-team-desc {
    opacity: 0.78 !important;
  }
}