@media (min-width: 1100px) and (min-height: 820px) and (prefers-reduced-motion: no-preference) {
  .practice.is-capability-scroll-ready {
    height: 270svh;
    padding: 0;
  }

  .practice.is-capability-scroll-ready .practice-stage {
    position: sticky;
    top: var(--header-height);
    display: grid;
    height: calc(100svh - var(--header-height));
    align-content: center;
    overflow: clip;
    padding: clamp(34px, 4.4svh, 62px) 0;
  }

  .practice.is-capability-scroll-ready .capability-composition {
    margin-top: clamp(34px, 4.8svh, 64px);
  }

  .practice.is-capability-scroll-ready .panel-thesis {
    padding-top: clamp(22px, 2.8svh, 34px);
    padding-bottom: clamp(28px, 3.8svh, 46px);
  }

  .practice.is-capability-scroll-ready .artifact-field {
    min-height: clamp(176px, 20svh, 205px);
  }

  .practice.is-capability-scroll-ready .capability-tabs button::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: var(--carbon);
    content: "";
    opacity: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition:
      opacity 240ms ease,
      transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .practice.is-capability-scroll-ready .capability-tabs button > span,
  .practice.is-capability-scroll-ready .capability-tabs button > strong,
  .practice.is-capability-scroll-ready .capability-tabs button > small {
    transition:
      color 520ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity 520ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .practice.is-capability-scroll-ready
    .capability-tabs
    button[aria-selected="false"]
    > :is(span, strong, small) {
    opacity: 0.56;
    transform: translate3d(0, 0, 0);
  }

  .practice.is-capability-scroll-ready
    .capability-tabs
    button[aria-selected="true"]
    > :is(span, strong, small) {
    opacity: 1;
    transform: translate3d(5px, 0, 0);
  }

  .practice.is-capability-scroll-ready .capability-panels {
    display: grid;
    isolation: isolate;
  }

  .practice.is-capability-scroll-ready .capability-panel {
    grid-area: 1 / 1;
    min-width: 0;
    will-change: opacity, transform;
  }

  .practice.is-capability-scroll-ready
    .capability-panels.is-capability-crossfading {
    pointer-events: none;
  }

  .practice.is-capability-scroll-ready
    .capability-tabs
    button[aria-selected="true"]::after {
    opacity: 0.24;
    transform: scaleX(1);
  }
}