/* Стили страницы page-video-chapters.php.
   Переменные (--ink, --muted, --blue, --lilac и т.д.) приходят из landing-styles.css.
   Классы префиксуем vch-, чтобы не пересекаться с общими стилями темы. */

/* ── Hero с блоком пробной загрузки ──────────────────────────────────────────
   Разметка героя копирует page-wav-to-text.php из темы visaver:
   .audio-hero-section / .audio-transcription-hero-section, раскладка и отступ
   под шапкой — в audio-transcription-styles.css. Правила заголовка лежат
   в video-transcription-styles.css, но подключить тот файл целиком нельзя:
   он переопределяет ещё .faq, .tariffs и .process-title, которые на этой
   странице тоже есть. Поэтому нужные правила держим здесь — только то,
   что относится к герою. Размер подзаголовка (18px → 16px) задаёт
   .hero-subtitle в landing-styles.css. */

.transcript-header {
    position: relative;
    overflow: hidden;
}

.audio-transcription-hero-section .transcript-hero-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 105%;
    color: #F5F5FA;
    margin-bottom: 0;
    /* fadeIn объявлен в style.css темы */
    opacity: 0;
    animation: fadeIn .8s ease .2s forwards;
}

@media screen and (max-width: 862px) {
    .audio-transcription-hero-section .hero-content {
        max-width: 95% !important;
    }

    .audio-transcription-hero-section .transcript-hero-title {
        font-size: 36px;
    }

    /* Ручной перенос подзаголовка нужен только на десктопе */
    .audio-transcription-hero-section .hero-subtitle br {
        display: none;
    }
}