/* Первый экран посадочной: текст слева, фото справа.
   Вынесено из встроенного <style> страниц 06.10.2026 (общий блок посадочных); цвета — переменные темы. */
    .hero--split { min-height: auto; padding: 8.5rem 5% 3.5rem; display: block; }
    .hero--split .hero-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 2.25rem; align-items: center; position: relative; z-index: 2; }
    .hero--split .hero-content { max-width: 600px; margin: 0 auto; }
    /* Заголовок чуть меньше, чтобы «ИИ-психолог» не переносилось */
    .hero--split .hero-content h1 { font-size: clamp(2.3rem, 4.8vw, 3.6rem); }
    .hero-photo-col { position: relative; max-width: 440px; width: 100%; margin: 0 auto; }
    .hero-photo-col img { display: block; width: 100%; height: auto; margin: 0; border-radius: 32px; box-shadow: 0 26px 64px var(--c-pink-800-a20, rgba(61,46,61,0.2)); background: var(--dusty-lavender); }
    .hero-photo-chip { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); white-space: nowrap; background: var(--c-gray-50-a94, rgba(253,248,243,0.94)); color: var(--deep-plum); font-weight: 600; font-size: 0.9rem; padding: 0.55rem 1.1rem; border-radius: 50px; box-shadow: 0 8px 24px var(--c-pink-800-a18, rgba(61,46,61,0.18)); }
    @media (min-width: 1024px) {
        .hero--split .hero-grid { grid-template-columns: 1.05fr 0.95fr; column-gap: 3.5rem; }
        .hero--split .hero-content { margin: 0; justify-self: end; max-width: 600px; }
        .hero-photo-col { margin: 0; justify-self: end; width: 100%; }
        .hero-photo-col img { width: 90%; margin: 0 0 0 auto; }
    }