/**
 * AAA Text Reveal Shortcode Styles
 *
 * Inline scroll-driven text reveal. Uses background-clip: text + a
 * linear-gradient whose background-size is animated by GSAP ScrollTrigger.
 *
 * @package AAA_Templates
 */

.aaa-text-reveal {
	max-width: var(--aaa-tr-max-width, 1038px);
	width: 100%;
	margin: 0 auto;
	font-family: 'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: var(--aaa-tr-font-size, 24px);
	font-weight: 500;
	line-height: 1.48;
	text-align: center;
}

.aaa-text-reveal__inner {
	background:
		linear-gradient(90deg, var(--aaa-tr-highlight, #000) 0 0)
			0 / 0 100% no-repeat
		var(--aaa-tr-faded, rgba(0, 0, 0, 0.4));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline;
}

.aaa-text-reveal strong {
	font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
	.aaa-text-reveal {
		font-size: calc(var(--aaa-tr-font-size, 24px) * 0.75);
	}
}