/* Footer wordmark: "Choose Speed" printed large under the legal line (home prototype footer). Decoration only. */

.ftr-word {
	display: block;
	margin-block: var(--sp-32) 0;
	padding-block-end: 0.22em;
	font-size: 12vw;
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -0.055em;
	text-align: center;
	white-space: nowrap;
	direction: ltr;
	color: transparent;
	background: linear-gradient(180deg, color-mix(in srgb, var(--fg) 34%, transparent), color-mix(in srgb, var(--fg) 3%, transparent) 85%);
	-webkit-background-clip: text;
	background-clip: text;
	user-select: none;
}

.ftr-word span {
	display: inline-block;
	transition:
		transform 1.3s var(--ease),
		opacity 1.3s var(--ease);
	transition-delay: calc(var(--i) * 45ms);
}

/* letters wait below the line until the wordmark scrolls into view; without script or under reduced motion they show at once */
.js:not(.rm) .ftr-word:not(.in) span {
	transform: translateY(60%);
	opacity: 0;
}

.rm .ftr-word span {
	transition: none;
}