.rec-header {
	border-bottom-color: transparent;
	background: rgb(255 255 255 / 78%);
	transition: background-color 150ms ease, border-color 150ms ease;
}

.rec-header--scrolled {
	border-bottom-color: var(--rec-border);
	background: rgb(255 255 255 / 96%);
}

.rec-header-sentinel {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.rec-js [data-rec-reveal] {
	transform: translateY(12px);
	transition: transform 300ms ease;
}

.rec-js [data-rec-reveal][data-rec-revealed="true"] {
	transform: translateY(0);
}

[data-rec-tilt] {
	transform: perspective(60rem) rotateX(var(--rec-tilt-x, 0deg)) rotateY(var(--rec-tilt-y, 0deg));
	transform-style: preserve-3d;
	transition: transform 150ms ease;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	.rec-js [data-rec-reveal] {
		transform: none;
	}

	[data-rec-ticker],
	[data-rec-tilt] {
		animation: none !important;
		transform: none !important;
	}
}

@media (pointer: coarse) {
	[data-rec-tilt] {
		transform: none;
		will-change: auto;
	}
}