@layer application {
html.has-js img[data-blur-up-image]:not(.is-blur-up-settled) {
  filter: blur(
    clamp(0.38rem, calc(0.7 * var(--site-scale-unit)), 0.78rem)
  );
}

html.has-js img[data-blur-up-image]:is(
  :not(.is-blur-up-settled),
  .is-blur-up-revealing
) {
  transition: filter 420ms var(--site-ease-out);
}

@media (prefers-reduced-motion: reduce) {
  html.has-js img[data-blur-up-image]:is(
    :not(.is-blur-up-settled),
    .is-blur-up-revealing
  ) {
    transition: none;
  }
}
}