/* ════════════════════════════════════════════
   SECTIONS / BASE — общие правила для всех вкладок-секций
   (.section, .section__header, .section__title, .section__subtitle).
   Подключается ДО файлов конкретных вкладок — они могут переопределять
   эти правила локально при необходимости.
   ═════════════════════════════════════════════ */

/* ── Content section base ── */
.section {
  display: none;
  padding-top: 58px;
  opacity: 0;
  position: relative;
  min-height: 100vh;
  z-index: 1;
}

.section.is-active {
  display: block;
  animation: section-in 0.4s ease forwards;
}

@keyframes section-in {
  to {
    opacity: 1;
  }
}

/* ── Заголовки секций — без фона и разделителей ──
   Ambient-фон виден через весь контент, создавая единую картину */
.section__header {
  margin-bottom: 40px;
  padding-bottom: 20px;
  /* Убраны: background, backdrop-filter, border-bottom */
  /* Ambient виден за заголовком */
}

.section__title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(36px, 6vw, 60px);
  letter-spacing: 0.1em;
  color: var(--white);
  line-height: 1;
  text-shadow:
    0 2px 20px rgba(0, 0, 0, 0.7),
    0 0 40px rgba(0, 0, 0, 0.4);
}

.section__subtitle {
  color: var(--text);
  font-size: 14px;
  letter-spacing: 0.06em;
  margin-top: 8px;
  text-transform: uppercase;
  text-shadow:
    0 1px 10px rgba(0, 0, 0, 0.6),
    0 0 20px rgba(0, 0, 0, 0.3);
}

/* ── Основной текст секций ──
   Читаемый на ambient-фоне */
.section p,
.section li,
.section span {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}