/* Бегущая строка — общий блок витрины (partials/marquee.php), вид главной.
   Слова каждой страницы — «Инструменты → Бегущая строка».
   «body» в селекторах — чтобы перебить сброс страниц вида .esc-landing *{padding:0}. */
body .esc-mq{
  border-block:1px solid var(--border, rgba(255,255,255,.08));
  padding-block:22px;
  overflow:hidden;
  cursor:grab;
  touch-action:pan-y;
  -webkit-user-select:none; user-select:none;
  -webkit-touch-callout:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
body .esc-mq:active{ cursor:grabbing; }
body .esc-mq ::selection{ background:transparent; }
body .esc-mq-track{ display:flex; gap:64px; width:max-content; }
body .esc-mq-track span{
  font-family:'Ubuntu',Arial,sans-serif;
  font-weight:700;
  font-size:20px;
  line-height:1.3;
  color:var(--muted-2, #8f8f8f);
  white-space:nowrap;
  letter-spacing:.02em;
  text-transform:uppercase;
  pointer-events:none;
}
@media (max-width:760px){
  body .esc-mq-track{ gap:44px; }
  body .esc-mq-track span{ font-size:17px; }
}
@media (prefers-reduced-motion: reduce){
  body .esc-mq{ -webkit-mask-image:none; mask-image:none; }
  body .esc-mq-track{ padding-inline:24px; }
}