/* GKL • общая главная: три равноправных входа.
   Все правила ограничены [data-direction="home"] — на оболочки направлений не влияют. */

[data-direction="home"] {
  --bg: var(--sg-graphite);
  --surface: #ffffff;
  --surface-2: #1c1d21;
  --ink: #f3f2ef;
  --ink-2: #a8aab1;
  --line: #34363c;
  --accent: var(--sg-sand);
  --accent-ink: var(--sg-graphite);
  --header-bg: var(--sg-graphite);
  --header-ink: #f3f2ef;
  --header-ink-2: #a8aab1;
  --header-line: #26282d;
  --focus: #9ec5ff;
}

/* ---------- Первый экран: общий оффер ---------- */
[data-direction="home"] .home-hero { padding: clamp(36px, 6vw, 72px) 0 clamp(26px, 3.5vw, 40px); }
[data-direction="home"] .home-hero__grid {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px 48px; align-items: end;
}
@media (max-width: 860px) { [data-direction="home"] .home-hero__grid { grid-template-columns: 1fr; } }
[data-direction="home"] .home-hero__eyebrow { font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; color: var(--sg-sand); margin-bottom: 16px; }
[data-direction="home"] .home-hero h1 { font-size: clamp(2.3rem, 5.6vw, 4.6rem); font-weight: 800; letter-spacing: -0.025em; }
[data-direction="home"] .home-hero__lead { color: var(--ink-2); font-size: clamp(1rem, 1.35vw, 1.15rem); max-width: 520px; }
[data-direction="home"] .home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }

/* ---------- Три входа: одинаковый размер и вес ---------- */
[data-direction="home"] .dirs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
  padding-bottom: clamp(40px, 6vw, 72px);
}
@media (max-width: 860px) { [data-direction="home"] .dirs { grid-template-columns: 1fr; } }

[data-direction="home"] .dir {
  position: relative; display: flex; flex-direction: column;
  min-height: clamp(460px, 62vh, 600px); border-radius: 14px; overflow: hidden;
  padding: 22px 22px 24px;
}
@media (max-width: 860px) { [data-direction="home"] .dir { min-height: 0; } }
/* одинаковая высота иллюстраций — заголовки трёх входов стоят на одной линии */
[data-direction="home"] .dir__art {
  flex: 0 0 auto; height: clamp(190px, 27vh, 270px); margin: -22px -22px 18px; position: relative; overflow: hidden;
}
@media (max-width: 860px) { [data-direction="home"] .dir__art { height: 200px; } }
[data-direction="home"] .dir__art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-direction="home"] .dir__num { font-size: .78rem; letter-spacing: .16em; margin-bottom: 8px; opacity: .7; }
[data-direction="home"] .dir h2 { font-size: clamp(1.45rem, 2.1vw, 1.95rem); font-weight: 750; letter-spacing: -0.01em; margin-bottom: 10px; }
[data-direction="home"] .dir__text { font-size: .95rem; margin-bottom: 12px; max-width: 34ch; }
[data-direction="home"] .dir__list { font-size: .84rem; opacity: .8; margin-bottom: 18px; }
[data-direction="home"] .dir__go { font-weight: 700; font-size: .95rem; margin-top: auto; }
[data-direction="home"] .dir__go::after { content: " →"; }

/* вся панель кликабельна через растянутую ссылку в заголовке — одна ссылка на панель */
[data-direction="home"] .dir__link { text-decoration: none; color: inherit; }
[data-direction="home"] .dir__link::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 14px; }
[data-direction="home"] .dir__link:focus-visible { outline: none; }
[data-direction="home"] .dir:focus-within { outline: 3px solid var(--focus); outline-offset: 3px; }
[data-direction="home"] .dir { transition: transform .35s cubic-bezier(.22,1,.36,1); }
@media (hover: hover) { [data-direction="home"] .dir:hover { transform: translateY(-4px); } }

/* характер каждого входа — предпросмотр его оболочки */
[data-direction="home"] .dir--sound { background: #efe8dc; color: #1e2a2b; }
[data-direction="home"] .dir--sound .dir__art { background: linear-gradient(160deg, #f7f2ea, #e4dccd); view-transition-name: art-sound; }
[data-direction="home"] .dir--sound .dir__go { color: #1f6f6b; }

[data-direction="home"] .dir--gkl { background: #0c0d0f; color: #eef0f3; box-shadow: inset 0 0 0 1px #2b2f36; }
[data-direction="home"] .dir--gkl .dir__art { background: radial-gradient(90% 80% at 70% 10%, #2a313b 0%, #0c0d0f 70%); view-transition-name: art-gkl; }
[data-direction="home"] .dir--gkl h2 { text-transform: uppercase; letter-spacing: .01em; }
[data-direction="home"] .dir--gkl .dir__go { color: var(--sg-sand); }

[data-direction="home"] .dir--pro { background: #ece9e3; color: #1c1c1e; }
[data-direction="home"] .dir--pro .dir__art { background: #e3ded5; view-transition-name: art-pro; }
[data-direction="home"] .dir--pro h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 700; }
[data-direction="home"] .dir--pro .dir__go { color: #9a4a1c; }

/* лёгкое «дыхание» иллюстраций при наведении, без бесконечных анимаций */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  [data-direction="home"] .dir--sound:hover .wave { opacity: .15; transition: opacity 1.2s ease; }
  [data-direction="home"] .dir--gkl:hover .stud { stroke: var(--sg-sand); transition: stroke .6s ease; }
  [data-direction="home"] .dir--pro:hover .tool { transform: translateY(-4px); transition: transform .6s ease; }
}

/* ---------- Как выбрать направление ---------- */
[data-direction="home"] .pick { background: #f4f3f0; color: #17181b; padding: clamp(48px, 7vw, 84px) 0; --focus: #1d4ed8; }
[data-direction="home"] .pick h2 { font-size: clamp(1.5rem, 2.8vw, 2.2rem); margin-bottom: 26px; }
[data-direction="home"] .pick__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid #d9d6cf; }
@media (max-width: 860px) { [data-direction="home"] .pick__grid { grid-template-columns: 1fr; } }
[data-direction="home"] .pick__item { padding: 22px 22px 22px 0; border-bottom: 1px solid #d9d6cf; }
@media (min-width: 861px) { [data-direction="home"] .pick__item + .pick__item { padding-left: 22px; border-left: 1px solid #d9d6cf; } }
[data-direction="home"] .pick__if { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #6a6d74; margin-bottom: 8px; }
[data-direction="home"] .pick__item p { margin-bottom: 12px; }
[data-direction="home"] .pick__item a { font-weight: 650; }
[data-direction="home"] .pick__both { margin-top: 22px; color: #5d6068; }
[data-direction="home"] .pick .stub { margin-top: 26px; --line: #cfcbc2; --surface: #ffffff; --ink: #17181b; --ink-2: #5d6068; }

/* ---------- Общая форма ---------- */
[data-direction="home"] .ask { background: #1a1b1f; padding: clamp(48px, 7vw, 84px) 0; }
[data-direction="home"] .ask__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 28px 56px; }
@media (max-width: 860px) { [data-direction="home"] .ask__grid { grid-template-columns: 1fr; } }
[data-direction="home"] .ask h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); margin-bottom: 14px; }
[data-direction="home"] .ask p { color: var(--ink-2); margin-bottom: 12px; }
[data-direction="home"] .ask .f-input { background: #24262b; color: var(--ink); border-color: #3a3d44; }
[data-direction="home"] .ask .f-choice span { background: #24262b; border-color: #3a3d44; color: var(--ink); }
[data-direction="home"] .ask .f-choice input:checked + span { background: #f3f2ef; color: #121316; border-color: #f3f2ef; }
[data-direction="home"] .ask__applicant { margin-top: 18px; font-size: .9rem; }