/* Kinetic Modules Pro: Animated Headline scramble and split-flap. */
.kinetic-hl--armed.kinetic-hl--scramble .kinetic-hl__w,
.kinetic-hl--armed.kinetic-hl--flap .kinetic-hl__w {
	transition: none;
	transform: none;
}

.kinetic-hl--flap .kinetic-hl__words {
	overflow: visible;
	padding: 0;
	margin: 0;
}

.kinetic-hl--flap .kinetic-hl__w {
	display: inline-flex;
	gap: 0.06em;
}

.kinetic-flap__t {
	display: inline-block;
	min-width: 0.72em;
	padding: 0.04em 0.06em;
	border-radius: 0.1em;
	background: var(--kinetic-flap-bg, #111827);
	background-image: linear-gradient(180deg, transparent 49%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.45) 51%, rgba(255, 255, 255, 0.06) 51%);
	color: var(--kinetic-flap-c, #fff);
	line-height: 1.15;
	text-align: center;
	font-variant-numeric: tabular-nums;
	transform-origin: 50% 50%;
}

.kinetic-flap__t--space {
	background: none;
	min-width: 0.3em;
}

.kinetic-flap__t.is-flip {
	animation: kinetic-flap 0.11s ease-out;
}

@keyframes kinetic-flap {
	from {
		transform: perspective(400px) rotateX(-75deg);
		filter: brightness(0.7);
	}

	to {
		transform: none;
		filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kinetic-flap__t.is-flip {
		animation: none;
	}
}