/* Recovered motion mechanics on the current content and document flow. */
.kinetic-heading>.fit-type{
  translate:var(--kinetic-x,0px) var(--kinetic-y,0px);
  transform:scaleX(var(--fit-x,1)) skewY(var(--kinetic-shear,0deg));
  transform-origin:left center;
}
.hero-studio-frame.kinetic-frame{
  translate:var(--kinetic-frame-x,0px) calc(var(--kinetic-frame-y,0px) + var(--kinetic-frame-enter,0px));
  transform:perspective(1600px) rotateX(var(--kinetic-frame-rx,0deg)) rotateY(var(--kinetic-frame-ry,0deg));
  transform-origin:50% 50%;
}
html[data-kinetic-motion=paused] .kinetic-heading>.fit-type{translate:none;transform:scaleX(var(--fit-x,1))}
html[data-kinetic-motion=paused] .kinetic-frame{translate:none;transform:none}
/* More visible material depth, with the existing visibility-gated loops. */
@keyframes ambient-fold-drift{
  0%,100%{transform:translate(-2px,2px) rotate(-1.2deg)}
  50%{transform:translate(3px,-4px) rotate(1.2deg)}
}
@keyframes ambient-plate-breath{
  0%,100%{transform:translate(var(--ambient-plate-x),var(--ambient-plate-y)) rotate(var(--ambient-plate-angle))}
  50%{transform:translate(calc(var(--ambient-plate-x) + 2px),calc(var(--ambient-plate-y) + var(--ambient-plate-travel) + 2px)) rotate(calc(var(--ambient-plate-angle) + .25deg))}
}
@media(prefers-reduced-motion:reduce){
  .kinetic-heading>.fit-type{translate:none!important;transform:scaleX(var(--fit-x,1))!important}
  .hero-studio-frame.kinetic-frame{translate:none!important;transform:none!important}
}
@media(forced-colors:active){
  .kinetic-heading>.fit-type{translate:none!important;transform:scaleX(var(--fit-x,1))!important}
  .hero-studio-frame.kinetic-frame{translate:none!important;transform:none!important}
}