/**
 * JR Modern Blocks — Textos com Efeito
 * Estilo 1: Typewriter  |  Estilo 2: Scroll Reveal
 */

.jr-te {
	font-size: clamp(1.75rem, 4vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: #111827;
}

/* ---- Typewriter ---- */
.jr-te--typewriter {
	display: block;
}

.jr-te__dynamic {
	color: #c29615;
}

.jr-te__cursor {
	display: inline-block;
	margin-left: 2px;
	color: #c29615;
	font-weight: 400;
	animation: jr-te-blink 1s steps(1) infinite;
}

@keyframes jr-te-blink {
	0%,
	50% {
		opacity: 1;
	}
	50.01%,
	100% {
		opacity: 0;
	}
}

/* ---- Scroll Reveal ---- */
.jr-te--reveal {
	margin: 0;
}

.jr-te__word {
	color: rgba(17, 24, 39, 0.15);
	transition: color 500ms ease, opacity 500ms ease, transform 500ms ease;
	opacity: 0.35;
	transform: translateY(4px);
	display: inline-block;
}

.jr-te__word.is-in {
	color: #111827;
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.jr-te__cursor {
		animation: none;
	}
	.jr-te__word {
		transition: none;
		opacity: 1;
		transform: none;
	}
}