/**
 * Shared progressive-enhancement editorial reveal primitives.
 */

[data-nicolau-reveal="intro"] [data-nicolau-reveal-part="action"] {
	width: 100%;
}

[data-nicolau-reveal="intro"] [data-nicolau-reveal-words] .nicolau-reveal-word {
	display: inline-block;
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="eyebrow"] {
	opacity: 0;
	transform: translate3d(0, 24px, 0);
	transition: none;
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-words] .nicolau-reveal-word {
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	filter: blur(4px);
	transition: none;
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="copy"] {
	opacity: 0;
	transform: translate3d(0, -40px, 0);
	transition: none;
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="action"] {
	opacity: 0;
	transform: translate3d(0, -24px, 0);
	transition: none;
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="visible"] [data-nicolau-reveal-part="eyebrow"] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-property: opacity, transform;
	transition-duration: 480ms;
	transition-delay: 400ms;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="visible"] [data-nicolau-reveal-words] .nicolau-reveal-word {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	filter: blur(0);
	transition-property: opacity, transform, filter;
	transition-duration: 520ms;
	transition-delay: var(--nicolau-reveal-word-delay, 200ms);
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="visible"] [data-nicolau-reveal-part="copy"] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-property: opacity, transform;
	transition-duration: 680ms;
	transition-delay: 400ms;
	transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1);
}

html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="visible"] [data-nicolau-reveal-part="action"] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-property: opacity, transform;
	transition-duration: 620ms;
	transition-delay: 400ms;
	transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1);
}

@media (max-width: 768px) {
	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="eyebrow"] {
		transform: translate3d(0, 16px, 0);
	}

	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-words] .nicolau-reveal-word {
		transform: translate3d(0, 8px, 0);
	}

	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="copy"] {
		transform: translate3d(0, -24px, 0);
	}

	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state="pending"] [data-nicolau-reveal-part="action"] {
		transform: translate3d(0, -16px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state] [data-nicolau-reveal-part="eyebrow"],
	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state] [data-nicolau-reveal-part="copy"],
	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state] [data-nicolau-reveal-part="action"] {
		opacity: 1;
		transform: none;
		transition: none;
	}

	html.nicolau-reveals-ready [data-nicolau-reveal="intro"][data-nicolau-reveal-state] [data-nicolau-reveal-words] .nicolau-reveal-word {
		opacity: 1;
		transform: none;
		filter: none;
		transition: none;
	}
}