/**
 * Text animation is mostly driven by JS (GSAP or CSS transitions).
 * This file is intentionally light: it exists mainly so we have a stable
 * place for any global tweaks later without touching theme CSS.
 */

.has-stratos-text-anim {
	/* Prevent subpixel jitter while animating transforms. */
	backface-visibility: hidden;
	transform: translateZ(0);
}

.has-stratos-text-anim .stratos-split-word,
.has-stratos-text-anim .stratos-split-char {
	display: inline-block;
	will-change: transform, opacity;
}

.has-stratos-text-anim .stratos-split-line {
	display: block;
	will-change: transform, opacity;
}

.has-stratos-text-anim .stratos-split-mask {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

.has-stratos-text-anim .stratos-split-mask--line,
.has-stratos-text-anim .stratos-split-mask--block {
	/*
	 * Avoid clipping font descenders (g/j/y/p/q) when using overflow:hidden masks.
	 * Padding increases the clipping region; negative margin keeps layout unchanged.
	 */
	padding-bottom: 0.15em;
	margin-bottom: -0.15em;
}

.has-stratos-text-anim .stratos-split-inner {
	display: inline-block;
}