/* ============================================================
   Великая Мать Landing Page — Styles
   ============================================================ */

@import url('../../../shared/css/shared.css');

/* --- Палитру страница НЕ переопределяет: работает светлая
   дизайн-система темы (assets/css/design-system.css) плюс светлые
   оверрайды общих компонентов в shared.css. --- */

/* --- Problem: тёмная текстура со старого лендинга → светлая подложка (§8) --- */
.problem {
  background-color: var(--color-background-muted);
  background-image: linear-gradient(var(--pattern-veil-muted), var(--pattern-veil-muted)), url('../images/texture-dream.webp');
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.problem__title {
  color: var(--color-foreground);
}

/* --- authors-word: одиночная карточка по центру --- */
.authors-word__columns--single {
  justify-content: center;
}

.authors-word__columns--single .author-card {
  max-width: 720px;
}

/* --- Hero: тёмная половина (проблема) и тёплая (задача) — светлые,
   с паттерном под почти непрозрачным оверлеем (§8) --- */
.hero__half--dark {
  background-image: linear-gradient(var(--pattern-veil), var(--pattern-veil)), url('../../../shared/images/pattern-dark.webp');
  background-size: cover, cover;
}

.hero__half--warm {
  align-items: flex-end;
  text-align: right;
  background-image: linear-gradient(var(--pattern-veil-muted), var(--pattern-veil-muted)), url('../../../shared/images/pattern-warm.webp');
  background-size: cover, cover;
}

@media (max-width: 960px) {
  .hero__illustration-bg--right {
    background-image: linear-gradient(var(--pattern-veil-muted), var(--pattern-veil-muted)), url('../../../shared/images/pattern-warm.webp');
    background-size: cover, cover;
  }
}