/*
 * Apex Events — base.css
 * Site-wide basics and the animations shared by the other stylesheets.
 */

/* No sideways scrolling from decorative glows. "clip" (unlike "hidden") keeps the pinned sections working. */
html,
body {
	overflow-x: clip;
}

/* Smooth scrolling for in-page links (#services etc.), unless the visitor has turned animations off. */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Inner pages have a solid header; stop anchor jumps from landing underneath it. */
html:has(body:not(.home)) {
	scroll-padding-top: 120px;
}

/* ---------- Shared animations ---------- */

/* Slow drift of the red glows behind the Numbers and Management sections. */
@keyframes apex-fx-drift {
	from { transform: translate3d(0, 0, 0) scale(1); }
	to { transform: translate3d(-8vw, 6vh, 0) scale(1.15); }
}

/* Fade + rise used by the hero and inner-page headings on load. */
@keyframes apex-fx-rise {
	from { opacity: 0; transform: translate3d(0, 28px, 0); }
	to { opacity: 1; transform: none; }
}