/* =========================================================
   asatoma-par.ru · vapor-text.css
   ─────────────────────────────────────────────────────────
   Hover-эффект «частицы пара» на «Живительный пар».
   Анимацию выполняет GSAP (scripts/vapor-text.js); здесь —
   базовая раскладка букв и переменные тонкой настройки.
   ========================================================= */

/* Параметры эффекта — Сергей может подстроить интенсивность.
   JS (vapor-text.js) читает их через getComputedStyle. */
:root {
  --vapor-spread-x: 40px;       /* размах по X (±) */
  --vapor-lift-y: 35px;         /* подъём вверх (макс) */
  --vapor-rotate: 15deg;        /* поворот букв (±) */
  --vapor-duration-out: 0.7s;   /* длительность разлёта */
  --vapor-duration-in: 0.55s;   /* длительность сборки */
  --vapor-blur: 3px;            /* размытие при разлёте */
  --vapor-opacity-min: 0.18;    /* минимальная прозрачность букв */
}

[data-vapor-text] {
  display: inline-block;
  cursor: default;
  position: relative;
}

[data-vapor-text] .char {
  display: inline-block;
  transition: color 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  [data-vapor-text]:hover { cursor: pointer; }
}

/* Touch / reduce-motion — JS не активируется, CSS страхует. */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  [data-vapor-text] { cursor: default; }
}