/**
 * Dorset Realty – Text Effects
 */

/* ===========================================
   1. LETTER REVEAL (Salient style)
   =========================================== */

.dr-letter-reveal {
	display: block;
}

.dr-letter-reveal .dr-word {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	line-height: 1.2;
}

.dr-letter-reveal .dr-char {
	position: relative;
	display: inline-block;
	line-height: 1;
	/* Initial state */
	filter: blur(10px);
	opacity: 0;
	transform: translateY(-0.25em);
	/* Transition */
	transition: 
		transform 1.2s cubic-bezier(0.25, 1, 0.5, 1),
		opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1),
		filter 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Animated state */
.dr-letter-reveal.dr-animate .dr-char {
	transform: translateY(0);
	opacity: 1;
	filter: none;
}

/* ===========================================
   2. SCROLL OPACITY REVEAL
   =========================================== */

.dr-scroll-reveal .dr-scroll-word {
	transition: opacity 0.15s ease;
}

/* ===========================================
   MODIFIERS
   =========================================== */

/* From bottom instead of top */
.dr-letter-reveal--up .dr-char {
	transform: translateY(0.25em);
}