/* noch-mark.css · знак saltanov.online в шапке и подвале (перенос мастера Wordmark.dc.html, выбор владельца 22.10.2026:
 * rim + check, «оба хода вместе»). Один файл на главную, пять кейсов, политику и шаблоны разборов.
 * Разметку и пути пишет tools/build_mark.py из мастера; здесь только размер, цвет и движение.
 * Цвета только токенами страницы: текст currentColor (у главной --ink, у кейсов --paper), второй голос --dim,
 * лампа --accent (на разборах без «Ночи 2» латунь --brass). Отсвет лампы на соседях: стопы градиента мастера
 * сведены к смесям этих токенов, расхождение с числами мастера не больше 2 единиц канала. */

/* ─── ссылка в шапке: мишень 44 px, нажатие сразу (B9) ─── */
.bar__logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--t-press, var(--dur-tap)) var(--e-out, var(--ease));   /* 110 мс: токены core.css у кейсов, «Ночи 2» у главной */
}
.bar__logo:active { transform: translateY(1px); }
/* на главной высота прежнего имени (18 px × 1,55 + 22): шапка и Telegram не сдвигаются */
.bar.n2 .bar__logo { min-height: calc(var(--fs-lead) * 1.55 + 22px); }

.wm {
  --wm-lamp: var(--accent, var(--brass));
  --wm-dim: var(--dim);
  display: block;
  overflow: visible;   /* свечение лампы выходит за рамку знака, в прокрутку не идёт */
}

/* шапка: версия small (online 400), 15 px на 320, 16 на 390, 20 от 670 */
.wm--bar {
  --wm-h: clamp(15px, calc(10.43px + 1.4286vw), 20px);
  height: var(--wm-h);
  width: auto;
  --wm-glow: drop-shadow(0 0 84px color-mix(in srgb, var(--wm-lamp) 65%, transparent));     /* glow 0,6 мастера */
  --wm-glow-hi: drop-shadow(0 0 120px color-mix(in srgb, var(--wm-lamp) 85%, transparent));  /* glow 1,0 под курсором */
}
/* кейсы, политика, разборы уже 432 px: рядом «Кейсы» и «Написать», полный знак (172 px) не помещается.
   Короткий saltanov. тем же SVG: рамка ужата до ширины короткой версии мастера (5396 из 9057), slice режет правую часть */
@media (max-width: 26.99rem) {
  .bar:not(.n2) .wm--bar { width: calc(var(--wm-h) * 5396 / 842); }
  .bar:not(.n2) .wm__on { display: none; }
}
/* уже 345 px и короткий знак (96 px при 15) толкал «Кейсы» и «Написать» за край: 14 px (наименьшая высота знака)
   и зазор шапки 12 вместо 16, «Написать» кончается в 12 px от края на 320 (в HEAD было 15) */
@media (max-width: 21.56rem) {
  .bar:not(.n2) { gap: 12px; }
  .bar:not(.n2) .wm--bar { --wm-h: 14px; }
}

/* подвал: короткий saltanov. 60% колонки, не выше 96 px (владелец 23.10: «поменьше»; было на всю колонку и до 200 px),
   свечение ужато в ту же долю 96/200 */
.wm--ft {
  width: 60%;
  max-width: calc(96px * 5396 / 842);
  height: auto;
  --wm-glow: drop-shadow(0 0 53px color-mix(in srgb, var(--wm-lamp) 80%, transparent));
  --wm-glow-hi: drop-shadow(0 0 58px color-mix(in srgb, var(--wm-lamp) 85%, transparent));
}
.tl-ft__mark { grid-area: mark; margin-top: clamp(40px, 6vw, 88px); color: var(--ink); }
.end__mark { margin-top: clamp(40px, 6vw, 88px); color: var(--paper); }

/* ─── лампа и свет на соседях ─── */
.wm__lamp {
  fill: var(--wm-lamp);
  filter: var(--wm-glow);
  transition: filter var(--t-micro, var(--dur-ui)) var(--e-out, var(--ease));   /* 200 мс */
}
.wm-i0 { stop-color: color-mix(in srgb, var(--wm-lamp) 70%, currentColor); }   /* #fcc2ac мастера */
.wm-i1 { stop-color: color-mix(in srgb, var(--wm-lamp) 34%, currentColor); }   /* #f9d9cb */
.wm-d0 { stop-color: color-mix(in srgb, var(--wm-lamp) 55%, color-mix(in srgb, currentColor 78%, var(--wm-dim))); }   /* #f5c9b8 */
.wm-d1 { stop-color: color-mix(in srgb, var(--wm-lamp) 20%, color-mix(in srgb, currentColor 25%, var(--wm-dim))); }   /* #dccfd2 */
.wm-d2 { stop-color: var(--wm-dim); }                                                                              /* #c7d2e1 */

/* загорается один раз при загрузке, как lampOn мастера A2-Sayt; без fill-mode forwards: после конца анимации нет */
@keyframes wm-on {
  0% { opacity: 0; }
  35% { opacity: .35; }
  45% { opacity: .15; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  .wm--bar .wm__lamp { animation: wm-on 1400ms 500ms cubic-bezier(.22, 1, .36, 1) backwards; }
}

/* под курсором лампа ярче; на тач-экране наведения нет, свечение не залипает */
@media (hover: hover) and (pointer: fine) {
  .bar__logo:hover .wm__lamp,
  .wm--ft:hover .wm__lamp { filter: var(--wm-glow-hi); }
}

/* «Свет: выкл» в подвале главной: свечения и отсвета нет, точка остаётся */
html.lt-off .wm__lamp,
html.lt-off .bar__logo:hover .wm__lamp,
html.lt-off .wm--ft:hover .wm__lamp { filter: none; }
html.lt-off .wm-i0, html.lt-off .wm-i1 { stop-color: currentColor; }
html.lt-off .wm-d0, html.lt-off .wm-d1 { stop-color: var(--wm-dim); }

@media (prefers-reduced-motion: reduce) {
  .wm__lamp { animation: none; transition: none; }
  .bar__logo { transition: none; }
}
