html { scroll-behavior: smooth; }

/* Стартовые скрытые состояния включаем только при работающем JS.
   Без скриптов (scripting: none) заголовки и контент видны сразу,
   анимация просто не проигрывается - прогрессивное улучшение. */
@media (scripting: enabled) {
  /* ---- Появление по словам: H1, H2 ---- */
  .word {
    opacity: 0;
    transition: opacity 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  /* ---- Fade-in для остального контента ---- */
  .fade-in {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.75s cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
}

.word.is-visible {
  opacity: 1;
}
.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ---- Параллакс watermark при скролле ---- */
.projects__watermark-line,
.contact__marquee-line {
  will-change: transform;
}

/* ---- Аккордион FAQ ---- */
.faq__body { overflow: hidden; }

/* ---- Без анимаций для пользователей с ограничениями ---- */
@media (prefers-reduced-motion: reduce) {
  .word,
  .fade-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}