.dev-word {
	white-space: nowrap;
}

html.home-title-preparing :is(.promo h1, .da-title):not(.dev-title-ready) {
	visibility: hidden;
}

.dev-char {
	--dev-char-y: 0;
	position: relative;
	display: inline-block;
	color: transparent;
	transform: translate3d(0, calc(var(--dev-char-y) * 1px), 0);
	transform-style: preserve-3d;
	will-change: auto;
}

.dev-char__glyph {
	--dev-blur: 0;
	--dev-glyph-x: 0;
	--dev-glyph-y: 0;
	position: absolute;
	inset: 0;
	display: block;
	color: var(--c-b);
	filter: none;
	transform: translate3d(calc(var(--dev-glyph-x) * 1px), calc(var(--dev-glyph-y) * 1px), 0);
	backface-visibility: hidden;
	contain: paint;
	will-change: auto;
	pointer-events: none;
	user-select: none;
}

.dev-char__glyph--base {
	position: relative;
}

.dev-char__glyph--chroma {
	color: var(--dev-layer-color, #ff315f);
	mix-blend-mode: multiply;
}

.dev-link-wave__arrow-hidden {
	display: none !important;
}

.dev-link-wave--underlined {
	position: relative;
	text-decoration-line: none;
}

.dev-char__underline {
	--dev-glyph-x: 0;
	--dev-glyph-y: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.08em;
	height: 1px;
	display: block;
	background: var(--c-b);
	transform: translate3d(calc(var(--dev-glyph-x) * 1px), calc(var(--dev-glyph-y) * 1px), 0);
	transform-origin: center;
	backface-visibility: hidden;
	contain: paint;
	will-change: auto;
	pointer-events: none;
	user-select: none;
}

.dev-effect-active .dev-char {
	will-change: transform, opacity;
}

.dev-effect-active .dev-char__glyph,
.dev-effect-active .dev-char__underline {
	will-change: transform, opacity, filter;
}

.dev-char__underline--chroma {
	background: var(--dev-layer-color, #ff315f);
	mix-blend-mode: multiply;
}

@media (prefers-color-scheme: dark) {
	.dev-char__glyph--chroma {
		mix-blend-mode: plus-lighter;
	}

	.dev-char__underline--chroma {
		mix-blend-mode: plus-lighter;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dev-char {
		will-change: auto;
		color: inherit;
	}

	.dev-char__glyph:not(.dev-char__glyph--base) {
		display: none;
	}

	.dev-char__glyph--base {
		position: relative;
	}
}
