/* ky-work — real works, placeholders, liquid work-card transition.
   Expressed in the site's own vocabulary: the honeykit #goo filter, the
   --color-accent-200 / ink tokens, the .4s cubic-bezier(.51,.92,.24,1.15)
   easing. No new palette, no new type. Everything below only styles the
   liquid transition overlay + the media slot; the cards themselves reuse
   the site's existing compiled utility classes verbatim. */

/* the media slot keeps the original grayscale-photo reading until a
   placeholder mounts into it */
#Works .ky-media-slot{position:relative;}

/* liquid transition overlay ------------------------------------------------ */
#ky-work-goo{
  position:fixed;inset:0;z-index:2147482000;
  pointer-events:none;overflow:hidden;
  contain:strict;
}
#ky-work-goo .ky-goo-stage{
  position:absolute;inset:0;
  filter:url(#goo);
  will-change:filter;
}
#ky-work-goo .ky-goo-blob{
  position:absolute;top:0;left:0;
  border-radius:50%;
  transform:translate(-50%,-50%) scale(0);
  will-change:transform;
  transition:transform .7s cubic-bezier(.51,.92,.24,1.15);
  background:var(--color-accent-200,#E3AC33);
}
#ky-work-goo .ky-goo-blob.ink{background:var(--color-foreground,#14110A);}

@media (prefers-reduced-motion: reduce){
  /* no overlay is ever built in reduced-motion; this is a belt-and-braces
     guard so a stray overlay can never animate */
  #ky-work-goo .ky-goo-blob{transition:none;}
}