html[data-motion-ready] .pf-develop {
  --pf-dur: 1600ms;
  --pf-delay: 0ms;
  --pf-ease: cubic-bezier(0.18, 0.74, 0.22, 1);
  opacity: 0.25;
  clip-path: inset(8% 0 8% 0);
  filter: brightness(1.5) saturate(0.65) blur(3px);
}
html[data-motion-ready] .pf-develop.is-on {
  animation: pf-develop var(--pf-dur) var(--pf-ease) var(--pf-delay) both;
}

html[data-motion-ready] .message-photo__image.pf-develop > img {
  transform: scale(1.045);
}
html[data-motion-ready] .message-photo__image.pf-develop.is-on > img {
  animation: pf-develop-photo var(--pf-dur) var(--pf-ease) var(--pf-delay) both;
}
@keyframes pf-develop {
  from { opacity: 0.25; clip-path: inset(8% 0 8% 0); filter: brightness(1.5) saturate(0.65) blur(3px); }
  64% { opacity: 1; clip-path: inset(0); filter: brightness(1.08) saturate(0.98) blur(0.5px); }
  to { opacity: 1; clip-path: none; filter: none; }
}
@keyframes pf-develop-photo {
  from { transform: scale(1.045); }
  to { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-motion-ready] .pf-develop,
  html[data-motion-ready] .pf-develop.is-on,
  html[data-motion-ready] .message-photo__image.pf-develop > img,
  html[data-motion-ready] .message-photo__image.pf-develop.is-on > img {
    opacity: 1;
    clip-path: none;
    filter: none;
    transform: none;
    animation: none;
  }
}