/* Match Paak's link hairline, including the large category names. */
.inner-page--services .about-capability h3 a,
.inner-page--services .about-capability h3 a:hover {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.inner-page--services [data-service-media] {
  cursor: pointer;
}
.inner-page--services [data-service-media]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
.inner-page--services .brand-specimen-svg {
  display: none;
  width: 100%;
  height: 100%;
}
.inner-page--services .brand-motion-ready > img {
  display: none;
}
.inner-page--services .brand-motion-ready > .brand-specimen-svg {
  display: block;
}
.inner-page--services .brand-motion-ready.is-reduced:not(.is-playing) > img {
  display: block;
}
.inner-page--services
  .brand-motion-ready.is-reduced:not(.is-playing)
  > .brand-specimen-svg {
  display: none;
}
.brand-specimen-svg .brand-letter {
  transform-box: fill-box;
  transform-origin: center;
  animation: specimen-letter 8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
  animation-play-state: paused;
}
.brand-specimen-svg .brand-swatch {
  animation: specimen-swatch 8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
  animation-play-state: paused;
}
.is-playing .brand-specimen-svg :is(.brand-letter, .brand-swatch) {
  animation-play-state: running;
}
@keyframes specimen-letter {
  0%,
  5%,
  34%,
  100% {
    transform: translateY(0) scale(1);
  }
  16% {
    transform: translateY(-40px) scale(1.035);
  }
  25% {
    transform: translateY(0) scale(1);
  }
}
@keyframes specimen-swatch {
  0%,
  25%,
  55%,
  100% {
    transform: translateY(0);
  }
  36% {
    transform: translateY(-26px);
  }
  46% {
    transform: translateY(0);
  }
}