/* SALTA — custom cursor. Desktop pointers only; never replaces focus states. */

.cursor {
  position: fixed;
  top: 0; left: 0;
  z-index: var(--z-cursor);
  display: grid;
  place-items: center;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--lime);
  color: var(--dark);
  pointer-events: none;
  opacity: 0;
  translate: -50% -50%;
  transition: width .35s var(--ease-out), height .35s var(--ease-out),
              background .35s var(--ease-out), opacity .25s linear;
  mix-blend-mode: normal;
}
html.has-cursor .cursor { opacity: 1; }
.cursor__word {
  font-family: var(--font-body);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  scale: .8;
  transition: opacity .2s linear, scale .3s var(--ease-out);
}
.cursor.is-active { width: 88px; height: 88px; }
.cursor.is-active .cursor__word { opacity: 1; scale: 1; }
.cursor[data-tone="go"] { background: var(--orange); color: var(--white); }

/* the ring only exists while the pointer is a fine pointer device */
@media (hover: none), (pointer: coarse) {
  .cursor { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cursor { display: none; }
}