/* ═══════════════════════════════════════════════════════════════
   landing-words.css
   Плавающие эстонские слова на фоне секции .features
   ═══════════════════════════════════════════════════════════════ */

/* Секция получает relative для абсолютного позиционирования слоя */
.features {
  position: relative;
}

/* Контент всегда поверх слоя со словами */
.features-inner {
  position: relative;
  z-index: 1;
}

/* ── Слой-контейнер для слов ────────────────────────────────── */
.land-words-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;   /* мышь «проваливается» сквозь слой к контенту */
  z-index: 0;
}

/* ── Отдельное слово ────────────────────────────────────────── */
.land-word {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--mono);       /* JetBrains Mono — уже загружен на странице */
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
  color: var(--text2);
  will-change: transform;

  /* Плавное появление при старте */
  opacity: 0;
  transition: opacity 0.6s ease;
}

.land-word.is-ready {
  opacity: 1;
}

/* ── Размеры — JS присваивает data-size="0|1|2|3|4" ────────── */
.land-word[data-size="0"] { font-size: .70rem; }
.land-word[data-size="1"] { font-size: .80rem; }
.land-word[data-size="2"] { font-size: .92rem; }
.land-word[data-size="3"] { font-size: 1.04rem; }
.land-word[data-size="4"] { font-size: 1.16rem; }

/* ── Opacity — JS присваивает data-opac="0|1|2|3|4|5" ──────── */
.land-word[data-opac="0"] { --word-opac: 0.10; }
.land-word[data-opac="1"] { --word-opac: 0.13; }
.land-word[data-opac="2"] { --word-opac: 0.17; }
.land-word[data-opac="3"] { --word-opac: 0.12; }
.land-word[data-opac="4"] { --word-opac: 0.20; }
.land-word[data-opac="5"] { --word-opac: 0.09; }

.land-word.is-ready {
  opacity: var(--word-opac, 0.14);
}

/* ── Dark theme — чуть ярче, иначе не видно ─────────────────── */
[data-theme="dark"] .land-word[data-opac="0"] { --word-opac: 0.14; }
[data-theme="dark"] .land-word[data-opac="1"] { --word-opac: 0.18; }
[data-theme="dark"] .land-word[data-opac="2"] { --word-opac: 0.23; }
[data-theme="dark"] .land-word[data-opac="3"] { --word-opac: 0.16; }
[data-theme="dark"] .land-word[data-opac="4"] { --word-opac: 0.26; }
[data-theme="dark"] .land-word[data-opac="5"] { --word-opac: 0.12; }

/* ── Reduced motion — слова остаются, но не двигаются ───────── */
@media (prefers-reduced-motion: reduce) {
  .land-word {
    transition: none;
  }
  .land-word.is-ready {
    opacity: var(--word-opac, 0.10);
  }
}