/* animations.css — Cursor/reveal animation layers and their keyframes. */

html[data-motion="off"]{ scroll-behavior: auto; }
html[data-motion="off"] *, html[data-motion="off"] ::before, html[data-motion="off"] ::after{ animation: auto ease 0s 1 normal none running none !important; transition-duration: 0.01ms !important; }
#cursors{position:fixed;inset:0;pointer-events:none;z-index:130;overflow:hidden}
.cur{position:absolute;left:0;top:0;will-change:transform}
.cur svg{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.js [data-reveal]:not(.in),.js [data-item]:not(.in){opacity:0;clip-path:inset(0 100% 100% 0);transition:opacity .3s,clip-path .3s}
.cur svg{transition:transform .1s}
.cur.dn svg{transform:scale(.78)}
#sel{position:absolute;left:0;top:0;width:100%;height:0;overflow:visible;pointer-events:none;z-index:125}
.sel{position:absolute;outline:1.5px solid var(--c)}
.sel i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--c);margin:-4px 0 0 -4px;opacity:0;transition:opacity .15s}
.sel.done i{opacity:1}
.sel i:nth-child(1){left:0;top:0}
.sel i:nth-child(2){left:50%;top:0}
.sel i:nth-child(3){left:100%;top:0}
.sel i:nth-child(4){left:0;top:50%}
.sel i:nth-child(5){left:100%;top:50%}
.sel i:nth-child(6){left:0;top:100%}
.sel i:nth-child(7){left:50%;top:100%}
.sel i:nth-child(8){left:100%;top:100%}
.rip{position:absolute;width:10px;height:10px;margin:-5px;border:2px solid var(--c);border-radius:50%;animation:rip .6s ease-out forwards}
@keyframes rip{to{transform:scale(4);opacity:0}}
.js .ch{opacity:0}
.js .ch.on{opacity:1}
.js [data-type]:not(.ready){visibility:hidden;animation:fb 0s 4s forwards}
@keyframes fb{to{visibility:visible}}
.caret{position:absolute;width:3px;background:var(--c);animation:bl .5s steps(2) infinite}
@keyframes bl{50%{opacity:0}}
.js [data-pop]:not(.in){opacity:0;clip-path:inset(50% round 999px)}
.js [data-pop].in{animation:popclip .4s ease-out,popin .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes popclip{from{clip-path:inset(50% round 999px)}to{clip-path:inset(0 round 999px)}}
@keyframes popin{0%{transform:scale(.55)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
.cur.fl svg{animation:flt var(--d,3s) ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes flt{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(6px,-8px) rotate(5deg)}50%{transform:translate(-2px,-13px) rotate(-4deg)}75%{transform:translate(-7px,-5px) rotate(4deg)}}