/* ============================================================================
   DICOM TEAM — анимация раскрытия бренда в hero первого слайда
   ============================================================================

   Концепция:
     1. По слогану "DIgitise your COMpany" слева направо проходит широкая
        вертикальная сканер-полоса в акцентном цвете с лёгким свечением.
     2. Когда полоса проходит над DI — буквы DI подсвечиваются (цвет + glow).
        Когда над COM — то же самое с COM.
     3. После прохода полосы под слоганом на 2 секунды появляется крупное
        "DICOM" — собранное из подсвеченных букв. Затем растворяется.

   Эта CSS-часть только описывает СТИЛИ (начальные состояния и переходы).
   Запуск анимации — JS-модуль dicom-reveal.js: он добавляет/убирает
   служебные классы (is-running, is-glowing, is-visible) по таймингам.

   prefers-reduced-motion: пользователи с включённой настройкой "уменьшить
   движение" в системе видят слоган статично — без сканера, без подсветки,
   без появления DICOM. Доступность важнее эффекта.
   ============================================================================ */

/* Контейнер вокруг tagline — нужен для абсолютно позиционированных
   сканера и большого "DICOM". inline-block, чтобы ширина = ширина текста.
   padding-bottom даёт место под крупный DICOM. */
.dicom-reveal {
    position: relative;
    display: inline-block;
    padding-bottom: 56px;
}

/* Базовое состояние подсвечиваемых букв DI и COM.
   В исходной разметке они уже в <b> (полужирный), нам нужен только
   плавный переход цвета и тени. */
.dicom-reveal__hl {
    position: relative;
    color: inherit;
    transition: color 0.4s ease, text-shadow 0.4s ease;
}

/* Состояние "буквы зажглись" — JS добавляет класс is-glowing. */
.dicom-reveal__hl.is-glowing {
    color: var(--c-accent, #0D75B2);
    text-shadow:
        0 0 8px  rgba(var(--c-accent-rgb), 0.55),
        0 0 18px rgba(var(--c-accent-rgb), 0.35);
}

/* Сканер-полоса. По умолчанию невидима, прижата к левому краю tagline.
   Сделана шире (4px) и со свечением по бокам — чтобы её точно было видно.
   JS включает is-running → линия едет вправо за 1.5 секунды. */
.dicom-reveal__scanner {
    position: absolute;
    top: -6px;
    bottom: 56px;          /* не залезаем на область большого DICOM */
    left: 0;
    width: 4px;
    background: linear-gradient(
        180deg,
        transparent 0%,
        var(--c-accent, #0D75B2) 25%,
        var(--c-accent, #0D75B2) 75%,
        transparent 100%
    );
    box-shadow:
        0 0 12px  3px rgba(var(--c-accent-rgb), 0.45),
        0 0 24px  6px rgba(var(--c-accent-rgb), 0.25);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    will-change: left, opacity;
}

.dicom-reveal__scanner.is-running {
    opacity: 1;
    left: calc(100% - 4px);
    transition: left 1.5s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
}

/* Финальный "DICOM" — крупная сборка из подсвеченных букв.
   Появляется под tagline-ом, чуть выезжая снизу-вверх.
   Сделан крупным и контрастным — это финальный аккорд анимации. */
.dicom-reveal__big {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 2.4em;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    color: var(--c-accent, #0D75B2);
    text-shadow: 0 0 24px rgba(var(--c-accent-rgb), 0.35);
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.dicom-reveal__big.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Уважаем системную настройку "reduce motion" — пользователям с включённым
   reduce-motion (вестибулярные проблемы, мигрень, эпилепсия, личное
   предпочтение) показываем ФИНАЛЬНЫЙ КАДР анимации статично:
     • DI и COM подсвечены акцентным цветом постоянно (без glow — glow
       визуально неспокойный, лучше чистый цвет);
     • Крупный "DICOM" под слоганом виден всегда, без выезжания снизу;
     • Сканер скрыт полностью — он по сути и есть "движение".

   Игра слов DI + COM = DICOM остаётся понятна, движения нет. Это правильный
   баланс accessibility и брендового эффекта. */
@media (prefers-reduced-motion: reduce) {
    .dicom-reveal__hl,
    .dicom-reveal__scanner,
    .dicom-reveal__big {
        transition: none !important;
    }
    .dicom-reveal__scanner {
        display: none !important;
    }
    .dicom-reveal__hl {
        color: var(--c-accent, #0D75B2);
    }
    .dicom-reveal__big {
        opacity: 1 !important;
        transform: none !important;
        text-shadow: none !important;
    }
}