.motion-ready .reveal {
  --reveal-x: 0px;
  --reveal-y: 48px;
  opacity: 0;
  translate: var(--reveal-x) var(--reveal-y);
  scale: .965;
  transition-property: opacity, translate, scale;
  transition-duration: .82s;
  transition-delay: calc(var(--stagger, 0) * 70ms);
  transition-timing-function: var(--ease);
  will-change: opacity, translate, scale;
}

.motion-ready .reveal[data-motion="left"] { --reveal-x: -64px; --reveal-y: 14px; }
.motion-ready .reveal[data-motion="right"] { --reveal-x: 64px; --reveal-y: 14px; }
.motion-ready .reveal[data-motion="up"] { --reveal-y: 54px; }
.motion-ready .reveal[data-motion="scale"] { --reveal-y: 20px; scale: .91; }

.motion-ready .reveal.is-visible {
  opacity: 1;
  translate: 0 0;
  scale: 1;
  will-change: auto;
}

[data-depth] {
  translate: 0 var(--scroll-depth, 0px);
  will-change: translate;
}

.site-header {
  transition: top .36s var(--ease), height .36s var(--ease), padding .36s var(--ease),
    transform .42s var(--ease), box-shadow .36s var(--ease), background .36s var(--ease);
  will-change: transform;
}

.site-header.is-compact {
  top: .45rem;
  height: 3.7rem;
  padding-block: .35rem;
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 42px rgba(38,31,80,.16);
}

.site-header.is-hidden { transform: translate(-50%,-145%); }

.motion-ready .process li {
  opacity: 0;
  translate: 0 24px;
  transition: opacity .55s var(--ease), translate .55s var(--ease);
}

.motion-ready .process.is-visible li { opacity: 1; translate: 0 0; }
.motion-ready .process.is-visible li:nth-child(1) { transition-delay: .14s; }
.motion-ready .process.is-visible li:nth-child(2) { transition-delay: .24s; }
.motion-ready .process.is-visible li:nth-child(3) { transition-delay: .34s; }
.motion-ready .process.is-visible li:nth-child(4) { transition-delay: .44s; }

.hero__landscape,
.hero__content { will-change: transform; }

.hero__landscape {
  transform: translate3d(0,var(--hero-art-y,0px),0) scale(var(--hero-art-scale,1));
  transform-origin: 50% 70%;
}

.hero__content {
  transform: translate3d(0,var(--hero-copy-y,0px),0);
  opacity: var(--hero-copy-opacity,1);
}

.section-nav a[aria-current="location"] .section-nav__node {
  animation: nav-current-pulse .55s var(--ease) both;
}

@keyframes nav-current-pulse {
  from { scale: .82; }
  to { scale: 1; }
}

.audience-card:active { transform: scale(.985); }

@keyframes route-panel-in {
  from { opacity: 0; translate: 0 52px; scale: .975; }
  to { opacity: 1; translate: 0 0; scale: 1; }
}

.personalized[data-active-audience] {
  animation: route-panel-in .72s var(--ease) both;
  transform-origin: 50% 0;
}

@media(max-width:719px) {
  .motion-ready .reveal { --reveal-y: 30px; transition-duration: .68s; }
  .motion-ready .reveal[data-motion="left"] { --reveal-x: -24px; --reveal-y: 10px; }
  .motion-ready .reveal[data-motion="right"] { --reveal-x: 24px; --reveal-y: 10px; }
  [data-depth] { translate: 0 clamp(-9px,var(--scroll-depth,0px),9px); }
  .site-header.is-compact { height: 3.55rem; }
}

@media (hover:none),(pointer:coarse) {
  .motion-ready .reveal { transition-duration: .64s; }
  [data-depth] { translate: 0 clamp(-8px,var(--scroll-depth,0px),8px); }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .motion-ready .reveal,
  .motion-ready .process li {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  [data-depth] { translate: 0 0 !important; will-change: auto !important; }
  [data-flow-line] { --flow-progress: 1 !important; }
  [data-stream-direction] { --stream-shift: 0px !important; }
  .experience-timeline { --timeline-progress: 1 !important; }
  [data-team-depth] { --team-depth: 0px !important; }
  .personalized[data-active-audience] { animation: none !important; }
  .site-header { transform: translateX(-50%) !important; will-change: auto !important; }
  .hero__landscape,.hero__content,.flag-sphere { transform: none !important; will-change: auto !important; }
  .hero__content { opacity: 1 !important; }
}