/* Главная Keron (03.11), перестроена по приёмам Тестика: порядок разделов по задаче посетителя (зайти → понять, что за мир → путь → магазин), одна золотая заливка на первом экране,
   без свечения, искр и коробок: секция — подпись с линией, колонки с тонкой линией сверху, шаги строками. Бренд сохранён: Oswald и Manrope, золото и тёмный камень, герб. */
.home { --field-border: #7d6a52; }

/* ---------- первый экран: плоский, герб без свечения и покачивания */
.home .hero::before, .home #iskry { display: none; }
.home .hero { border-bottom: 0; }
.home .hero .wrap { padding-block: 64px 48px; }
.home h1 { font-size: clamp(42px, 6vw, 80px); margin-top: 16px; }
.home .lead { margin-top: 20px; }
.home .gerb { width: min(100%, 460px); }
.home .gerb img { filter: none; animation: none; }

/* кнопки: одна золотая заливка — «Начать путь»; остальные — контур */
.home .btn { background: var(--gold); box-shadow: none; color: #2b1400; }
.home .btn:hover { filter: brightness(1.07); transform: none; }
.home .btn:active { transform: none; }
.home .btn.ghost { background: transparent; color: var(--cream); box-shadow: inset 0 0 0 1px var(--field-border); }
.home .btn.ghost:hover { box-shadow: inset 0 0 0 1px var(--gold); filter: none; }

/* ---------- полоса фактов под первым экраном */
.fakty-polosa { border-top: 1px solid var(--seam); border-bottom: 1px solid var(--seam); background: var(--stone); }
.home .fakty { list-style: none; margin-block: 0; padding-block: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fakty li { display: grid; gap: 4px; padding: 20px 24px 20px 0; }
.fakty li + li { padding-left: 24px; border-left: 1px solid var(--seam); }
.fakty b { color: var(--cream); font: 700 16px/1.3 var(--text); }
.fakty span { color: var(--ash); font-size: 13px; line-height: 1.45; }

/* ---------- разделы: подпись с линией, короткий текст */
.home section.sek { padding-block: 72px 0; }
.home section.sek-konec { padding-block: 72px 80px; }
.sek-golova { display: grid; gap: 10px; margin-bottom: 28px; padding-top: 18px; border-top: 1px solid var(--seam); }
.home h2.podpis { font: 700 clamp(30px, 3.8vw, 46px)/1 var(--display); letter-spacing: .01em; text-transform: uppercase; color: var(--cream); }
.sek-text { margin: 0; max-width: 62ch; color: var(--ash); font-size: 16px; line-height: 1.55; }
.novosti .sek-text { margin-top: 8px; }

/* «Как начать» — шаги строками, без коробок */
.start-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.shagi { list-style: none; margin: 0; padding: 0; }
.shagi li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 0 12px; align-items: baseline; padding: 20px 0; }
.shagi li + li { border-top: 1px solid var(--seam); }
.shagi li:first-child { padding-top: 4px; }
.start-ip { display: grid; gap: 10px; justify-items: start; padding-top: 14px; border-top: 2px solid var(--gold); }
.start-ip small { font: 800 12px/1 var(--text); letter-spacing: .14em; text-transform: uppercase; color: var(--ash); }
.start-ip strong { font: 700 26px/1.1 var(--display); letter-spacing: .02em; color: var(--cream); overflow-wrap: anywhere; }
.start-ip .strelka { margin-top: 4px; }
.shagi .n { font: 700 46px/1 var(--display); color: var(--bronze); }
.shagi h3 { margin: 0 0 4px; font-size: 19px; color: var(--cream); }
.shagi p { margin: 0; color: var(--ash); font-size: 15px; max-width: none; }
.shagi code { font-family: var(--text); font-weight: 700; color: var(--gold); }

/* «Мир» — колонки с тонкой линией сверху */
.mir-kol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 32px; }
.mir-kol article { padding-top: 4px; }
.mir-kol .num { font: 700 44px/1 var(--display); color: var(--gold); }
.mir-kol h3 { margin: 10px 0 8px; font-size: 18px; color: var(--cream); }
.mir-kol p { margin: 0; color: var(--ash); font-size: 14.5px; }

/* «Магазин и кабинет» — две колонки со ссылкой-стрелкой */
.dva { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; max-width: 900px; }
.dva > div { padding-top: 4px; }
.dva h3 { margin: 0 0 8px; font-size: 20px; color: var(--cream); }
.dva p { margin: 0 0 14px; color: var(--ash); font-size: 15px; max-width: 44ch; }
.strelka { color: var(--gold); font-weight: 700; text-decoration: none; }
.strelka::after { content: " →"; }
.strelka:hover { text-decoration: underline; }

/* «Новости» — строка, без цветной плашки */
.home .novosti { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; border-top: 1px solid var(--seam); }

/* ---------- узкие экраны */
@media (max-width: 900px) {
  .start-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .home .fakty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fakty li:nth-child(3) { padding-left: 0; border-left: 0; }
  .fakty li:nth-child(n + 3) { border-top: 1px solid var(--seam); }
  .mir-kol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
}
@media (max-width: 560px) {
  .home .hero .wrap { padding-block: 40px 28px; }
  .home .gerb { width: min(100%, 200px); }
  .home section.sek { padding-block: 52px 0; }
  .shagi li { grid-template-columns: 52px minmax(0, 1fr); }
  .shagi .n { font-size: 38px; }
  .mir-kol { grid-template-columns: minmax(0, 1fr); }
  .dva { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .home .novosti .btn { width: 100%; }
}