/* css/cursor.css — Custom cursor and the liquid-glass lens over text. */

/* =============================================================
   5. CURSOR — dot + ring; ring becomes a liquid-glass lens over text
   ============================================================= */
.cur,.cur2{position:fixed;left:0;top:0;z-index:99;display:none;border-radius:50%;pointer-events:none}
.cur{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--accent)}
.cur2{width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid var(--ink);transition:width .35s,height .35s,margin .35s,background .35s,border-color .35s,box-shadow .35s}
.cur2.big{width:76px;height:76px;margin:-38px 0 0 -38px;border-color:var(--accent);background:rgba(255,77,31,.12)}
.cur2.lens{width:130px;height:130px;margin:-65px 0 0 -65px;border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(.6px) saturate(1.6) brightness(1.08);backdrop-filter:blur(.6px) saturate(1.6) brightness(1.08);
  box-shadow:inset 0 0 22px rgba(255,255,255,.55),inset 0 -8px 14px rgba(0,0,0,.08),0 14px 34px rgba(0,0,0,.16)}
.cur2.lens.zoom{backdrop-filter:url(#lens) saturate(1.6) brightness(1.08)}   /* gentle magnifier, Chrome and Edge */
body.menu-open .cur2:not(.lens):not(.big){border-color:#F2F0EA}
body.on-dark .cur{background:#fff}
body.on-dark .cur2:not(.lens):not(.big){border-color:#fff}
@media (hover:hover) and (pointer:fine){body.has-cursor,body.has-cursor *{cursor:none!important}.cur,.cur2{display:block}}