/* hero10 · Шапка на дизайн-системе site/ds (эскиз sketches/act-00/h.html — бегущая строка над шапкой, пункты меню крупнее; утверждена 2026-10-22).
   Лента 32px + полоса 60px; шапка прилипает с top: -32px, поэтому лента уезжает вместе со страницей, а полоса остаётся. --header-h — полная высота, чтобы первый экран и якоря её учитывали. */
:root { --header-h: 84px; }
@media (min-width: 768px) { :root { --header-h: 92px; } }
.hh .hd-logo { font: 600 20px/1 var(--ds-font-display); letter-spacing: -0.03em; color: var(--ds-ink); text-decoration: none; }

.hh { position: sticky; top: -32px; z-index: 10; background: var(--ds-paper); border-bottom: 1px solid var(--ds-rule); }
.hh-tape { overflow: hidden; height: 32px; background: var(--ds-accent); color: #fff; }
.hh-run { display: flex; width: max-content; animation: hh-run 40s linear infinite; }
.hh-run span { font: 500 13px/32px var(--ds-font-display); white-space: nowrap; padding-right: 2.5em; }
.hh-run span::after { content: '✳'; margin-left: 2.5em; opacity: .7; }
@keyframes hh-run { to { translate: -50% 0; } }
@media (prefers-reduced-motion: reduce) { .hh-run { animation: none; } }
.hh-bar { display: flex; align-items: center; gap: var(--ds-s-6); height: 60px; padding-inline: var(--ds-pad); }
.hh nav { display: flex; gap: var(--ds-s-6); margin-inline: auto; font: 500 clamp(15px, 1.2vw, 18px)/1 var(--ds-font-display); letter-spacing: -0.01em; }
.hh nav a { color: var(--ds-ink-2); text-decoration: none; background: linear-gradient(var(--ds-accent), var(--ds-accent)) 0 100% / 0 2px no-repeat; padding-bottom: 3px; transition: background-size .3s var(--ds-ease), color .2s; }
.hh nav a:hover, .hh nav a.on { color: var(--ds-ink); background-size: 100% 2px; }
@media (max-width: 767px) { .hh nav { display: none; } .hh-bar { justify-content: space-between; } }
@media (max-width: 767px) { .hh { top: -28px; } .hh-tape { height: 28px; } .hh-run span { line-height: 28px; } .hh-bar { height: 56px; } }
/* Пять пунктов меню (с «Методологией») не влезают в планшет: меню — с 1024 px, до 1280 px плотнее */
.hh nav a, .hh .ds-btn { white-space: nowrap; }
@media (max-width: 1023px) { .hh nav { display: none; } .hh-bar { justify-content: space-between; } }
@media (min-width: 1024px) and (max-width: 1279px) { .hh-bar { gap: var(--ds-s-4); } .hh nav { gap: 18px; font-size: 15px; } }