:root {
	--dz-bg: #031426;
	--dz-bg-deep: #020d18;
	--dz-surface: #071b2f;
	--dz-line: rgba(193, 126, 80, 0.55);
	--dz-copper: #cc8d60;
	--dz-copper-light: #e0ad7d;
	--dz-text: #f1efeb;
	--dz-muted: #b8bdc4;
	--dz-container: 1920px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--dz-bg-deep);
	color: var(--dz-text);
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
}

.dz-container {
	width: min(calc(100% - 80px), var(--dz-container));
	margin-inline: auto;
}

.site {
	min-height: 100vh;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.dz-container {
		width: min(calc(100% - 48px), var(--dz-container));
	}
}

@media (max-width: 640px) {
	.dz-container {
		width: min(calc(100% - 32px), var(--dz-container));
	}
}