/* Project scale and delayed media reveal follow the reference's 500ms out-quart rhythm. */
.project-card.project-motion{opacity:1;translate:none;transform:scale(.9);transform-origin:center;transition:transform .5s cubic-bezier(.25,1,.5,1)}
.project-card.project-motion.project-in-view,.project-card.project-motion:focus-within{transform:scale(1)}
.project-motion .card-art{opacity:0;translate:0 50px;transition:opacity .5s cubic-bezier(.25,1,.5,1),translate .5s cubic-bezier(.25,1,.5,1)}
.project-motion.project-in-view .card-art,.project-motion:focus-within .card-art{opacity:1;translate:0 0;transition-delay:.3s}
.project-motion .art-strip{will-change:translate}
.motion-cursor{position:fixed;inset:0;z-index:5000;pointer-events:none;opacity:0;mix-blend-mode:difference;transition:opacity .12s}
.motion-cursor.is-visible{opacity:1}
.cursor-filter{position:absolute;pointer-events:none;overflow:hidden}
.cursor-liquid{position:absolute;filter:url("#yitong-ink");pointer-events:none}
.cursor-drop{display:block;position:absolute;top:0;left:0;border-radius:80px;width:25px;height:25px;background:#fff;transform-origin:center;pointer-events:none;transition:background-color .5s ease-in,width .18s ease-out,height .18s ease-out;will-change:transform}
.is-link .cursor-drop{width:50px;height:50px;background:#ff0}
.is-pressed .cursor-drop{width:50px;height:50px}
motion-word{white-space:nowrap}
motion-glyph{position:relative;display:inline-block;font:inherit;color:inherit;letter-spacing:inherit;text-indent:0}
motion-glyph canvas{position:absolute;left:-7px;top:-7px;pointer-events:none;max-width:none}
motion-ink{display:block;font:inherit;color:inherit;letter-spacing:inherit}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html.cursor-ready,html.cursor-ready body,html.cursor-ready body *{cursor:none!important}
  html.cursor-ready .dialog-open,html.cursor-ready .dialog-open *{cursor:auto!important}
}
@media(max-width:991px){
  .project-card.project-motion{transform:scale(.96)}
  .project-motion .card-art{translate:0 24px}
}
@media(prefers-reduced-motion:reduce){
  .motion-cursor{display:none}
  .project-card.project-motion,.project-card.project-motion:hover{transform:none!important}
  .project-motion .card-art{opacity:1;translate:none;transition:none}
  .project-motion .art-strip{translate:none!important;will-change:auto}
}