/* ==========================================================================
   ОГЛАВЛЕНИЕ (course-block-01-background.css) — Фон hero лендинга
   HTML: #course-block-01
   Скопировано с главной: #block-01 + .block-08__aurora / .block-08__stars
   (анимация в block-08-footer.css, высота — в block-01-hero.css)

   1. Fallback-фон и слои перелива
   2. Контент поверх aurora
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. КОСМИЧЕСКИЙ ПЕРЕЛИВ (как #block-01 на главной)
   -------------------------------------------------------------------------- */
.page-course #course-block-01 {
  background: #030408;
  position: relative;
  overflow: hidden;
}

.page-course #course-block-01 > .block-08__aurora,
.page-course #course-block-01 > .block-08__stars {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   2. КОНТЕНТ НАД ПЕРЕЛИВОМ
   Шапка — position: fixed из block-01-hero.css (не переопределять!).
   -------------------------------------------------------------------------- */
.page-course #course-block-01 .block-01__inner {
  position: relative;
  z-index: var(--z-content);
}