html.motion-ready [data-motion="reveal"],
html.motion-ready [data-motion="stagger"] > [data-motion-item]:not([data-clone]) {
	opacity: 0;
}

html.motion-ready [data-motion="marquee"] .brand-marquee__track {
	animation: none;
}

.motion-blob {
	position: absolute;
	z-index: 0;
	border-radius: 999px;
	pointer-events: none;
	background: radial-gradient(circle, rgba(0, 255, 230, 0.55), rgba(0, 255, 230, 0) 68%);
	filter: blur(8px);
}

.motion-blob--a {
	top: 8%;
	right: 6%;
	width: 140px;
	height: 140px;
}

.motion-blob--b {
	bottom: 12%;
	left: 8%;
	width: 180px;
	height: 180px;
	background: radial-gradient(circle, rgba(0, 189, 255, 0.4), rgba(0, 189, 255, 0) 70%);
}

.motion-blob--c {
	top: 42%;
	right: 18%;
	width: 90px;
	height: 90px;
	border: 1px solid rgba(0, 255, 230, 0.45);
	background: transparent;
	filter: none;
}

.motion-orbit {
	position: absolute;
	z-index: 2;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: rgba(0, 255, 230, 0.85);
	box-shadow: 0 0 16px rgba(0, 255, 230, 0.65);
	pointer-events: none;
}

.motion-orbit--a { top: 12%; left: 8%; }
.motion-orbit--b { top: 28%; right: 6%; width: 12px; height: 12px; }
.motion-orbit--c { bottom: 18%; left: 18%; width: 10px; height: 10px; background: #7af6ff; }

[data-motion="pills"] {
	position: relative;
}

[data-motion="pills"] .motion-pill {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 0;
	height: calc(100% - 8px);
	border-radius: 999px;
	background: #00ffe6;
	pointer-events: none;
}

[data-motion="pills"] button {
	position: relative;
	z-index: 1;
	background: transparent;
}

[data-motion="drift"] {
	transform: scale(1.08);
}

[data-motion="illuminate"].is-lit,
[data-motion="glow-pulse"] {
	box-shadow: 0 8px 24px rgba(0, 255, 230, 0.22);
}

@media (prefers-reduced-motion: reduce) {
	html.motion-ready [data-motion="reveal"],
	html.motion-ready [data-motion="stagger"] > [data-motion-item]:not([data-clone]) {
		opacity: 1;
	}
}