/* v220: заголовки на страницах услуг сразу показываются целиком, без
   секундной задержки на «раскрытие» маски.

   Раньше клип маски шёл ровно по строке, а расширялся вниз только после
   transitionend (heading-descender-v201.js) — поэтому нижние выносные
   элементы (Р, р, у, д, g, ц, щ) первую секунду выглядели обрезанными.

   Теперь клип расширен вниз с самого начала, а стартовая позиция строки
   опущена ровно на ту же величину, чтобы её верхушка не выглядывала из
   расширенного клипа до начала анимации. Кривая и длительность (0.5s,
   cubic-bezier(.52,.01,0,1)) не менялись. */

:root{--kuda-desc-v220:0.30em}

h1 .kuda-split .split__mask,
h2 .kuda-split .split__mask,
h3 .kuda-split .split__mask,
h4 .kuda-split .split__mask,
h1.kuda-split .split__mask,
h2.kuda-split .split__mask,
h3.kuda-split .split__mask,
h4.kuda-split .split__mask{
	overflow:visible!important;
	clip-path:inset(-0.10em -0.16em calc(-1 * (var(--kuda-desc-v220) + 0.02em)) -0.16em)!important;
}

/* строка ждёт своего выхода ниже расширенного клипа */
h1.kuda-split .split__mask .split__text,
h2.kuda-split .split__mask .split__text,
h3.kuda-split .split__mask .split__text,
h4.kuda-split .split__mask .split__text,
h1 .kuda-split .split__mask .split__text,
h2 .kuda-split .split__mask .split__text,
h3 .kuda-split .split__mask .split__text,
h4 .kuda-split .split__mask .split__text{
	transform:translateY(calc(105% + var(--kuda-desc-v220) + 0.06em));
}

/* показанное состояние — без сдвига (перебивает !important из text-once-v120) */
h1.kuda-inview.kuda-split.split .split__mask .split__text,
h2.kuda-inview.kuda-split.split .split__mask .split__text,
h3.kuda-inview.kuda-split.split .split__mask .split__text,
h4.kuda-inview.kuda-split.split .split__mask .split__text,
h1.kuda-split.split[data-kuda-text-state="shown"] .split__mask .split__text,
h2.kuda-split.split[data-kuda-text-state="shown"] .split__mask .split__text,
h3.kuda-split.split[data-kuda-text-state="shown"] .split__mask .split__text,
h4.kuda-split.split[data-kuda-text-state="shown"] .split__mask .split__text{
	transform:translate(0,0)!important;
}

@media(prefers-reduced-motion:reduce){
	h1.kuda-split .split__mask .split__text,
	h2.kuda-split .split__mask .split__text,
	h3.kuda-split .split__mask .split__text,
	h4.kuda-split .split__mask .split__text{transform:none!important}
}