/* =====================================================================
   EFIR — общая база для всех блоков
   ---------------------------------------------------------------------
   Подключается ОДИН раз на странице, до CSS блоков.
   Здесь только то, что не может принадлежать отдельному блоку:
   общий класс .is-in, который ставит наблюдатель из core.js.

   Шрифт Montserrat каждый блок объявляет у себя сам, но сам файл шрифта
   нужно подключить один раз в <head> страницы:
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
   ===================================================================== */

/* !important — принципиально. У каждого блока в его собственном css есть
   правило вида "html.anim .such-title { opacity:0; ... }" с ТОЙ ЖЕ
   специфичностью (0,2,1), что и у .is-in ниже. При равной специфичности
   побеждает правило, подключённое позже в <head> — а поскольку core.css
   подключается ПЕРВЫМ (до всех блоков), без !important блоки, наоборот,
   гасили бы .is-in и оставались невидимыми навсегда, даже когда JS уже
   корректно навесил класс .is-in (baги ровно так и проявлялся). */
html.anim .is-in {
  opacity: 1 !important;
  transform: none !important;
}
