/* Scroll changes depth while the document keeps its normal reading flow. */
.ph-scroll-trial .ph-gallery {
  transform: translate3d(0, var(--trial-gallery-y, 0px), 0) scale(var(--trial-gallery-scale, 1));
  transform-origin: 50% 62%;
}
.ph-scroll-trial .ph-hero-copy {
  translate: 0 var(--trial-copy-y, 0px);
  opacity: var(--trial-copy-opacity, 1);
}
/* Individual translate and clipping leave the category layout's transform untouched. */
.ph-scroll-trial .pc-card {
  translate: 0 24px;
  clip-path: inset(0 0 18% 0 round 16px);
  opacity: .35;
  transition: translate 850ms cubic-bezier(.22, 1, .36, 1), clip-path 850ms cubic-bezier(.22, 1, .36, 1), opacity 600ms ease;
  transition-delay: var(--trial-delay, 0ms);
}
.ph-scroll-trial .pc-card.trial-entered,
.ph-scroll-trial .pc-card:focus-within { translate: 0 0; clip-path: inset(0 round 16px); opacity: 1; }
.ph-scroll-trial .pc-card:focus-within { clip-path: none; transition-delay: 0ms; }
.ph-scroll-trial .pg-stage {
  translate: 0 var(--trial-globe-y, 0px);
  scale: var(--trial-globe-scale, 1);
  transform-origin: 50% 100%;
}
.ph-scroll-trial .pg-stage:focus-within { translate: none; scale: 1; }
.ph-scroll-trial .pe-contact-copy { translate: 0 var(--trial-close-y, 0px); }
.ph-scroll-trial .pe-contact .ph-line { transition-duration: 1050ms; }
.ph-scroll-trial .trial-reveal {
  translate: 0 20px;
  opacity: 0;
  transition: translate 700ms cubic-bezier(.22, 1, .36, 1), opacity 600ms ease;
  transition-delay: var(--trial-delay, 0ms);
}
.ph-scroll-trial .ps-introduction p.trial-reveal,
.ph-scroll-trial .pe-clients.trial-reveal { translate: none; }
.ph-scroll-trial .pe-client-track { animation-play-state: paused; }
.ph-scroll-trial .pe-clients.trial-in-view .pe-client-track { animation-play-state: running; }
.ph-scroll-trial .trial-reveal.trial-entered,
.ph-scroll-trial .trial-reveal:focus-within { translate: 0 0; opacity: 1; }
.ph-scroll-trial .trial-reveal:focus-within { transition-delay: 0ms; }
.ph-scroll-trial .ph-hero:focus-within .ph-hero-copy { translate: none; opacity: 1; }
@media (max-width: 800px) {
  .ph-scroll-trial .pc-card { translate: 0 14px; clip-path: inset(0 0 10% 0 round 16px); transition-duration: 550ms, 550ms, 400ms; }
  .ph-scroll-trial .pc-card.trial-entered { clip-path: inset(0 round 16px); }
  .ph-scroll-trial .pc-card:focus-within { clip-path: none; }
}
@media (prefers-reduced-motion: reduce), print {
  .ph-scroll-trial .ph-gallery { transform: translateZ(0); }
  .ph-scroll-trial :is(.ph-hero-copy, .pc-card, .pg-stage, .pe-contact-copy, .trial-reveal) {
    translate: none; scale: 1; opacity: 1; clip-path: none; transition: none;
  }
  .ph-scroll-trial .pe-client-track { animation-play-state: paused; }
}