/* Universal reset shared by every page — identical across all three mock-ups.
   Page-specific styling (header, nav, buttons, intro) lives in hero.css /
   events.css / contact.css, since those differ enough between Home and
   Events/Contact that a forced shared base would risk override bugs. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--black); }
body {
	color: var(--bone);
	font-family: "DM Mono", ui-monospace, monospace;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}