/* ═══════════════════════════════════════════════════════════════════
   Экран выбора «Я интересуюсь фондовым рынком как…» — первая страница «Статус 3 · Полёт» (29.10.2026).
   Слово Игоря 29.10: «первая страница — всегда выбор между юридическим и физическим лицом, так же как на „Венере“».
   Макет клуба (принят 23.10) — makety/05_vhod/index.html + vhod.css; образец внедрения в живую страницу —
   08_ВЕНЕРА_КИНО/sayt/vhod.css (зеркально: здесь своё — «Для себя», чужое — «Для бизнеса» → proektvenera.ru).

   Фон за дымкой — САМА живая обложка (кадр фильма, имя металлом, пара), а не снимок: дымка — backdrop-filter у .fon.
   Экран лежит в начале body, position:fixed, всё — внутри #vhod (свои переменные, имена vh-*, чтобы стиль страницы
   и стиль экрана не задевали друг друга; шрифты — те же @font-face из stanciya.css, своих копий нет).
   Состояния — классы на #vhod: vh-intro / vh-poehali (вступление), vh-uhod-* (выбор), vh-otkryt (экран растворился).
   html.vh-pre — то же «до вступления», его ставит скрипт в <head> до загрузки js/vhod.js (на медленной сети готовый
   экран не мелькает). Показывать или нет — решает скрипт в <head> (html.vh-est); поведение — js/vhod.js.
   Пара в центре (23.10): Игорь слева, Максим справа — те же вырезки, что на обложке. Двери без имён:
   слева «Для себя» (физическое лицо), справа «Для бизнеса» (юридическое лицо).
   ═══════════════════════════════════════════════════════════════════ */

#vhod{display:none}
html.vh-est #vhod{display:block}
html.vh-zamok,html.vh-zamok body{overflow:hidden}

#vhod{position:fixed;inset:0;z-index:1000;overscroll-behavior:contain;
  --fon:#03050a;--tekst:#eee6d8;--tekst-2:#b3bed2;--tihiy:#8a96ad;--liniya:rgba(142,160,196,.2);
  --akc:#e4a853;--na-akc:#1a1206;
  --cvet-sebya:#e4a853;--cvet-sebya-rgb:228,168,83;--na-sebya:#1a1206;     /* бронза клуба */
  --cvet-komp:#ff8a2b;--cvet-komp-rgb:255,138,43;--na-komp:#1c0a00;        /* оранжевый «Венеры» */
  --shov-rgb:228,168,83;--zvezda-rgb:200,214,238;
  --shrift-zag:'Unbounded',-apple-system,BlinkMacSystemFont,sans-serif;
  --shrift:'Golos',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --polya:clamp(16px,3.9vw,56px);   /* как у шапки страницы: знак экрана стоит там же, где знак страницы, — после выбора не прыгает */
  --pelena:linear-gradient(180deg,rgba(3,5,10,.5),rgba(3,5,10,.78) 50%,rgba(3,5,10,.94));
  --zag-kegl:clamp(27px,min(4.3vw,7vh),64px);
  --zag-verh:10.6vh;
  --ipd:min(5.5vh,3.45vw);--para-verh:30.5vh;--para-shag:6.3;
  --shov-y:calc(var(--para-verh) + var(--ipd)*7.45 + 48px);
  --dveri-start:1.15s;--shov-start:1.85s;
  color:var(--tekst);font-family:var(--shrift);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
#vhod *,#vhod *::before,#vhod *::after{margin:0;padding:0;box-sizing:border-box}
#vhod a{color:inherit;text-decoration:none}
#vhod img{display:block;max-width:none}
#vhod :focus-visible{outline:2px solid var(--tekst);outline-offset:3px}
#vhod[hidden]{display:none!important}

/* ── Живая обложка за дымкой ─────────────────────────────────────── */
#vhod .fon{position:fixed;inset:0;
  -webkit-backdrop-filter:grayscale(.8) brightness(.42) blur(7px);backdrop-filter:grayscale(.8) brightness(.42) blur(7px);
  transition:-webkit-backdrop-filter 1.4s cubic-bezier(.16,.84,.28,1),backdrop-filter 1.4s cubic-bezier(.16,.84,.28,1)}
#vhod .pelena{position:fixed;inset:0;background:var(--pelena);transition:opacity 1.2s ease}
#vhod .zvyozdy{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 2s ease}
#vhod .zvyozdy.gotovo{opacity:1}

/* ── Шапка экрана: знак клуба (как в шапке страницы) и переключатель ── */
#vhod .vh-shapka{position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  height:72px;padding:0 var(--polya)}
#vhod .vh-logo{display:flex;align-items:center;gap:12px;font:700 15px/1 var(--shrift-zag);letter-spacing:.3em;text-transform:uppercase;color:var(--tekst)}
#vhod .vh-logo svg{width:24px;height:24px;flex:none;fill:none;stroke:#e6bb7d;stroke-width:1.4;filter:drop-shadow(0 0 5px rgba(230,187,125,.5))}
#vhod .vh-logo svg circle{fill:#141b27}
#vhod .vh-logo svg .tochka{fill:#fff1dc;stroke:none}
#vhod .pere{display:flex;gap:4px;padding:4px;border:1px solid var(--liniya);border-radius:999px;background:rgba(0,0,0,.25);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#vhod .pere a{padding:9px 16px;border-radius:999px;font:500 13px/1 var(--shrift);letter-spacing:.02em;color:var(--tekst-2);
  transition:background .3s,color .3s}
#vhod .pere a:hover{color:var(--tekst);background:rgba(255,255,255,.06)}

/* ── Заголовок: Golos жирный, бронзовый свет за ним («свет в тёмной комнате», как у героя клуба);
   буквы слетаются светящимися точками и собираются в слова — созвездие уроков из kino.js клуба;
   многоточие — три фонаря дороги, зажигаются по одному. Один раз при открытии, без мигания. ── */
#vhod .zagolovok{position:fixed;left:0;right:0;top:var(--zag-verh);z-index:6;text-align:center;pointer-events:none;padding:0 var(--polya)}
#vhod .zagolovok::before{content:'';position:absolute;left:50%;top:50%;width:min(1100px,90vw);height:280%;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(228,168,83,.14),rgba(228,168,83,.04) 55%,transparent 75%);z-index:-1;pointer-events:none}
/* страница задаёт h1 Unbounded 300 и text-wrap:balance — здесь свой вид (как в макете клуба) */
#vhod .vopros{font:700 var(--zag-kegl)/1.08 var(--shrift);letter-spacing:-.028em;color:var(--tekst);text-wrap:wrap}
#vhod .vopros .stroka{display:block}
#vhod .vopros em{font-style:normal;font-weight:700;color:var(--akc)}
#vhod .slovo-z{display:inline-block;white-space:nowrap}
#vhod .nerazryv{white-space:nowrap}
#vhod .vopros .b{display:inline-block;--cvet:var(--tekst)}
#vhod .vopros em .b{--cvet:var(--akc)}
#vhod .troe{display:inline-flex;gap:.11em;margin-left:.08em;vertical-align:baseline}
#vhod .troe i{display:block;width:.15em;height:.15em;border-radius:50%;background:#fff1d6;
  box-shadow:0 0 0 .055em rgba(228,168,83,.30),0 0 .42em .1em rgba(228,168,83,.55)}

#vhod.vh-intro .zagolovok::before,html.vh-pre #vhod .zagolovok::before{opacity:0}
#vhod.vh-poehali .zagolovok::before{animation:vh-prosto-poyav 2.4s ease .5s both}
html.vh-pre #vhod .vopros .stroka{opacity:0}          /* до vhod.js букв-звёзд ещё нет — прячем строки целиком */
#vhod.vh-intro .vopros .b{opacity:0}
#vhod.vh-intro .troe i,html.vh-pre #vhod .troe i{opacity:0;transform:scale(0)}
#vhod.vh-poehali .vopros .b{animation:vh-sobrat 1.25s cubic-bezier(.16,.84,.28,1) both;animation-delay:var(--z)}
#vhod.vh-poehali .troe i{animation:vh-fonar .9s cubic-bezier(.34,1.56,.64,1) both}
#vhod.vh-poehali .troe i:nth-child(1){animation-delay:1.45s}
#vhod.vh-poehali .troe i:nth-child(2){animation-delay:1.62s}
#vhod.vh-poehali .troe i:nth-child(3){animation-delay:1.79s}
@keyframes vh-sobrat{
  0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.08);filter:blur(1.5px);color:#fff6e6;
     text-shadow:0 0 6px #fff1d6,0 0 18px rgba(228,168,83,1),0 0 40px rgba(228,168,83,.9)}
  22%{opacity:1;transform:translate(calc(var(--dx)*.75),calc(var(--dy)*.75)) scale(.14)}
  65%{filter:blur(0);text-shadow:0 0 14px rgba(228,168,83,.5),0 0 2px rgba(228,168,83,.3)}
  100%{opacity:1;transform:none;filter:none;color:var(--cvet);text-shadow:0 0 0 rgba(228,168,83,0)}
}
@keyframes vh-fonar{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.7)}100%{opacity:1;transform:scale(1)}}

/* ── Две двери: половины экрана, в каждой — огромное слово и кнопка ─── */
#vhod .vybor{position:fixed;inset:0;z-index:4;display:flex}
#vhod .pol{position:relative;flex:1 1 0;min-width:0;overflow:hidden;cursor:pointer;outline:none;
  transition:flex-grow .8s cubic-bezier(.65,0,.35,1)}
#vhod .pol .ten{position:absolute;inset:0;background:var(--fon);opacity:0;transition:opacity .6s ease;z-index:0}
/* тень гаснущей половины тает к середине: между головами пары нет резкой границы */
#vhod .pol.sebya .ten{background:linear-gradient(90deg,var(--fon) 40%,rgba(0,0,0,0))}
#vhod .pol.kompaniya .ten{background:linear-gradient(270deg,var(--fon) 40%,rgba(0,0,0,0))}
#vhod .pol .svet{position:absolute;left:50%;bottom:-30%;width:130%;height:100%;transform:translateX(-50%);border-radius:50%;
  pointer-events:none;opacity:0;transition:opacity .8s ease;z-index:0;
  background:radial-gradient(closest-side,rgba(var(--cvet-rgb),.30),rgba(var(--cvet-rgb),.08) 55%,transparent 75%)}
#vhod .pol .vh-slovo{position:absolute;left:50%;top:var(--slovo-y,47%);transform:translate(-50%,-50%);z-index:1;
  font:800 var(--slovo-kegl)/.9 var(--shrift-zag);letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;
  text-align:center;color:rgba(var(--cvet-rgb),.10);user-select:none;pointer-events:none;
  transition:color .7s ease,transform 1s cubic-bezier(.16,.84,.28,1)}
#vhod .pol.sebya{--cvet:var(--cvet-sebya);--cvet-rgb:var(--cvet-sebya-rgb);--na-cvet:var(--na-sebya)}
#vhod .pol.kompaniya{--cvet:var(--cvet-komp);--cvet-rgb:var(--cvet-komp-rgb);--na-cvet:var(--na-komp)}
#vhod .pol.sebya .vh-slovo{--slovo-kegl:min(10.6vw,17.5vh)}
#vhod .pol.kompaniya .vh-slovo{--slovo-kegl:min(6.3vw,10.4vh);line-height:1.02}

/* подпись-кнопка (без имён: людей на дверях нет) */
#vhod .podpis{--dver-kegl:min(3.2vw,5.3vh);position:absolute;left:0;right:0;bottom:var(--podpis-niz,6.6vh);z-index:3;text-align:center;padding:0 24px;
  transition:opacity .6s ease,transform .8s cubic-bezier(.16,.84,.28,1)}
#vhod .podpis .vh-dver{display:inline-flex;align-items:center;gap:20px;
  font:600 var(--dver-kegl)/1 var(--shrift-zag);letter-spacing:-.02em;color:var(--tekst);transition:color .5s ease}
#vhod .podpis .vh-strelka{flex:none;display:grid;place-items:center;width:calc(var(--dver-kegl)*1.02);height:calc(var(--dver-kegl)*1.02);border-radius:50%;
  border:1px solid rgba(255,255,255,.28);font:400 calc(var(--dver-kegl)*.42)/1 var(--shrift);color:var(--tekst);
  transition:background .5s ease,border-color .5s ease,color .5s ease,transform .5s cubic-bezier(.16,.84,.28,1)}
#vhod .podpis .o{display:block;max-width:31em;margin:14px auto 0;font-size:17px;line-height:1.45;color:var(--tekst-2)}

/* ── Пара в центре: Игорь и Максим равного роста, никто не впереди ────
   Размер задаёт один шаг --ipd — расстояние между зрачками на экране. Числа сняты с самих вырезок (те же, что на
   обложке): igor-chernyy5.webp 926×1276 — зрачки (370;257) и (473;256), 103,5 px; maksim-chernyy2.webp 628×838 —
   (263;238) и (359;238), 95,5 px. Отсюда высота картинки в шагах (12,33 и 8,78), середина лица от левого края
   (4,08 и 3,26) и линия глаз (2,48 и 2,50 шага от верха) — верх картинок на одной высоте = глаза на одной линии.
   Низ тает на одной высоте у обоих. Сама пара наведение не ловит: над людьми не зажигается ни одна дверь.
   Макет — makety/05_vhod/vhod.css (там же снимки). */
#vhod .para{position:fixed;top:var(--para-verh);left:calc(50% - var(--ipd)*6.45);width:calc(var(--ipd)*12.9);height:calc(var(--ipd)*7.3);
  z-index:5;transition:opacity .6s ease}
/* мягкий свет за парой — чтобы тёмная одежда не тонула в тёмном фоне */
#vhod .para::before{content:'';position:absolute;left:50%;top:-12%;width:150%;height:130%;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(var(--shov-rgb),.11),rgba(var(--shov-rgb),.035) 60%,rgba(var(--shov-rgb),0))}
#vhod .para .chelovek{position:absolute;top:0;width:auto;max-width:none;pointer-events:none;user-select:none;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.6)) saturate(.95)}
#vhod .chelovek.igor{--lico:4.075;height:calc(var(--ipd)*12.33);
  -webkit-mask-image:linear-gradient(180deg,#000 47.7%,transparent 60.7%);mask-image:linear-gradient(180deg,#000 47.7%,transparent 60.7%)}
/* у Максима волосы выше над глазами (2,09 шага против 1,80) — опускаем на 0,15 шага: на глаз один рост */
#vhod .chelovek.maksim{--lico:3.259;top:calc(var(--ipd)*.15);height:calc(var(--ipd)*8.775);
  -webkit-mask-image:linear-gradient(180deg,#000 67.2%,transparent 85.4%);mask-image:linear-gradient(180deg,#000 67.2%,transparent 85.4%)}
#vhod .para .levyy{left:calc(50% - var(--ipd)*(var(--para-shag)/2 + var(--lico)))}
#vhod .para .pravyy{left:calc(50% + var(--ipd)*(var(--para-shag)/2 - var(--lico)))}
/* подпись под парой — общая, ни к одной двери не относится */
#vhod .para-podpis{position:absolute;left:50%;top:calc(var(--ipd)*7.45);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 2*var(--polya));
  text-align:center;pointer-events:none;font:500 12.5px/1.5 var(--shrift);letter-spacing:.22em;text-transform:uppercase;color:var(--tihiy)}
#vhod .para-podpis b{font-weight:600;color:var(--tekst)}
#vhod .para-podpis .tochka{display:inline-block;margin:0 .7em;color:var(--tihiy)}

/* наведение / фокус / ключ снимка: дверь загорается, вторая гаснет; пара не меняется */
#vhod .vybor:hover .pol:not(:hover) .ten,#vhod .vybor:has(.pol:focus-visible) .pol:not(:focus-visible) .ten,
#vhod .vybor.sebya .pol.kompaniya .ten,#vhod .vybor.kompaniya .pol.sebya .ten{opacity:.55}
#vhod .vybor:hover .pol:not(:hover) .podpis,#vhod .vybor:has(.pol:focus-visible) .pol:not(:focus-visible) .podpis,
#vhod .vybor.sebya .pol.kompaniya .podpis,#vhod .vybor.kompaniya .pol.sebya .podpis{opacity:.5}
#vhod .pol:hover .svet,#vhod .pol:focus-visible .svet,#vhod .vybor.sebya .pol.sebya .svet,#vhod .vybor.kompaniya .pol.kompaniya .svet{opacity:1}
#vhod .pol:hover .vh-slovo,#vhod .pol:focus-visible .vh-slovo,#vhod .vybor.sebya .pol.sebya .vh-slovo,#vhod .vybor.kompaniya .pol.kompaniya .vh-slovo{
  color:rgba(var(--cvet-rgb),.30);transform:translate(-50%,-52%) scale(1.03)}
#vhod .pol:hover .podpis,#vhod .pol:focus-visible .podpis,#vhod .vybor.sebya .pol.sebya .podpis,#vhod .vybor.kompaniya .pol.kompaniya .podpis{transform:translateY(-6px)}
#vhod .pol:hover .vh-dver,#vhod .pol:focus-visible .vh-dver,#vhod .vybor.sebya .pol.sebya .vh-dver,#vhod .vybor.kompaniya .pol.kompaniya .vh-dver{color:var(--cvet)}
#vhod .pol:hover .vh-strelka,#vhod .pol:focus-visible .vh-strelka,#vhod .vybor.sebya .pol.sebya .vh-strelka,#vhod .vybor.kompaniya .pol.kompaniya .vh-strelka{
  background:var(--cvet);border-color:var(--cvet);color:var(--na-cvet);transform:translateX(4px)}
#vhod .pol:focus-visible::after{content:'';position:absolute;inset:calc(var(--shov-y) - 3vh) 14px 14px;border:1px solid rgba(var(--cvet-rgb),.7);border-radius:22px;z-index:5;pointer-events:none}

/* шов между дверями — луч маяка: сверху яркий огонёк, вниз тает; идёт под подписью пары, между кнопками (людей не разрезает) */
#vhod .razdel{position:fixed;left:50%;top:var(--shov-y);bottom:44px;width:1px;z-index:5;pointer-events:none;transform-origin:top;
  background:linear-gradient(180deg,rgba(var(--shov-rgb),.75),rgba(var(--shov-rgb),.28) 40%,rgba(var(--shov-rgb),0))}
#vhod .razdel::before{content:'';position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);
  background:#fff1d6;box-shadow:0 0 0 4px rgba(228,168,83,.18),0 0 18px 4px rgba(228,168,83,.5)}

#vhod .niz{position:fixed;left:0;right:0;bottom:14px;z-index:6;text-align:center;font-size:13px;color:var(--tihiy);
  letter-spacing:.02em;pointer-events:none}

/* ── Вступление: после заголовка выходит пара, следом двери (слева, потом справа), шов опускается лучом ── */
#vhod.vh-intro .pol,html.vh-pre #vhod .pol{opacity:0}
#vhod.vh-intro .para .chelovek,#vhod.vh-intro .para-podpis,html.vh-pre #vhod .para .chelovek,html.vh-pre #vhod .para-podpis{opacity:0}
#vhod.vh-intro .razdel,html.vh-pre #vhod .razdel{transform:scaleY(0)}
#vhod.vh-intro .niz,#vhod.vh-intro .vh-shapka,html.vh-pre #vhod .niz,html.vh-pre #vhod .vh-shapka{opacity:0}
#vhod.vh-poehali .para .chelovek{animation:vh-dver-poyav 1.3s cubic-bezier(.16,.84,.28,1) both;animation-delay:var(--dveri-start,1.2s)}
#vhod.vh-poehali .para-podpis{animation:vh-prosto-poyav 1s ease both;animation-delay:calc(var(--dveri-start,1.2s) + .35s)}
#vhod.vh-poehali .pol{animation:vh-dver-poyav 1.1s cubic-bezier(.16,.84,.28,1) both}
#vhod.vh-poehali .pol.sebya{animation-delay:calc(var(--dveri-start,1.2s) + .15s)}
#vhod.vh-poehali .pol.kompaniya{animation-delay:calc(var(--dveri-start,1.2s) + .3s)}
@keyframes vh-prosto-poyav{from{opacity:0}to{opacity:1}}
#vhod.vh-poehali .razdel{animation:vh-shov 1.2s cubic-bezier(.65,0,.35,1) both;animation-delay:var(--shov-start,1.5s)}
#vhod.vh-poehali .niz,#vhod.vh-poehali .vh-shapka{opacity:1;transition:opacity 1s ease calc(var(--dveri-start,1.2s) + .6s)}
@keyframes vh-dver-poyav{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes vh-shov{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ── Выбор сделан ──────────────────────────────────────────────────── */
/* своя дверь («Для себя»): половина раздвигается, дымка уходит, обложка загорается на месте */
#vhod.vh-uhod-sebya .pol.sebya,#vhod.vh-uhod-kompaniya .pol.kompaniya{flex-grow:24}
#vhod.vh-uhod-sebya .pol.kompaniya .podpis,#vhod.vh-uhod-kompaniya .pol.sebya .podpis{opacity:0}
#vhod.vh-uhod-sebya .razdel,#vhod.vh-uhod-kompaniya .razdel{opacity:0;transition:opacity .4s}
#vhod.vh-uhod-sebya .zagolovok,#vhod.vh-uhod-kompaniya .zagolovok{opacity:0;transform:translateY(-12px);transition:opacity .5s,transform .8s}
#vhod.vh-uhod-sebya .para,#vhod.vh-uhod-kompaniya .para{opacity:0}
#vhod.vh-otkryt{pointer-events:none}
#vhod.vh-otkryt .pelena{opacity:0}
#vhod.vh-otkryt .fon{-webkit-backdrop-filter:grayscale(0) brightness(1) blur(0);backdrop-filter:grayscale(0) brightness(1) blur(0)}
#vhod.vh-otkryt .vybor,#vhod.vh-otkryt .para,#vhod.vh-otkryt .zagolovok,#vhod.vh-otkryt .razdel,#vhod.vh-otkryt .vh-shapka,#vhod.vh-otkryt .niz,
#vhod.vh-otkryt .zvyozdy{opacity:0;pointer-events:none;transition:opacity .9s ease}
/* чужая дверь («Для бизнеса»): перед переходом всё гаснет в темноту */
#vhod .zatemnenie{position:fixed;inset:0;z-index:40;background:var(--fon);opacity:0;pointer-events:none;transition:opacity .5s ease .35s}
#vhod.vh-uhod-dalshe .zatemnenie{opacity:1}

/* ── Телефон: пара по центру под вопросом, под ней две кнопки одна над другой; всё короче и тише
   (буквы без разлёта, шва нет); подписи не мельче 15 px (критик K, 23–24.10) ── */
@media (max-width:760px){
  #vhod{--polya:16px;--zag-kegl:27px;--zag-verh-tel:66px;--dveri-start:.7s;--shov-start:1s;
    --ipd:min(7.2vw,3.4vh);--para-verh:176px;--para-shag:6.2;--dveri-y:calc(var(--para-verh) + var(--ipd)*7.45 + 54px)}
  #vhod .fon{-webkit-backdrop-filter:grayscale(.8) brightness(.3) blur(6px);backdrop-filter:grayscale(.8) brightness(.3) blur(6px)}
  #vhod .vh-shapka{height:64px}
  #vhod .vh-shapka .pere{display:none}
  #vhod .vh-logo{font-size:14px;letter-spacing:.24em}
  #vhod .zagolovok{top:var(--zag-verh-tel,64px)}
  #vhod.vh-poehali .vopros .b{animation-duration:.8s}
  #vhod.vh-poehali .troe i:nth-child(1){animation-delay:.75s}
  #vhod.vh-poehali .troe i:nth-child(2){animation-delay:.85s}
  #vhod.vh-poehali .troe i:nth-child(3){animation-delay:.95s}
  #vhod .para-podpis{font-size:15px;letter-spacing:.04em;line-height:1.5;width:calc(100vw - 2*var(--polya))}
  #vhod .para-podpis .tochka{display:none}
  #vhod .para-podpis .oba{display:block}
  #vhod .vybor{flex-direction:column;gap:10px;top:var(--dveri-y);padding:0 var(--polya) calc(14px + env(safe-area-inset-bottom,0px))}
  #vhod .pol{border:1px solid var(--liniya);border-radius:18px;background:rgba(255,255,255,.025)}
  #vhod .pol.sebya .ten,#vhod .pol.kompaniya .ten{background:var(--fon)}
  #vhod .razdel{display:none}
  #vhod .pol .vh-slovo{left:auto;right:14px;top:auto;bottom:-.1em;transform:none;text-align:right;--slovo-kegl:12.5vw;line-height:.86}
  #vhod .pol.kompaniya .vh-slovo{--slovo-kegl:9.6vw}
  #vhod .pol:hover .vh-slovo,#vhod .pol:focus-visible .vh-slovo,#vhod .vybor.sebya .pol.sebya .vh-slovo,#vhod .vybor.kompaniya .pol.kompaniya .vh-slovo{transform:none}
  #vhod .pol .svet{left:30%;bottom:-60%;width:140%}
  #vhod .pol:focus-visible::after{inset:4px;border-radius:15px}
  #vhod .podpis{left:18px;right:18px;top:50%;bottom:auto;transform:translateY(-50%);text-align:left;padding:0;z-index:4}
  #vhod .pol:hover .podpis,#vhod .pol:focus-visible .podpis,#vhod .vybor.sebya .pol.sebya .podpis,#vhod .vybor.kompaniya .pol.kompaniya .podpis{transform:translateY(-50%)}
  #vhod .podpis .vh-dver{display:flex;justify-content:space-between;align-items:center;--dver-kegl:25px;line-height:1.1}
  #vhod .podpis .vh-strelka{width:42px;height:42px;font-size:16px}
  #vhod .podpis .o{margin:8px 0 0;font-size:15px;line-height:1.4;max-width:21em}
  #vhod .pol .vh-slovo{color:rgba(var(--cvet-rgb),.07)}
  #vhod .niz{display:none}
}

/* ── «Меньше движения»: сразу готовый кадр ── */
@media (prefers-reduced-motion:reduce){
  #vhod.vh-intro .pol,#vhod.vh-intro .niz,#vhod.vh-intro .vh-shapka,#vhod.vh-intro .para .chelovek,#vhod.vh-intro .para-podpis,
  html.vh-pre #vhod .pol,html.vh-pre #vhod .niz,html.vh-pre #vhod .vh-shapka,html.vh-pre #vhod .para .chelovek,html.vh-pre #vhod .para-podpis,
  #vhod.vh-intro .vopros .b,#vhod.vh-intro .troe i,html.vh-pre #vhod .troe i,html.vh-pre #vhod .vopros .stroka,
  #vhod.vh-intro .zagolovok::before,html.vh-pre #vhod .zagolovok::before{opacity:1;transform:none}
  #vhod.vh-intro .razdel,html.vh-pre #vhod .razdel{transform:none}
  #vhod *,#vhod *::before,#vhod *::after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}
}

/* ── Без пары (html.bez-lyudey, слово Игоря 29.10): вопрос спускается к центру верхней трети, огромные слова и двери —
   во весь экран, луч-шов идёт от заголовка; пара и подпись скрыты, их место не держится ── */
html.bez-lyudey #vhod .para{display:none}
html.bez-lyudey #vhod{--zag-verh:19vh;--shov-y:calc(var(--zag-verh) + var(--zag-kegl)*2.6 + 40px)}
html.bez-lyudey #vhod .pol .vh-slovo{--slovo-y:54%}
html.bez-lyudey #vhod .pol.sebya .vh-slovo{--slovo-kegl:min(13vw,22vh)}
html.bez-lyudey #vhod .pol.kompaniya .vh-slovo{--slovo-kegl:min(7.8vw,13vh)}
html.bez-lyudey #vhod .podpis{--podpis-niz:9vh;--dver-kegl:min(3.6vw,6vh)}
@media (max-width:760px){
  html.bez-lyudey #vhod{--zag-verh-tel:84px;--dveri-y:calc(84px + var(--zag-kegl)*2.6 + 44px)}
}