/**
 * Eno Starter neutral base.
 *
 * Keep this file small. Visual identity belongs in project.css and project
 * components after the design source has been analysed.
 */

:root {
	--eno-content-width: 1200px;
	--eno-gutter: clamp(1rem, 3vw, 2rem);
	--eno-section-space: clamp(3.5rem, 8vw, 7rem);
}

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

.eno-container {
	width: min(calc(100% - (2 * var(--eno-gutter))), var(--eno-content-width));
	margin-inline: auto;
}

.eno-section {
	padding-block: var(--eno-section-space);
}

.eno-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}